Build Responsive Websites with HTML5, CSS3, Bootstrap, and SASS

Responsive web design is about creating web pages that look good on all devices. A responsive web design helps automatically adjust for different screens to make it user friendly.

This course touches on each important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind—to build responsive websites using HTML5, CSS3, Bootstrap, and SASS.

Throughout the course, we will explore 6 projects namely Profile Card, Login Page, Spotify Clone using Flexbox, Testimonial Page using CSS Grid, Portfolio Website using Bootstrap, and EdTech Startup Landing Page. With the help of these projects, we will understand the following topics:

-How does the web work
-HTML fundamentals
-HTML semantics
-CSS fundamentals
-Responsive design
-Layouts
-SVG
-CSS libraries
-Bootstrap (CSS framework)
-SASS (CSS preprocessor)
-Website deployment

The complete course is focused on the concept learning approach; you learn every concept through a logical and visual learning approach. Learn all the important concepts in the simplest viable way with examples and real-life projects.

By the end of the course, you will be ready to work as an intern, fresher, or freelancer, and you will also be able to implement everything yourself. Most importantly, you will be ready to dive deep with future practice and hard-level questions about website building.

All resources and code files are placed here: https://github.com/PacktPublishing/web-development-projects

Type
video
Category
Web Development
publication date
2022-01-31
what you will learn

Learn website structuring with semantic and accessible HTML5
Use common components, utilities, and layout patterns for professional website development
Learn how to use each skill in the real world with project implementations
Learn to find free design assets such as images, fonts, and icons
Learn to support any device size with responsive design (mobile, tablets, and desktop)
Website deployment on the web using Netlify

duration
1414
key features
Explore Django apps, templates, models, and migrations * Work with CSS preprocessor: SASS (variables, nesting, mixins, extend/inheritance) * Work with CSS framework: Bootstrap 5 (layouts, forms, components, and utilities)
approach
The complete course is focused on the concept learning approach, where you learn every concept through a logical and visual learning approach. Learn all the important concepts in the simplest feasible way with examples and real-life projects.
audience
This course is helpful for absolute beginners who want to learn how to build a beautiful and responsive website; designers who want to expand their skill set into HTML5, CSS3, Bootstrap, and SASS.

No previous programming or coding experience is required; we will cover everything step-by-step from the basics.
meta description
Learn how to build responsive webpages from scratch using Flexbox, CSS Grid, Animation, SVG, and Bootstrap.
short description
Learn and master HTML, CSS, Bootstrap, and SASS. Starts right from the basics and increases its level step by step by understanding various concepts, implementing them with different exercises, practicing with games, and building 6 real-world projects.
subtitle
Build 6 Stunning Websites with HTML5 and CSS3 (Flexbox, CSS Grid, Animation, SVG, Bootstrap)
keywords
HTML, CSS, CSS Grid, Projects, Deployment, Bootstrap, SASS, real-life projects, responsive web design, HTML Fundamentals
Product ISBN
9781803239477