Web Design With HTML CSS and SASS - Beginner To Advanced


Updated on

Course overview

Course type
Paid course
All Levels
19 hours
154 lessons
Available on completion
Course author
Ewomazino Akpareva
  • Fundamentals of HTML5 and CSS3
  • Build Multiple Responsive Websites With Great UI
  • Indept Understanding Of Page Layout
  • Fundamentals of FlexBox and Grid System
  • Advanced CSS Topics such as Variables, Pseudo-elements, etc.
  • CSS Animation
  • All Skill Levels
  • SASS - Learn all the basics of SASS
  • CSS Architecture
  • Command Line, Git and GitHub


Learn web design & web development from scratch using HTML, CSS & Sass. We cover CSS Animation, Grid, FlexBox and Git.

This course is for beginners who want to learn web design and web development, as well as for existing web designers/developers who want to sharpen their understanding and skill in creating responsive and great websites.
In this web design course, we begin by going over the fundamentals of HTML and CSS, after which we look at the essentials of page layout.
We then create a mini project to test our understanding.
We also cover Flexbox, Grid layout, CSS Animation, SASS and some advanced CSS topics which you need for a good foundation in web design and web development. This would enable us to build a big project where we implement all the topics discussed.
We then proceed to teach about the COMMAND LINE, GIT and GITHUB, which is a tool every web developer should be familiar with.

At the end of this course, you would be confident about creating responsive real-world websites with HTML and CSS and your understanding of all the essentials would be solidified. Your web design and web development skills would also be sharpened.

1. Introduction and VSCode setup
2. HTML and CSS Fundamentals
3. Build a simple Page with HTML and CSS Basics
4. How to code HTML and CSS faster with EMMET
5. Build a Restaurant Website
6. FlexBox
7. Grid Layout - With Mini project
8. Advanced CSS Concepts
9. CSS Animations - transitions, transforms, and Keyframes.
10. Build a Wed Design Agency Website using many advanced concepts learned.
11. Optimize and Host the website on Netlify.
12. SASS - Syntactically Awesome Stylesheet

We are confident that at the end of this course, your web design and web development skills with HTML, CSS and SASS would be greatly improved.

This course is project-based.

We believe the best way to learn web design and web development is by practicing and that is why we build several projects including real-world responsive websites from scratch with HTML CSS and SASS. With the projects you build in this web design and web development course, you would be able to approach and any web design or web development project with clarity and confidence.

Lecture Approach
This web design and web development course with HTML, CSS and SASS take a beginner-friendly approach. We explain many advanced CSS concepts in an easy to understand manner. We cover the important basics of web development before delving into advanced areas in web development.

Web Design With HTML CSS and SASS - Beginner To Advanced
  • English language

  • Recommended provider

  • Certificate available