Complete HTML5, CSS & Bootstrap ( Project Based Curriculum )

Name: Complete HTML5, CSS & Bootstrap ( Project Based Curriculum )
Rating: 4.7 (4 reviews)

Get in-depth knowledge in HTML 5,CSS & Bootstrap with our innovative project-based curriculum.

Created bySaranya Subramanian

Last updated 7/2023

English

What you'll learn

Understand the Concepts & apply them to create Responsive Websites
Difficult concepts explained in a very simple way with practical examples
Project-based curriculum - Lots of Mini & Major projects throughout the course. Guidance to create unique Portfolio Website to showcase your skillsets & works.
I'll be always there to guide you. Email your questions & projects and I will respond to you usually within a day.
1-on-1 interactivity with instructor to ask questions & get suggestions through E-mail

Course content

7 sections • 43 lectures • 8h 26m total length

Welcome To The Course0:39
Brief introduction about this course
What Can I Expect From This Course ?1:43
In-Depth understanding of all the major concepts in HTML5, CSS, Bootstrap, Javascript ES6 and jQuery

Margin Property in CSS14:12
Padding Property in CSS6:49
Assignment using Margin & Padding
Project 1 - Create a Tribute Page15:35
In this project, we will be creating a Web Page using HTML & CSS concepts we have learnt so far. You can find the complete coding of this project in Resources.
CSS - Gradients & Styling15:27
HTML Form Elements20:06
Project 2 - Creating Survey Form Webpage12:57
In this project we will create a Survey Form Webpage using the HTML Form Elements , that we have learnt in the previous class.

CSS Display Property11:45
Create Navigation Menu using Display Property
CSS Position Property20:34
Practice Position Property
Project 3 - Parallax Website16:04
Create a webpage with modern parallax effect using the concepts we have learnt.
CSS Media Queries & Box Sizing12:10
CSS Overflow Property7:40
CSS Float & Clear Property10:57
Create Navigation Header with Logo & Menu15:22
Project 4 - Tourist Webpage (Responsive)12:41
Create a Responsive Tourist Webpage project using concepts that we have learnt so far.

CSS Transform & Transition Property11:42
CSS Animations14:58
Assignment using CSS Animations
CSS Combinators8:53
CSS Pseudo-Class10:49
CSS Pseudo-Elements & Columns11:54
CSS Flexbox - Part 120:11
CSS Flexbox - Part 216:19
Project 5 - My Projects Section (Flexbox project)7:29
In this project, we will create My Project section for your Portfolio Website using CSS Flexbox
Project 6 - Catering Website12:56
Create a Responsive Catering Webpage project using CSS Flexbox and other concepts that we have learnt so far.

Introduction to Bootstrap 45:47
Bootstrap 4 -Jumbotron, Container-fluid, Container, Responsive Grid19:00
Responsive Navigation Headers using Bootstrap - Part 113:37
Responsive Navigation Headers using Bootstrap - Part 29:08
Responsive Carousel using Bootstrap - Part 112:52
Responsive Carousel using Bootstrap - Part 210:53
Project 7 - Smoothies Website (Final Project)25:12
In this Final Project, we will be using all the concepts learned so far to create a Complete Responsive Website with Navigation and Carousel.
Guidance to create your Portfolio Website7:17
In this section , I will guide you to create your own Portfolio Website, show-casing all your projects & skillsets

Requirements

No Programming Experience needed.
Everything you need to know to become a Web Developer will be covered completely in this course.

Description

Complete Front End Web Development course is intended for both beginners, who want to learn web development from basics and also for professionals, who needs to strengthen their understanding in various concepts. This is a project-based course. We'll be learning each concept in depth and at the end of each topic, we will be doing related assignments and projects to strengthen the learned concepts. No prior programming experience is needed to attend this course.

Key Concepts covered in this course :

HTML & CSS

HTML 5 Markups
CSS Types & Selectors
Block & Inline Elements
Box Model
Gradient & Shadow Effects
Form Elements
Display Property
Position Property
Parallax Effect
Media Queries
Overflow & Float
Transform & Transition
Pseudo-class & Pseudo-elements
Flex Box
Bootstrap 4
7 - Full Length Website Projects & Assignments

If you have any doubts/ queries related to the course topics , please feel free to use Q&A section or send direct message to contact me. I'll be very happy to help you.

What you'll learn

Understand the Concepts & apply them to create Responsive Websites
Difficult concepts explained in a very simple way with practical examples
Project-based curriculum - Lots of Mini & Major projects throughout the course. Guidance to create unique Portfolio Website to showcase your skillsets & works.
I'll be always there to guide you. Email your questions & projects and I will respond to you usually within a day.
1-on-1 interactivity with instructor to ask questions & get suggestions through E-mail

Who this course is for:

Beginners who wants to take Front-End Web Development as their career
Intermediate Developers who wants to strengthen their skills in CSS

Complete HTML5, CSS & Bootstrap ( Project Based Curriculum )

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 2min

Getting Started with Web Development5 lectures • 46min

CSS - Styling Your Webpage5 lectures • 47min

HTML & CSS - Key Concepts6 lectures • 1hr 25min

CSS - Advanced Concepts - Part 18 lectures • 1hr 47min

CSS - Advanced Concepts - Part 29 lectures • 1hr 55min

Bootstrap 4 - CSS Framework8 lectures • 1hr 44min

Requirements

Description

Who this course is for: