Learn how to build responsive webpages from scratch using Flexbox, CSS Grid, Animation, SVG, and Bootstrap.
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)
Book Description
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
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
Who this book is for
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.
