The Weekly Web Dev Show: Freestyle projects with HTML, CSS, JavaScript and more!

Key Takeaways

so guess what i just did i um start started the wrong stream so the the one for next week or the one for friday i'm not sure which one i was talking on um wondering why i could not see the comments um usually i can see them down the side of the software streaming software i use and then i realized it's because i've started the wrong one so that's annoying so sorry about that i was actually on time as well for once so yes oh dear basically who is here dan piss was first again damp it's two oh it tells me there's a problem on twitch's end so it can't um it can't stream to twitch that's a shame hopefully it's not affecting things over on youtube we have alana we have dave how's the new house dave moved in yet or not yet uh we have catherine has come along from burma again how is everyone's week so far pretty busy my end pretty good too yeah lee hilt this is the first one i've attended is this stuff that students have created indeed it is yes that's right it's really hard to choose who to vote yeah did you know you can actually vote for more than one yes it's true yup anyone in the scrimba community can indeed participate exciting says hello yes nuts bud oh you're live on twitch it's just the background oh dear it says i'm not i shall ignore it um we bought the house we've been living for three and a half years ah right it's lovely awesome no moving excellent news what's happened hello everyone hey hawk hi guys yes thank you all for coming let us begin reviewing um the submissions so sharing screen this week's challenge as you all know probably was a freestyle challenge which meant that you could submit anything of your creation providing it had an array an event listener and a loop and wow what an amazing set of submissions we have here so where'd you begin maybe at the start yeah oh michael said he was joining me as you can see he's not here i'm hoping he's going to come soon um yes so the first one was from catherine we have a memory game super cool um i will start i'm gonna do easy eight cards and i can choose french or english oh look at that let's give french ago already regretting that this week you start choose two cards okay this one box oh cat okay now it's the turn of lord and atta oh that was a box that one's mine i have one yeah dave says i love this memory game it is extremely addictive i think i just missed the oh no i get another turn fish that one night that's cat okay computer gets a turn fish ah i nearly went for that one no the computer's going to win no it's not okay that's dog that's cat dog dog cat cat yay fellas is hostile i've beaten lord and at her fabulous and my friend is great that's very kind of you yes it's really nice indeed yes wonderful memory game now ray linda has made this colorful and beautiful um snake emoji game and you have to improve the mood of the little emoji in the beginning in the middle and you can use these on the screen or the keyboard which is super cool i'm going to use the keyboard and then just watch this oh no missed him yeah i love the colors on this happy even more happy oh no oh i pressed back never mind um yes what happens if you get two more levels i think is you basically get a massive celebration super cool and i love the background i want that as a wallpaper when michael and i lived in ukraine we lived in a flat that had one room i think it was the living room was cow print i mean big cow print it was awesome and the other room i think the bedroom was some kind of glitter glittery wallpaper yeah and it had a green toilet it was amazing yeah burn it's next with a virtual piano um yeah my eternal problem with getting the scrim in the right place so firstly i have to point out this wonderful gradient um text that was the second part of the challenge the optional typography lovely and then you can press them now my piano playing skills are about as good as my french are you non-existent i wonder if you can use the keyboard oh yeah you actually can how cool is that and there's a really nice effect um when you press the keys i'm just gonna see if michael's coming [Music] i guess not maybe he'll be along soon if he hasn't collapsed let's hope not i would love for him to come along and explain what is going on i mean i can tell you about the arrays make that bit bigger an array of white keys oh an array of black keys oh wow and actually these gradients also an array how cool is that i think it's great if you keep michael in a little box he keeps himself in a little box aren't they yeah super cool let's move on oh yeah speaking of languages um who's this carrot has created this super cool learning tool for spanish including the typography um requested so we've got the gradient text we've got the outline and first color and first line and then you can learn um spanish words for colors awesome wow so then you have to type in your oh wow so i have to learn uh what was pink i don't think i saw pink let's have a look rosa nice rosa no that's pink okay rojo i should know that that was azul i like the fonts here yeah super cool awesome actually i would say yes uh okay who's next pac-man from dan pitts we all love a bit of pac-man i must say i really like this font here that's cool l r start game okay let's go oh no the ghosts are coming look i've got 27 already it all turned purple i don't know if that means anything well now they're not purple oh no it does it means yeah if you collect these red dots it freezes them no i don't go this no mr khan yes they're all frozen we actually have a course on this oh no no no go away [Laughter] you're meant to be frozen if you're purple aren't you yeah i'm not very okay with this game but i do know it's addictive i've got 114 now let's keep going i wonder what happens if i win i get all of them it's never happened yet this is pac-man 2 it says or is that not clue another one okay this is um this is really testing me now and i don't go no i wonder if you go in there you can't okay probably for the best refresh the page once you're done it says done pets oh okay oh what happens oh no game over okay so refresh welcome back lr hi i'm not sure something else meant to happen oh just the fact that it saved my initials in local storage i guess that's impressive very good dan pitts oh what you can eat the ghosts when they're purple right you know what it it actually says this i imagine in the instructions wonderful if you're purple um if they're purple you should collide with the ghosts the pole is going to end soon oh yes um don't forget to go and uh vote will be lovely who's next oh yes now this was an interesting one because i have always been told that html canvas does not work in scrimba however ambreen has made it work in scrimba which is exciting i don't know much about html canvas i was reading about it the other day actually it seems cool um but yeah ambien has made this amazing effect you can have circles you can have squares you can have embers i think i like the embers best what do you reckon what's your fave yeah awesome lovely who should i have a look at next um this one is from kuntal i don't know if he's in the chat huh so interrupting my announcement for console.table says dave does not work in scrimba what is console.table i mean presumably logs a table to the console typing no i don't want to buy a table is that a real thing maybe that's why it doesn't work oh here we go mdm the console.table method displays tabular data as a table okay stands to reason it doesn't work on scrimba hmm yeah there are a few things that don't work i always what believed that um canvas didn't but it seems it does ah circles are your face dave yeah hello abdullah welcome cointel has just joined actually which is perfect timing because we're about to look at kuntal's rhythm app i will go with we will rock you and then oh i'm not actually sure what i've done here let's play oh they'll make a dj out of me yet you can even change the tempo yeah get some dnb lovely yeah catherine says she loves this it's a lot of fun cool now we did have one um this one from srianz he's retracted it so we won't show it alana has really gone to town [Music] with the um typography has done everything we asked look at it it looks fabulous and you can make a story you can choose from pumpkin's day off the fourth of july mystery that was yesterday i just realized and a summer trip obviously i'm going to go for pumpkins day off so what you have to do is fill out the following inputs for your mad lib story okay if you want to suggest some to add go for it uh yeah write some objects drinks colors in the chat and i will add them so for now i will get started oh look you can see what i added earlier when i tried it like a place vienna heaven up free says greg okay seven up three it is and number i was going for fourteen a name um another name i'll choose alex yeah pants no not pounce snooze another place whales an animal oh yeah axa an axolotl that's a real animal i think that's how you spell it let's have a look yep it is the reason i know this is because at the weekend i bought a book um rubbish pet portraits this person has um basically made about 55 000 pounds for charity drawing people's pets and making a book and um someone had an accent lotto as a pet yes so that's that a color um orange an adverb i'm going to stick with this object huge light i thought you played minecraft so you knew axolotl no i've never played minecraft i almost did a while ago but then i realized you had to pay so i didn't are there lots of axolotls in minecraft okay now these are all filled so hey i will generate it was a balloon-like day in london leon and michael are working on scrimba challenges but i have the day off i think i might try to go to vienna so i can have a yummy lunch yeah there's lots of yummy lunches in vienna once i get lunch i still have alex hours maybe the power hours until i need to go to my next scrimmage lesson while i was walking to vienna i noticed there was an axolotl wearing an orange scrimba hat how cool is that yeah i was so old i thought that he said minesweeper i have played minesweeper yeah that's a good game in a recent update they've added axolotls was that heavily requested awesome yes lovely thank you alana the story made my day dave it's your turn uh so dave has made this really useful app add a card um todos will be the name of my first post-it free cat water cat pet cat budget cat those are my tasks and then i'm going to use text effect add card and the text effect is the um typography we requested in the challenge super cool really nice um carl michael take out bins blue one add a card really useful and really cool thanks dave for this wonderful entry okay and lastly we have now i happen to know that this person has previously won the weekly web dev challenge so is dave actually so we have yeah two previous winners a re-entry couldn't tell have you won or you won something else once yeah anyway wonderful to see people still entering after they have won yes this person kai trinko has made a rock paper scissor game let's give it a go computer wins oh no not again it's a tie all right go for this one this time computer wins no i went yes lovely awesome game all about cat lol yup he takes up a lot of my time car blinky our binky is pleased with your to-do list yeah our car is called twingy because it's a renault twingo yeah oh cat it's not a car oh that's sweet i did wonder why your car was interested in my to-do list but you know cars have strange strange interests so i believe that the poll has finished well i know the part was finished actually if i set it up correctly so i will now figure out who has won now i have to do some addition here because i forgot to add someone to the pull which meant i had to start a new one so now i have to add them together so bear with me uh where's the old one oh it's in here while i do this oh crikey i need to be playing some music at this point oh another thing actually i forgot to mention on this one have a little pumpkin um icon super cool i'm going to have to go to my um [Music] visual studio code to find the other link so you can all see my messy code oh no it's raining and the washing's outside oh i'm devastated by this don't save just let me open it okay wwdc poll where is it i i feel like the suspense is is gonna you know break the internet here okay we're here we're getting there i promise okay this one and this one i can now reveal that the winner oh i need my uh it's alana with the mad lib story with pumpkins day off i mean really every day is a day off for pumpkin but the story was brilliant nonetheless and perfectly copied typography so i think that is well deserved alana i believe you're in the chat um congratulations you know how to contact me on scrimba and on screen but on discord um to claim your prize um yes can we have some like music please yes i've tried numerous times with music i will try again one day and hopefully it will work yes do you have icons work on scrimba i think i'm sure they do actually um i've seen kevin powell use them so yeah they should be fine yes well done elana i will now let you in on the next challenge it is based on our live stream from last week it's an accessibility challenge so you all know my love of making ugly forms i have made one that is not only ugly it's actually i quite like it but um it's not very accessible at all in fact there are at least seven accessibility um issues for you to find and fix so yeah that's this week's challenge send it in as soon as you can and if you need a ritual a heads up you can head over to our last live stream here which i'll also link to and pick up some tips from a senior accessibility trainer yeah that's where i got a lot of the um ideas basically for this challenge from so yeah i hope that's a nice challenge and that is about it for this week yeah lovely to see sorry michael didn't appear i'll go and um see if he's been squashed by a pile of books i hope not because he's meant to be doing the um on wednesday github live stream we've already had one of these and it was popular so we're doing another one more on how to use github yeah so i hope to see you there yeah okay have a wonderful week and enjoy the next challenge