Course Information
Course Overview
Build Responsive Websites With HTML5 and CSS3 (Flexbox, Grid, Transitions, Animation, SVG) / Along with Bootstrap / SASS
Welcome to Web Development Foundation, one single course to start your web development journey as a beginner step-by-step. This course touches on each and every 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 & SASS.
Throughout the course, we will explore the most important topics step-by-step along with 6 projects:
1. How Does The Web Work?
Client and Server
HTTP Requests (GET, POST, PUT, DELETE)
HTTP Response (Status Code, Content-Type)
2. HTML Fundamentals
Syntax
Document Structure
Meta Data
Links
Images and Media
Form Elements
Forms
3. HTML Semantics
Sections (body, article, section, nav, aside, h1...h6, header, footer)
Grouping Elements (main, div, p, hr, ul, ol, li, figure, pre)
Text Level (a, em, strong, span, br)
4. CSS Fundamentals
Adding CSS (Inline, Internal and External)
Syntax: selectors, declaration block, properties, declared value
CSS Selectors (universal, type, class, id, attribute)
Cascade and Specificity
Box Model
Sizing (padding, margin, width, height and border)
Units
Position (absolute, relative, fixed, static and sticky)
Display Property
Fonts and other formatting properties
Advanced Selectors
5. Responsive Design
Text Effects
Images and video resizing
Different viewports
Media queries
6. Layouts
Flexbox
CSS Grids
7. Advanced
Variables
Transition & Animations
Transforms
Shadows and Gradients
Design Patterns
Website Planning
8. SVG
9. CSS Libraries
10. Bootstrap (CSS Framework)
Layouts
Content
Forms
Components
Utilities
11. SASS (CSS Preprocessor)
Variables
Nesting
Partials & Modules
Mixins
Extend/Inheritance
Operators
12. Website Deployment
Why this course?
Complete course is focused on the concept learning approach, you learn every concept through a logical and visual learning approach.
Learn all important concepts in the simplest possible way with examples and real-life projects.
You don't need any knowledge, we will cover everything step-by-step from scratch.
After completing this 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 divide deep with future practice and hard level questions of website building.
Enroll now, I will ensure you learn best about HTML, CSS, Bootstrap and SASS.
Course Content
- 10 section(s)
- 142 lecture(s)
- Section 1 Course Introduction
- Section 2 Resources & Setup
- Section 3 HTML Fundamentals
- Section 4 HTML Semantics
- Section 5 CSS Fundamentals 1.0
- Section 6 CSS Fundamentals 2.0
- Section 7 CSS Fundamentals 3.0 (Display & Positions)
- Section 8 CSS Fundamentals 4.0 (Responsive Web Design)
- Section 9 Project 1 - Profile Card
- Section 10 Project 2 - Login Page
What You’ll Learn
- Build 6 stunning real-world projects for your portfolio, learn from basics with no previous knowledge!
- Learn website structuring with semantic and accessible HTML5
- Strong foundation to CSS fundamental concepts with implementations (Selectors, Specificity, Box Model, Display, Position, Units)
- Support any device size with Responsive Design (Mobile, Tablets & Desktop)
- Play games to practice important CSS concepts (Selectors, Flexbox, CSS Grid)
- Use common components, utilities and layout patterns for professional website development
- Learn to find free design assets such as images, fonts, and icons
- Learn how to use each skill in the real world with project implementations
- Work with CSS Preprocessor: SASS (variables, nesting, mixins, extend/inheritance)
- Work with CSS Framework: Bootstrap 5 (layouts, forms, components & utilities)
- Website deployment on Web using Netlify
Skills covered in this course
Reviews
-
SShubham Mishra
Best Course Now i have 5 projects
-
AAleksandar Kuzmanovic
Another excellent course by Shubham. Well done!
-
LLisa Maria Green
very thorough
-
JJennifer Galloway
Excellent content. Walk through is well done. I used this as a refresher course and it has been a very through recap.