This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
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
——————
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 make sure you learn best about HTML, CSS, Bootstrap and SASS.
Resources & Setup
HTML Fundamentals
HTML Semantics
CSS Fundamentals 1.0
CSS Fundamentals 2.0
CSS Fundamentals 3.0 (Display & 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
-
61Project Source Code - Github
-
62Flexbox Project / R075
-
63Header I
-
64Header II - Logo
-
65Main I / R078
-
66Main II / R079
-
67Background Image / R080
-
68Footer I / R081
-
69Footer II / R082
-
70Footer III
-
71Footer IV / R084
-
72Responsive Design: Main / R085
-
73Responsive Design: Header / R086
-
74Responsive Design: Footer / R087
-
75Variables I / R088
-
76Variables II / R089