Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

Hello again FCC friends!! Thank you so much for taking the time to watch this course and thank you FCC for having me on the channel. I said it before, but FCC was one of the resources I used when I started to learn programming and it has opened countless doors for me. For any of you doubting yourself on the journey, just keep going! It will pay off and you’ll be glad you stuck with it. This stuff is challenging, so I hope this video gets you just a little bit closer to your goals :)

Great Explanation. Perfect tutorial for beginners.

Thank you so much Zach. Great tutorial as always 🤘🤘

Wonderful video, thank you!
I just ended with one doubt... what happened with MVC? It isn't necessary in React?
Ps. I would love to see a video of Next.js. Thank you again, the best tutorial I've seen so far.

Thank you so much!

Is there any way we can get the code for the ts/react refactor? I'm stuck with a ts error and can't go on, and the only code I have is for the plain react refactor. "yarn dev" says it can't read App.tsx.

i didt watch first course, is there posiblle to see, how keyframes works ? or something that you cant unterstand, is there any explanation ?

Appreciate the effort but would have been more efficient if you explained why you used certain methods to approach certain problems more like to understand your thought process

Quick tip that I just found:
1. To select a single line: Place your cursor anywhere on the line (Or use an Arrow key/ "Ctrl + Arrow") and press "Ctrl + L" (Control + L on a Mac)
2. To select multiple contiguous lines: Place your cursor anywhere on the first line, then press "Shift + Alt + Down Arrow" (Shift + Option + Down Arrow on a Mac) to extend the selection down to the next line. You can repeat this shortcut to select additional contiguous lines.
3. To select multiple non-contiguous lines: Place your cursor anywhere on the first line, then press "Ctrl + Shift + L" (Control + Shift + L on a Mac) to create multiple cursors, one for each line. You can then type or edit on all the lines at once.
4. To cancel selecting multiple lines: Press Esc

Cool!

thank you 👍

Really enjoying the learning. I like the problem solving and creativeness to coding. It will be great once all the basic concepts stick and sink in.

I moved onto javascript basics lately and it had me curious, from the more advanced coders among you.
Do I need to be good at math?
i am terrible at this. More creative minded but a calculator can be my friend if needed lol

This course really hooked me up, I started with the HTML part and after the JavaScript part I really got it!, this is an impressive masterclass for a naive programmer like me, now I feel pro!

How about database?

I kindly request to make video of full Stack development latest version please

um

what have you writen in line one of index.css

Thats a great video! congratulations, hes a very good teacher! thanks!

Link to the previous part of the sequel?

OG

❤❤❤

I'm starting in this world, studying HTML and CSS and I'm loving it! Next step: JavaScript!

Could you do it with Angular?

🙏 pray for me. 😢😢😢 I still want to learn but I am failed again and again.

We want more videos like this. Thank you Zach!!!

Hello!

Thank you for this video, I'm learning a lot about web programming with you.

I think you can use the modulo operator to simplify a bunch of things :
- Have next player from current player : let next = (current % 2) + 1 (This solution will still work with games with more than 2 players)
- Get the current player from the move array : let current = (moves.length % 2) + 1 (Again, this will still work with games with more than 2 players, just replace the 2 by the number of players)

I hope to learn a lot other things on your channel. Good work!

Thank you so much!
I appreciate that you took into consideration the viewing experience on smaller screens by scaling your screen accordingly. Often, tutorial creators overlook the fact that their viewers may be watching on mobile devices. They record their tutorials on 4K monitors with small font sizes, which can be frustrating to watch on smaller screens or with a poor internet connection or lower resolution.

HELLO,MY QUESTION IS ABOUT CHATGPT AI RESEVATION TO THREAT FREELANCE DEVELOPERS HOW MUCH AI CAN LOSS THE FREELANCING EARNINGS ?IT MAKE FREAK OUT AND IAM RELUCTANT TO LEARN MORE ABOUT WEB DEVELOPMENT,KINDLY GUIDE ME AND GIVE ME THE OVER ALL LOOK THAT WHAT IS ACTUALLY GOING TO HAPPEN WITH FREELANCERS AS A WEB DEVELOPER.
THANKS
QAMAR RAO

No 1080p resolution on the video?

i love this channel i wanna thank you for what you doing fcc. you are changing lives for the better.

Please make a detailed course on apollo graphql i don't find any updated course anywhere

Thanku sir

Sir please reply
There are future in frontend developer in industry
As of now Ai no-code tool hai release I am afraid of that this Ai will take our job
Please reply your point sir please

Hi, I just saw this in my feed, and it seems a nice project for a port to Python and Django, which is my background.

How to easily learn programming??

Loved it❤
Tons of luv for you zach

Make a video on react native (JavaScript )

After completing this course, I will strongly claim myself that I recently graduated from FCC.
Thank you FreeCodeCamp for this wonderful tutorial.

Great job.. Imma check it out right away 🤗

2 h and 43 m watched Repeated 2 h & 20 m

Bruh I’m currently working through the last 20 hr video Zach put out. This is epic.

Dont like TypeScript

Hello! I'm from Ukraine. And I am very grateful to the developers of this course. Thanks to him, I not only learned about HTML, CSS, JavaScript, but also improved my English. Thank you

I am watching your videos sir thanks 😊

❤❤❤😮😍😍

Thank you so much guys Allah bless you. 😊