Design & Code a Responsive Landing Page from Start to Finish | Coding the Nav and Header

Thanks! Share it with your friends!

You disliked this video. Thanks for the feedback!

Added by admin
Oh man, I love coding in HTML, CSS, and Javascript! This is the part of the series where we put away our designer hats and pick up our front-end developer hat and rock that thang!

Remember to Subscribe

Today's episode marks the start of the coding portion of the series. We will be going piece by piece and working our way through the site and along the way learning valuable skills that will help us be better developers.

Topics covered in this video include, Sass, HTML, CSS, Responsive coding techniques, Gulp, Command line, Github basics, CSS Flexbox and more.

1. Intro -
2. Discovery -
3. Wireframe & Moodboard -
4. Visual Design Part 1 -
5. Visual Design Part 2 -
6. Setting up the Dev environment -


This series is all about the web design and development process from start to finish. I am going to be taking you through the entire creative process from sketching and wireframing to high res mockups and full development phase.

I have never done a series this large, and my hope is that you will grow as a designer and developer not because I am perfect but because you have allowed yourself to stumble and fail with me on the road to making something you can be proud of.

I made this series because I believe that by teaching it I will learn and grow from not only the experience of creating the project but getting feedback from you all.


////////// Website
////////// Subscribe:

If you want to support the content I make and buy me a cup of coffee

////////// Social
////////// Equiptment
Vlogging Camera - Panasonic G85
Drone- DJI Spark
Start web programming

Post your comment


Be the first to comment