Web Development Foundation: The Complete Bootcamp

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 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