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.
WHAT IS THE GOAL OF THIS COURSE?
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.
WHAT IS COVERED IN THIS COURSE?
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.