Go Further With Advanced HTML & CSS And Build a Responsive Website | Kevin Lehtla | Skillshare

Go Further With Advanced HTML & CSS And Build a Responsive Website

Kevin Lehtla, Front-End Developer & Web Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (2h)
    • 1. Introduction to the course

    • 2. Downloading Software

    • 3. Installing Software

    • 4. Setting Up Sass

    • 5. Short Intro to Sass and Emmets

    • 6. Creating The foundation

    • 7. Getting Meaty

    • 8. Covering The Sections

    • 9. Making The Desktop Media Queries

    • 10. Thank you for watching


About This Class


I have been designing and developing sites since 2010. During that time I have learned on how to improve my workflow and create meaningful responsive websites. It doesn’t matter for who or when you do it, time is always a valuable resource and we want to take the most of it.

This is a course to everyone who has taken up learning web development and now feels comfortable to get into the juicy bits of it.

But don't worry...if you are still a beginner this course will show you coding techniques that may help you in the long run, as a habit of coding in the wrong way may ruin your experience in the future.

You are going to learn about all of the following and few more :

  1. Setting up a Live Server
  2. Basics of SASS and SCSS
  3. Grid Layout
  4. Emmets
  5. Mobile First Solution
  6. Responsive Design using Media Queries

Using all of the above we will be creating a clean and modern landing page using one of the latest trends of 2018 and soon to become 2019 – Gradients.

Note: This course will also include a little bit of Javascript but nothing too crazy.

This is not a course by a Professional teacher who has certifications or awards, rather this is a course by a self thought Web Development & Designing loving person who has been in this field for quite a bit of time and has seen how the development world evolves every day in terms of coding. If you are an advanced web developer and notice something that i do is false please do write that to me as i am always open to fixing my own mistakes. 

As a young Front End Developer & Web Designer I always strive to push further with what I love but with the speed technology improves sometimes some things go past me. If after this course you are uncertain about some things or have questions to ask me personally then please feel free to do as 2 minds always think better than 1.

Resources that were used in this course : 

  1. Visual Studio Code - https://visualstudio.microsoft.com/
  2. Font Awesome - https://fontawesome.com/
  3. Mini Reset - https://jgthms.com/minireset.css/
  4. Slick Carousel - http://kenwheeler.github.io/slick/
  5. Learn to use Grid - http://cssgridgarden.com/
  6. Sass Doc. - https://sass-lang.com/documentation/file.SASS_REFERENCE.html
  7. Emmets - https://docs.emmet.io/