Web Design With HTML CSS and SASS - Beginner To Advanced
What you'll learn
- 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
Requirements
- A computer
- Internet Access
- No Previous Coding/Design Knowledge is Required - We take a beginner friendly approach before we get into advanced topics
Description
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.
Who this course is for:
- Beginner With no knowledge of web development
- Intermediate level web developers
Instructor
Hi, I'm zino.
I'm a web developer who is passionate about teaching and helping people understand the core concepts of web development and other technologies.
I know what it feels like to take a course and still feel a disconnect between what you learnt in the course and what is expected in the real world.
This is why I create practical courses that are based on what is obtainable out there.
Join me in any of my courses and I would be glad to be part of your journey in tech.
Cheers...