I'm unsure if it got corrected in the video, but the random word function has a bug. You append "+ 1" to the end of the Math.random function that is wrapped in a Math.floor function. This means you'll never pick the first word of the array as the index will always be something below 1, which is floored to 0, and then added up to 1.
i really like that you took the time and had the confidence to show the whole project being made, and may a say web dev students like me do need that. We don't need to watch someone bolt the code for the whole game in 20 min. This process of researching, taking notes and planning like any human should do, is honest! Thank You!!
If you subscribe to the email list you will get updates as I make the course! Linked in the description. Currently aiming for spring 2022. My husband does all the video editing/animation :)
thank you so much for this video, I really appreciate that you show the struggles and how you solve them. It's not like those tutorials where people just seem to know everything
im here just because i like the way you talk. I believe you could talk about anything, its so chill. Im curious how you would be in a argument haha :))
Question:Why do you say coding when you work in html or sass,I mean I don’t wanna hate but I think that’s called different, just sayin I mean web it’s not codding 😓
Hey there Coder Coder! Great video as always. I'm new to HTML and I have a doubt. I recently followed you VS workflow video and I wrote the JS and CSS like you instructed in the video but however, when I run the code, it only shows me the HTML. I tried inspecting the page to find out the error. When I went to console, it was showing me this message - "The key "initial" is not recognized and ignored. 127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/dist/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. (index):46 Live reload enabled. :5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found) 127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/dist/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. DevTools failed to load source map: Could not load content for chrome-extension://kjacjjdnoddnpbbcjilcajfhhbdhkpgk/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME" could you please help me solve this issue.
Genuine question, I know i would learn a lot copying other site's like how it works but I wonder if doing this is good as a project, like putting it on github, or just more on as a way of learning? Also, loved how I learned how devs usually approach doing actual projects
I personally would use it more for a learning experience, but I think if you put your own spin on it, either with the design (like a different kind of animation for the tile flips) or with the game logic, I could see it potentially being a cool portfolio addition!
40:52 ..is the Height of the Tiles maybe coming from "grid-template-columns" ?? ..cause U mentioned the Height is 56 Pixels and it says 5x "56px" ... for the 5 Letters maybe
hey guys, any time I type gulp into the terminal and get brought to the localhost visual for the website, none of the changes I make in vscode appear. Has anyone had a similar problem? I'm kinda a noob haha
Hi, Great video! Just a thought.. How does your code deal with saving guesses to browser cookies? So if the browser is closed while playing the game, then on restart of browser does it remember the guesses? And if not, is there a way to code that?
Thank you, it was really a good trip of coding with you. I am waiting for another video to enhance this app(local storage, compare the guessed word with the words on the word list, store the score...). Or why not another video of live coding similar to this one. This give us a close idea about how the professionals used to code and pick up some tips of coding. Good luck!
I do not know you name coder coder but you are a great youtuber and coach. I love your videos and it's content, you give me so much inspiration for my path to become a web dev.
This is fantastic. Thank you. With the switch statement you were using to append the class at around 2:45:00, each statement needs a break at the end to escape. That's why correct, present and absent were all being appended.
You can generate them via the video I put in the card, but I just added a link in the description to the actual boilerplate files on Github. Hope this helps!
@@TheCoderCoder Thank you for a quick reply! Yes, I heard you talk about the card in the video, but it looks like the card is missing. Nevertheless, I'm thankful you added the link to the description :)
Your on fire 🔥 We will wait for more live coding videos 🎉 I like the way how u figuring things up. It's a nice skills u got, I'm currently Learning JS, in DOM Lessons. And thank God i'm being able to understand how things actually works to get more experience, in programming logic.
He did a great job! But my purpose in this video is to show people, step by step, how a real web developer thinks and researches and trouble-shoots. These are super important skills that once you learn, you can take and apply everywhere. Hope this helps explain :)
I'm unsure if it got corrected in the video, but the random word function has a bug. You append "+ 1" to the end of the Math.random function that is wrapped in a Math.floor function. This means you'll never pick the first word of the array as the index will always be something below 1, which is floored to 0, and then added up to 1.
Whoops! Thank you for catching that!
I really like your approach, it's actually quite calming and relaxing. Thank you for this video, super useful for beginners like me!
i really like that you took the time and had the confidence to show the whole project being made, and may a say web dev students like me do need that. We don't need to watch someone bolt the code for the whole game in 20 min. This process of researching, taking notes and planning like any human should do, is honest! Thank You!!
Comeon How long should I wait for your course Jess, Make me your apprentice!!! Both as a Web developer as well as video editor @ Coder Coder
If you subscribe to the email list you will get updates as I make the course! Linked in the description. Currently aiming for spring 2022. My husband does all the video editing/animation :)
@@TheCoderCoder Then I guess I have to make you both my mentors 😃😃😃(What an Awesome Combo You Both are!!!) Thank You @Coder Coder .
Both of us should make both of them our mentors 🤣 dude non only her coding skills are awesome, but the video editing in lit terrific too🤤 Amazing pair
thank you so much for this video, I really appreciate that you show the struggles and how you solve them. It's not like those tutorials where people just seem to know everything
Really glad to hear that-- that's exactly why I show everything in these live coding tutorials!
I'm obsessed with your live codings😭😭😭😭😭😭😭😭😭😭😭😭😭
haha thank you? 😂
I love that, you should do more of that! I think this will be helpful
Thanks so much!
LOVE IT LOVE IT! I havent finished it yet but everytime you post something it energize me!!!! you're so relaxed 😌 ☺️
Thanks so much!
im here just because i like the way you talk. I believe you could talk about anything, its so chill. Im curious how you would be in a argument haha :))
Felt like ASMR Coding, amazing !
I really wish I wasnt subscribed just so that I could subscribe to your channel.
i resubcribed only to get feature on social media, xd
Please wats the name, of the song you used around 1:17:39 its so calming
Sorry I'm not sure-- it's stock music from Premium Beats
I would love to understand coding for future reference, but my ADHD won't let me 😂 but I subscribed anyway maybe this time it'll be different
ADHD can also be superpower in coding when it comes to hyperfocus :D
Hii mam, can you a video how we can add ads on our website?
I think asking people to subscribe might work short term but it doesn't suit your style 💪👍
I agree!
Question:Why do you say coding when you work in html or sass,I mean I don’t wanna hate but I think that’s called different, just sayin
I mean web it’s not codding 😓
javascript is coding, wdym
The solution is now encrypted, but I guess it can decrpyted
Hey there Coder Coder! Great video as always. I'm new to HTML and I have a doubt. I recently followed you VS workflow video and I wrote the JS and CSS like you instructed in the video but however, when I run the code, it only shows me the HTML. I tried inspecting the page to find out the error. When I went to console, it was showing me this message - "The key "initial" is not recognized and ignored.
127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/dist/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):46 Live reload enabled.
:5500/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/dist/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
DevTools failed to load source map: Could not load content for chrome-extension://kjacjjdnoddnpbbcjilcajfhhbdhkpgk/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME" could you please help me solve this issue.
Genuine question, I know i would learn a lot copying other site's like how it works but I wonder if doing this is good as a project, like putting it on github, or just more on as a way of learning? Also, loved how I learned how devs usually approach doing actual projects
I personally would use it more for a learning experience, but I think if you put your own spin on it, either with the design (like a different kind of animation for the tile flips) or with the game logic, I could see it potentially being a cool portfolio addition!
How I can gain the most of this project ? Taking notes or rebuilding it? Awesome video as always
rebuilding or actually doing it will always help you more!
40:52 ..is the Height of the Tiles maybe coming from "grid-template-columns" ??
..cause U mentioned the Height is 56 Pixels and it says 5x "56px" ... for the 5 Letters maybe
how he can have the comment before the end of the video !!!!!!
hahaha 🤣
I am not able to install yoman it says "npm WARN deprecated har-validator@5.1.5: this library is no longer supported" can you please help.
hey guys, any time I type gulp into the terminal and get brought to the localhost visual for the website, none of the changes I make in vscode appear. Has anyone had a similar problem? I'm kinda a noob haha
Hi Coder Coder, any updates on your Web Design course?
Hi, Great video! Just a thought.. How does your code deal with saving guesses to browser cookies? So if the browser is closed while playing the game, then on restart of browser does it remember the guesses? And if not, is there a way to code that?
I'm already subscribed. So I won't be participating. You are really good
This may have take whole day to make !
oh shit now we all hate regex 😂
yepppp 😅
I'm already subscribed but when you mentioned it I pushed the bell and set it to all notifications lol
Should I learn html , css, javascript ,PHP for seo?
Awesome tutorial! If you have any clue to make a virtual keyboard properly, it would be awesome!
Thank you
Thank you for posting the video, because I can concentrate when I watch the live coding videos.
Thanks for making this video, it was really helpful 👍 please make another one to...
Amazing content
Bring a guru level challenge from frontend mentor
Appreciate your hard work ✌️👍
Yes👉👈
I know nothing about this area but I really enjoyed watching this! Cant wait to watch some more!!
I subscribed because you said so 😅 data confirmed ✔️
Few Days Back I saw your video on how to cheat in wordle using local storage.
Today i see how to build wordle.
I finally subscribed today
Thank you so much!
Very impressive skills, Jessica! I love your videos as always, have a nice day. Keep on growing 💪!
a write a lot of Javascript this is helpful for things to get done
njenengan pancen pinter mbak, saya bangga padamu. Apik tenan 👍
Thank you, it was really a good trip of coding with you. I am waiting for another video to enhance this app(local storage, compare the guessed word with the words on the word list, store the score...). Or why not another video of live coding similar to this one. This give us a close idea about how the professionals used to code and pick up some tips of coding. Good luck!
i have never heard of wordle.
You're so awesome i wish i will be like you in coming years 😌
This music is good in the background
I do not know you name coder coder but you are a great youtuber and coach. I love your videos and it's content, you give me so much inspiration for my path to become a web dev.
It's Jessica
Gosh You make web dev look so easy and fun...its taking every discipline in me not to simp right now 😬
Glad you like it! Simp for web dev, not for me 😅
awesome tutorial!
Thanks for watching!!
how do i get the boilerplates you used
Am I early, but ......(sh*** nothing to praise)
haha thank you!
Please tell your vs code theme
This is fantastic. Thank you. With the switch statement you were using to append the class at around 2:45:00, each statement needs a break at the end to escape. That's why correct, present and absent were all being appended.
Aah thank you for clarifying that! Much appreciated!
respect++
Am i the only one that the .css is missing in the download? Whole dist map is not there..
I normally ignore the dist files in git, but I just added them to this repo! Hope this helps
@@TheCoderCoder Amazing, thank you so much!!!!
Wow
what is your theme?
I did it for SCIENCE!
Live demo is not working on mobile.
aah, you're right-- I didn't add the virtual keyboard, and didn't think about opening it on mobile 😅
@@TheCoderCoder oh got it. 😀
Thank-you 🙂🙂🙂👍👍👍👌👌
Already subscribed
i love n enjoy watching these videos sm, u r awesome!
Thank you!
Thank you so much 🙏🙏
How do I get the boilerplate project files?
You can generate them via the video I put in the card, but I just added a link in the description to the actual boilerplate files on Github. Hope this helps!
@@TheCoderCoder Thank you for a quick reply! Yes, I heard you talk about the card in the video, but it looks like the card is missing. Nevertheless, I'm thankful you added the link to the description :)
it worked :)
First comment ✌️nice explanation mam
Thanks for watching!
Please do more of these. Queued to watch tomorrow
Awesome, hope you like it! And yes, I'll definitely continue doing live coding videos :D
Yes
Wow almost 5 hours … nice
Thanks, hope it is helpful!
Your on fire 🔥
We will wait for more live coding videos 🎉
I like the way how u figuring things up.
It's a nice skills u got,
I'm currently Learning JS, in DOM Lessons.
And thank God i'm being able to understand how things actually works to get more experience, in programming logic.
Keep it up Jessica
thanks!
Nice buddy
thanks!
Lets start 🔥
let's goooo
Amazing!!
Thanks!
First Comment!! :D
Thanks for watching!
WebDev Simplified made this in 1.3 hours
Yeah, but don't forget it live coding... 😏
He did a great job! But my purpose in this video is to show people, step by step, how a real web developer thinks and researches and trouble-shoots. These are super important skills that once you learn, you can take and apply everywhere. Hope this helps explain :)
@@TheCoderCoder yes agree 100%