Web Development Foundation: Learn HTML5, CSS3 & Bootstrap

Welcome to Web Development Foundation, the best course to start your web development journey as a beginner, step-by-step. This course explains each and every important topic including concept, 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 building six complete projects:

1. How Does The Web Works?
   • 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?

• The entire course is focused on a project-building approach
• Learn all the important concepts in the simplest possible way, with many examples.
• No previous programming or coding experience is required, we will cover everything step-by-step from the basics.

All course materials are here