Web Development Foundation: Learn HTML5, CSS3 & Bootstrap
Web Development Foundation: Learn HTML5, CSS3 & Bootstrap, available at $69.99, has an average rating of 4.65, with 142 lectures, based on 56 reviews, and has 1103 subscribers.
You will learn about 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 This course is ideal for individuals who are Absolute beginners who want to learn how to build a beautiful and responsive website or Designers who want to expand their skill set into HTML5, CSS3, Bootstrap and SASS It is particularly useful for Absolute beginners who want to learn how to build a beautiful and responsive website or Designers who want to expand their skill set into HTML5, CSS3, Bootstrap and SASS.
Enroll now: Web Development Foundation: Learn HTML5, CSS3 & Bootstrap
Summary
Title: Web Development Foundation: Learn HTML5, CSS3 & Bootstrap
Price: $69.99
Average Rating: 4.65
Number of Lectures: 142
Number of Published Lectures: 142
Number of Curriculum Items: 142
Number of Published Curriculum Objects: 142
Original Price: $189.99
Quality Status: approved
Status: Live
What You Will 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
Who Should Attend
- 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
Target Audiences
- 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
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 importanttopics 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, Bootstrapand SASS.
Course Curriculum
Chapter 1: Course Introduction
Lecture 1: Introduction & Curriculum Walkthrough
Lecture 2: Welcome – Lets Get Started!
Chapter 2: Resources & Setup
Lecture 1: Resources [Important]
Lecture 2: Resources [Important]
Lecture 3: How Web Works? [Optional]
Lecture 4: Environment Setup
Chapter 3: HTML Fundamentals
Lecture 1: HTML Introduction
Lecture 2: Head Section
Lecture 3: Common HTML Tags
Lecture 4: Media Tags
Lecture 5: Linking Page
Lecture 6: Forms I
Lecture 7: Forms II
Lecture 8: Comments
Lecture 9: List
Lecture 10: Tables
Lecture 11: Inline and Block
Lecture 12: Id & Classes
Chapter 4: HTML Semantics
Lecture 1: Semantics I
Lecture 2: Semantics II
Lecture 3: HTML Entity
Chapter 5: CSS Fundamentals 1.0
Lecture 1: Introduction To CSS
Lecture 2: CSS Types and Order
Lecture 3: Selectors
Lecture 4: Selector Game I
Lecture 5: Selector Game II
Lecture 6: Specificity / R029
Lecture 7: Common Properties
Chapter 6: CSS Fundamentals 2.0
Lecture 1: Box Model
Lecture 2: Box Sizing
Lecture 3: Box Model Values
Lecture 4: Unit Values
Chapter 7: CSS Fundamentals 3.0 (Display & Positions)
Lecture 1: Display
Lecture 2: Display vs Visibility
Lecture 3: Position / R041
Lecture 4: Z Index
Lecture 5: Pseudo Elements & Pseudo Classes / R042
Chapter 8: CSS Fundamentals 4.0 (Responsive Web Design)
Lecture 1: Responsiveness: Media Query / R043
Lecture 2: Viewport Units: Height & Width / R044
Chapter 9: Project 1 – Profile Card
Lecture 1: Project Source Code – Github
Lecture 2: Transform / R045
Lecture 3: Position / R046
Lecture 4: Google Font
Lecture 5: Button Design
Lecture 6: Margin Auto vs Text Align Center
Lecture 7: Box Shadow
Lecture 8: Icons
Lecture 9: Color suggestion
Lecture 10: CSS Sequence: Advise
Chapter 10: Project 2 – Login Page
Lecture 1: Project Source Code – Github
Lecture 2: Background Gradient
Lecture 3: Input fields
Lecture 4: Forgot Password
Lecture 5: Login Button
Lecture 6: Min Max Width
Chapter 11: Layout 1 – Flexbox
Lecture 1: Flexbox Introduction
Lecture 2: Parent Properties
Lecture 3: Child Properties
Lecture 4: Flexbox Tool
Lecture 5: Flexbox Game / R063
Chapter 12: Project 3 – Spotify Clone Using Flexbox
Lecture 1: Project Source Code – Github
Lecture 2: Flexbox Project / R075
Lecture 3: Header I
Lecture 4: Header II – Logo
Lecture 5: Main I / R078
Lecture 6: Main II / R079
Lecture 7: Background Image / R080
Lecture 8: Footer I / R081
Lecture 9: Footer II / R082
Lecture 10: Footer III
Lecture 11: Footer IV / R084
Lecture 12: Responsive Design: Main / R085
Lecture 13: Responsive Design: Header / R086
Lecture 14: Responsive Design: Footer / R087
Lecture 15: Variables I / R088
Lecture 16: Variables II / R089
Chapter 13: CSS Advanced 1.0
Lecture 1: Backgrounds
Lecture 2: Background Clip / R091
Lecture 3: Background Shorthand
Lecture 4: Transform / R093
Lecture 5: CSS Art: Border and Border Radius
Lecture 6: CSS Art: Border Radius / R095
Lecture 7: CSS Art: Designing Shapes / R096
Chapter 14: CSS Advanced 2.0 (SVG – Scalable Vector Graphics)
Lecture 1: SVG: Fundamentals / R098
Lecture 2: SVG: Design & Tools
Chapter 15: CSS Advanced 3.0 (Transition & Animation)
Instructors
-
Shubham Sarda
Software Developer & Instructor
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 0 votes
- 3 stars: 2 votes
- 4 stars: 19 votes
- 5 stars: 35 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024