![Build Responsive Websites with HTML5, CSS3, Bootstrap, and SASS [Video]](https://content.packt.com/V18512/cover_image_small.jpg)
Build Responsive Websites with HTML5, CSS3, Bootstrap, and SASS [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$54.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$54.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction
-
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
- Bootstrap Introduction - Project Demo
- Utilities
- Layouts - Container, Grid
- Layouts - Container, Grid part 2
- Components
- Portfolio Project: Main Section
- Portfolio Project: About/Blog Section
- Portfolio Project: Contact Section
- Portfolio Project: Footer
- Portfolio Project: Project Section
- Project Completion
-
Project 6 – EdTech Startup Landing Page
- EdTech Landing Page
- Initial Project Setup
- Navigation
- Banner Section I
- Banner Section II
- Transition, Transform, Animation
- Building Theme
- Stats Section I
- Stats Section II (Flexbox)
- Information Section
- Working Section (CSS Grid)
- Footer (SVG)
- Animate CSS (CSS Library)
- Scroll Bars
- Responsiveness I - Media Queries
- Responsiveness II - Media Queries
- Hamburger Menu I
- Hamburger Menu II
-
Deployment – Your Website on the Web
-
Course Conclusion
About this video
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
- Publication date:
- January 2022
- Publisher
- Packt
- Duration
- 23 hours 34 minutes
- ISBN
- 9781803239477