HTML and CSS Full Course
Categories: Full stack developer, Technical
About Course
Sorry, but you do not have permission to view this content.
What Will You Learn?
- Basic HTML Structure
- HTML Elements and Attributes
- Advanced HTML
- Basic CSS Concepts
- Styling Text and Elements
- Layout and Positioning
- Advanced CSS Techniques
- Project Planning and Design
- Testing and Debugging
- Website Deployment
- Certification
Course Content
Lesson 1
-
Introduction
02:44 -
How to Follow this course
02:44 -
What is HTML and CSS
04:51 -
Download and Install VsCode
01:58 -
VsCode Brief Tour
04:19
Lesson 2
-
Objective
01:32 -
Structure of HTML
06:26 -
Shortcut to write HTML starter Code
02:43 -
HTML Heading, paragraph , line breaks
07:10 -
Useful Extension
03:57 -
Exercise 1
00:37 -
Exercise 1 solution
01:45 -
Add links to your website
06:40 -
HTML Exercise 2
00:53 -
Exercise 2 Solution
03:03
Lesson 3
-
HTML Images
08:21 -
HTML list
05:17 -
Some HTML tags for text formatting
04:12 -
Tables
05:19 -
HTML Form
09:20 -
HTML Form Part 2
06:23 -
HTML Form : Placeholder and Required
02:29 -
HTML Form : Radio Button
04:26 -
HTML Form : Dropdown List
04:14 -
Some more HTML Form elements
03:10 -
Exercise 3
01:02 -
Exercise 3 Solution
07:47
Lesson 4
-
ID and Classes
08:03 -
Div and Span Tag
08:55 -
What are HTML5 Semantic Elements
08:55 -
HTML Entities
04:02 -
Some HTML Meta Tags
04:00 -
Summary of HTML
30:38
Lesson 5
-
CSS Fundamentals
01:41 -
What is CSS
04:27 -
Different Ways to Apply CSS
06:50 -
CSS Fonts
09:03 -
CSS Colors
07:46 -
Very Basic CSS Selectors
07:17 -
CSS Utility Classes & ID vs Classes
05:29 -
CSS Exercise 1
01:31 -
CSS Exercise 1 Solution
16:51
Lesson 6
-
More CSS Selectors
16:48 -
CSS Attribute Selector
10:18 -
Get Familiar With Chrome Developer Tool
12:29 -
CSS Specificity Part 1
08:53 -
CSS Specificity Part 2
09:49 -
CSS Border
11:30 -
CSS Box Model
13:28 -
CSS Exercise 2 With Solution
08:23
Lesson 7
-
CSS Margin Collapsing
04:12 -
Inline vs Block level Elements
12:25 -
Img element is different from other inline elements
03:52 -
Inline Block Display
05:25 -
CSS Exercise 3 (Must Try)
04:38 -
CSS Exercise 3 solution
11:36
Lesson 8
-
CSS | Box Sizing: Border Box
10:30 -
Default Browser Styles and CSS Reset
04:40 -
CSS Inheritance
06:41 -
CSS Text Align Property
04:37 -
CSS Font Weight Property
07:57 -
CSS More Text Related Properties
05:57 -
CSS Pseudo Classes
08:50 -
pseudo class part 2
03:39 -
CSS | First child & first of type Pseudo Class
06:08 -
CSS | Last child & Last of type pseudo class
03:08 -
CSS | nth child & nth of type pseudo class
10:52 -
CSS | :root , :not and :empty Pseudo Classes
09:15 -
CSS | : :first-letter, ::first-word, ::selection Pseudo Elements
03:22 -
::before & ::after Pseudo Elements
07:54
Lesson 9
-
CSS absolute Units
05:56 -
Understand % in CSS
11:14 -
Understand Rem unit in CSS
08:09 -
Understand em in CSS
07:08 -
em vs rem vs px
06:55 -
Viewport Units(vh, vw, vmin, vmax)
11:31 -
CSS Floats and Clear Explained
19:48 -
CSS Positions | Static, Relative, Absolute, Fixed, Sticky, Z-index
18:19 -
CSS PROJECT 1 OVERVIEW
03:28 -
CSS PROJECT 1 PART 2
04:45
Lesson 10
-
CSSP1 #3 CSS Background Image
13:48 -
CSSP1 #4 Navbar HTML
05:13 -
CSSP1 #5 Navbar CSS
07:17 -
CSSP1 #6 Utility Classes & Improve Navbar
23:30 -
CSSP1 #7 Container Utility Class
07:33 -
CSSP1 #8 Link Hover
02:13 -
CSSP1 #9 Header Content Html
11:26 -
CSSP1 #10 Center Things in CSS
06:42 -
CSSP1 #11 Showcase Section HTML | Places Section
13:30 -
CSSP1 #12 Improve Showcase
09:00 -
CSSP1 #13 add button
07:49 -
CSSP1 #14 button hover
00:00 -
CSSP1 #15 Box Shadow
07:09 -
CSSP1 #16 feature section html
03:32 -
CSSP1 #17 Features section css
10:12 -
CSSP1 #18 Add Icons to Website
06:31 -
CSSP1 #19 Footer HTML
03:14 -
CSSP1 #20 Footer CSS
03:17
Lesson 11
-
CSSP1 #21 Explore Places Button
01:45 -
CSSP1 #22 About Page Navbar
08:57 -
CSSP1 #23 Draw Line Using Pseudo Element
06:33 -
CSSP1 #24 About section part 2
09:32 -
CSSP1 #25 Count HTML
03:35 -
CSSP1 #26 Count CSS
08:04 -
CSSP1 #27 Banner HTML
02:36 -
CSSP1 #28 Banner CSS
07:51 -
CSSP1 # 29 contact page layout
08:15 -
CSSP1 #30 Finishing Contact Page
22:36
Lesson 12
-
CSS Media Queries
23:40 -
Media query pracitce part1
08:49 -
Finishing Project
19:51
Flexbox Tutorial
-
Introduction
06:58 -
Terminologies
03:21 -
Flex Direction
06:42 -
Flex-wrap
09:37 -
Justify Content
07:46 -
Align Items
04:50 -
Align Content
12:18 -
Flex flow
02:12 -
Align Self
04:12 -
Order
04:07 -
Flex-Basis
05:09 -
Flex grow
10:10 -
Flex Shrink and Flex
05:43
Create Website
-
Using CSS Flexbox
02:16:32
Student Ratings & Reviews
No Review Yet