Full timelapse + walkthrough of building my website

0:00 - Intro
0:24 - General setup
1:26 - Desktop navigation
3:08 - Mobile hamburger menu
4:25 - Hero section
7:56 - 3-column feature blocks
9:19 - Fullwidth feature block
9:54 - Alternating blocks
11:09 - Quote block
12:31 - Blog post section
15:24 - Fullwidth CTA block
15:44 - Signup form
17:31 - Footer
21:03 - The finished website!

_____________________________________

SUPPORT THE CHANNEL
👏🏽 Hit the THANKS button in any video!

WANT TO LEARN WEB DEV?
Check out my courses:

RECOMMENDATIONS

🔽 FOLLOW CODER CODER

#webdevelopment #coding #programming

[victoriaxue]

Hey, I really appreciate you showing your thought process when working on a project. It makes me feel like I have a mentor instead of a tutorial. Keep making videos.

[waynekmdigital]

Thank you coder coder, am now a front end developer because of your videos and your fun way of approaching challenges. Thank you

[invictuz]

Step 1: Find a killer design. That's the hardest part for me!

Seriously though, this design looks so nice. I really like that the whole video is 20 mins long condensed with so much info in every second, probably the only video that I have to slow down instead of speed up. There are so many valuable workflow, CSS and design tips that covers so many concepts. Best bang for the buck website building video guide I've ever seen. I will definitely be using this video as a reference for all my future website projects.

[danielferlive]

OMG. I'm shocked !! I'm a beginner in the world of programming and of course, I started with the basics and front end. Your level of work is absurdly professional, which has generated a little fear with the amount of things. Hihi thanks

[pablorojas]

Finally! Someone that actually builds a website and not that BS that you find on most videos of youtubers faking being coders and do nothing.

[codeSTACKr]

I love this overview of the process! Great work!!

[abhinav.sharma]

Hey coder-coder! I just wanna say, you really nailed down your thought process in creating this new version of your website.
Really appreciate the effort, helped a ton!
Keep posting such content! 💗

[christopherahmed]

This is exactly the kind of stuff I want to learn how to do!! Looking forward to the course!!

[armaghan]

Honestly, your channel literally finished all my CSS and Fron-End Anxiety!

[loarithm]

I was always searching for a video that shows me the whole picture before diving into detailed tutorials.
Smart idea. Good luck

[TheOG_Podcast]

Your channel is truly awesome. I'm glad the algorithm did me right this time.

[melo]

I learned so much from just the first few minutes about what professional coding is like. I'm pretty new to this.

[omaryrajabu]

I loved watching this WHOLE process, even rewinded to get a second look at something.

[murtajiz]

As a beginner, this woman is the epitome of professionalism and skill. Inspiring to say the least.

[KANJICODER]

I like how instead of just playing a whole bunch of code really fast, you summarize it. I never thought of this. I am 100% stealing this.

[vinayaksahu]

I'm actually looking forward to the course because I've been trying to find something just like this for a long time as I get stuck while making several projects. I'll be rooting for you and keep up the good work.

[AbdulRahman-ygbk]

I seriously love all your videos and I appreciate all the hard work that you do for us. I'm just 16 and learning web dev and I don't know where to start I always watch tutorials. And when it comes to coding on my own I'm just stuck most of the time.
All I'm trying to say is that id love to talk with you just to ask a few questions since you're well experienced <3

[josiaherixon]

Such a cool video. I've become inspired to be a front-end web developer because of one of your videos. I'm giving myself 6 months to learn html, css, javascript, react, git, and sass. I think I can do it; gonna spend all day coding for 6 months. Anways, thank you!

[cyberneticbutterfly]

This is a billion times better than all the lame tutorials you find on youtube that explain one tiny thing in this process in a 30 minutes handholding video.

[JayeshDhandha]

Your work is of Next Level, Truely inspiring.
The simplicity on your sentences urges people to listen and Believe what you are teaching.
I wish I could talk with you one day on my podcast!

Good work Jessica and keep up doing the same...