-
Book Overview & Buying
-
Table Of Contents
Build Responsive Websites with HTML5, CSS3, Bootstrap, and SASS
By :
Build Responsive Websites with HTML5, CSS3, Bootstrap, and SASS
By:
Overview of this book
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
Table of Contents (23 chapters)
Introduction
Resources and Setup
HTML Fundamentals
HTML Semantics
CSS Fundamentals 1.0
CSS Fundamentals 2.0
CSS Fundamentals 3.0 (Display and Positions)
CSS Fundamentals 4.0 (Responsive Web Design)
Project 1 – Profile Card
Project 2 – Login Page
Layout 1 – Flexbox
Project 3 – Spotify Clone Using Flexbox
CSS Advanced 1.0
CSS Advanced 2.0 (SVG – Scalable Vector Graphics)
CSS Advanced 3.0 (Transition and Animation)
Layout 2 – CSS Grid
Browser Compatibility
Project 4 – Testimonial Page Using CSS Grid
SASS – CSS Preprocessor
Project Setup
Project 6 – EdTech Startup Landing Page
Deployment – Your Website on the Web
Course Conclusion