arrow_back
Welcome to the Course!
Introduction to the course
Best Coding Editor & Sublime Setup
What is HTML ?
Basics - HTML Elements
HTML document structure
Mini Quiz #1
HTML elements - b, i, strong, center
HTML elements - br, hr, h1-h6 heading
Mini Quiz #2
HTML elements - u, p, img tag
HTML elements - ul, li, and ol
Project #1 - HTML text site
HTML elements-Div tag
Mini Quiz #4
quiz 1
Mini Quiz #5
2 Module
HTML Tables Elements
HTML Elements - table, tr, td, th
Create a simple Calendar using Table Element
HTML Form Elements
Radio Buttons, Text box
Mini Quiz #1
Select, Option, Text Area
Checkbox, File, Password, Buttons
Mini Quiz #2
Project #2 - Create a Enquiry Form
quiz 2
3 Module
Introduction to Cascading Style Sheets (CSS)
What is CSS & Types of CSS
External CSS (How to connect CSS file to HTML Page)
CSS Selectors
width, height, background-color, float
font-size, font-weight, color, font-style
Text-align, text-decoration, text-transform, word-spacing
Project #3 - Create a Modern Web Page using HTML & CSS
Working With CSS Hover effect
letter-spacing, border, border-left, border-right, border-top, border-bottom
margin, margin-left, margin-right, margin-top, margin-bottom
Padding
background-Image, background-repeat
Project - Create Professional Website
Professional Project Part-1
Professional Project Part-2
Professional Project Part-3
CSS Clear Concpet
CSS Clear Concpet
Full Width Website
Full Width Website Concept
Professional Project#2 Full Width Website
One Page Website
One Page Website Concept
CSS (Background Fixed, Background Transparent, Background Cover)
Creating Your Own One Page Website Project
Advanced CSS
CSS Pseudo-classes
CSS Display (Block, inline-block, Table)
CSS Display (None/block)
CSS Flexbox Property
Project# Creating Basic navigation menu
CSS Positioning
Position (Relative & Static)
Position (Absolute)
Position (Fixed)
Z-index in CSS
Drop Down Menu
Drop Down Menu ui, li
Multilevel Drop Down Menu
Css Variable in Css
4 module
quiz 1
CSS Assignment
CSS3 Introduction & Properties
What is CSS3?
CSS3 browser Support
CSS3 Border Radius
CSS3 Border Image
CSS3 Multiple Background Image
CSS3 Overflow Property
CSS3 Opacity, Visibility
CSS3 Shadows(Text & Box)
CSS3 Box Sizing, Filters
CSS3 Animations Part1
CSS3 Animations Part2
CSS3 Transitions
CSS3 Transform (Scale, Translate)
CSS3 Transform (Skew, Rotate)
Translate Exmaple
Rotate Example
CSS3 Gradients (Linear,Radial)
CSS Google Fonts
Setup Custom Fonts with CSS & @font-face
CSS3 Multi-column Layout
Changing Column Width Bases on Screen Size (Media Queries)
CSS Responsive Card Layout with Flexbox & Media Queries
5 MODULE
CSS Assignment 2
Introduction to HTML5 & Elements
HTML-5 Introduction
HTML-5 Simantic Elements
HTML5 TagsElements (Header,Section,Main,Article,Aside,nav,Footer)
HTML5 TagsElements (Details,summary)
HTML5 TagsElements (Figure figcaption)
HTML5 TagsElements (Output)
HTML5 TagsElements (Meter Tag)
HTML5 TagsElements (Dialog Tag)
HTML5 Video Tag
HTML5 Audio Tag
Web Storage Introduction
HTML5 Local storage with JavaScript
HTML5 Session storage with JavaScript
Drag and Drop Elements in HTML
HTML5 Form Input (date,email,time), HTML5 Form Input (color,number,tel), HTML5 Form Input (month,url,range), HTML5 Form Input (m
HTML5 form Attribute
HTML5 datalist Tag
Draw The Shape Rectangle using Canvas
Draw the Line in HTML5
Add Text using HTML5 Canvas
Draw image in HTML5 Canvas
Add Shadow using Canvas
All websites.