Complete HTML5, CSS & Bootstrap ( Project Based Curriculum )

Focused View

Saranya Subramanian

8:26:26

85 View

1. Introduction

1. Welcome To The Course.mp4

00:39

2. What Can I Expect From This Course .mp4

01:43

2. Getting Started with Web Development

1. Installation & Setup.mp4

01:23

2. Introduction to HTML, CSS and Javascript.mp4

02:35

3. HTML5 - Structure & Mark-up Elements.mp4

14:06

4. Images and Hyperlinks.mp4

08:50

5. HTML Tables and Lists.mp4

18:44

6. Assignment using HTML Tables and Lists.html

3. CSS - Styling Your Webpage

1. Introduction to CSS.mp4

06:52

2. CSS Types - Inline, Internal & External.mp4

07:13

3. CSS Selectors - Element, Class, ID & Universal.mp4

13:25

4. Basic Styling - Colors, Borders, Font Styles.mp4

09:44

5. HTML Block & Inline Elements.mp4

09:56

6. Assignment using CSS Selectors & Properties.html

4. HTML & CSS - Key Concepts

1. Margin Property in CSS.mp4

14:12

2. Padding Property in CSS.mp4

06:49

3. Assignment using Margin & Padding.html

4.1 Project 1 - Tribute Page.html

4. Project 1 - Create a Tribute Page.mp4

15:35

5. CSS - Gradients & Styling.mp4

15:27

6. HTML Form Elements.mp4

20:06

7.1 Project 2 - Survey Form.html

7. Project 2 - Creating Survey Form Webpage.mp4

12:57

5. CSS - Advanced Concepts - Part 1

1. CSS Display Property.mp4

11:45

2. Create Navigation Menu using Display Property.html

3. CSS Position Property.mp4

20:34

4. Practice Position Property.html

5.1 Project 3 - Parallax Website.html

5. Project 3 - Parallax Website.mp4

16:04

6. CSS Media Queries & Box Sizing.mp4

12:10

7. CSS Overflow Property.mp4

07:40

8. CSS Float & Clear Property.mp4

10:57

9. Create Navigation Header with Logo & Menu.mp4

15:22

10.1 Project 4 - Tourist Website (Responsive).html

10. Project 4 - Tourist Webpage (Responsive).mp4

12:41

6. CSS - Advanced Concepts - Part 2

1. CSS Transform & Transition Property.mp4

11:42

2. CSS Animations.mp4

14:58

3. Assignment using CSS Animations.html

4. CSS Combinators.mp4

08:53

5. CSS Pseudo-Class.mp4

10:49

6. CSS Pseudo-Elements & Columns.mp4

11:54

7. CSS Flexbox - Part 1.mp4

20:11

8. CSS Flexbox - Part 2.mp4

16:19

9.1 Project 5 - My Projects Section (Flexbox).html

9. Project 5 - My Projects Section (Flexbox project).mp4

07:29

10.1 Project 6 - Catering Website.html

10. Project 6 - Catering Website.mp4

12:56

7. Bootstrap 4 - CSS Framework

1. Introduction to Bootstrap 4.mp4

05:47

2. Bootstrap 4 -Jumbotron, Container-fluid, Container, Responsive Grid.mp4

19:00

3. Responsive Navigation Headers using Bootstrap - Part 1.mp4

13:37

4.1 NavigationHeader & Carousel.html

4. Responsive Navigation Headers using Bootstrap - Part 2.mp4

09:08

5. Responsive Carousel using Bootstrap - Part 1.mp4

12:52

6.1 NavigationHeader & Carousel.html

6. Responsive Carousel using Bootstrap - Part 2.mp4

10:53

7.1 Project 7 - Smoothies Website (Final Project).html

7. Project 7 - Smoothies Website (Final Project).mp4

25:12

8. Guidance to create your Portfolio Website.mp4

07:17

Description

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

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 is this for?

Beginners who wants to take Front-End Web Development as their career

Intermediate Developers who wants to strengthen their skills in CSS

What You Need to Know?

No Programming Experience needed.

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

More details

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

User Reviews

Rating

average 0

Total votes0

Focused display

I'm a passionate Online Instructor taking classes for college students and working professional and also Website Developer. My skill set is to explain even difficult concepts in a simpler way, so that anybody can understand it easily.It gives me great satisfaction to share my knowledge with others and make them understand the concepts and appreciate it.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.