Mini Project - Image Slider
Mini Project - Image Slider
Table of contents
The Complete Web Development Course (In Tamil) - Learn HTML5, CSS3 & Javascript
by Kamal Technologies
Course Introduction
Course Introduction
Draft
Introduction to Web Development
Draft
Welcome to the Course
Draft
Visual Studio Code Installation
Draft
Please read this (Important)
HTML Basics
HTML Basics
Draft
Introduction to HTML
Draft
Basic HTML Structure
Draft
Favicon
Draft
Headings
Draft
Creating your first HTML Document
Draft
Install Live Server Extension
Draft
Meta Tags & SEO
Draft
Div, Paragraph & Span
Draft
HTML Comments
Draft
Anchor Tag
Draft
Images
Draft
Lists
Draft
Tables
Draft
Forms - Part 1
Draft
Forms - Part 2
Draft
Video & Audio
Draft
Block Elements vs Inline Elements
Draft
Classes & IDs
Draft
HTML 5 Semantic Tags
Draft
Iframes
Draft
HTML Entities
Draft
HTML Basics: Quiz
CSS Basics
CSS Basics
Draft
Introduction to CSS
Draft
CSS Implementation
Draft
HTML Tree Structure
Draft
Basic CSS Syntax
Draft
Basic CSS Selectors - Part 1
Draft
Basic CSS Selectors - Part 2
Draft
Specificity
Draft
Intro to Developer Tools
Draft
Font Styling
Draft
Colors
Draft
Backgrounds
Draft
CSS Box Model
Draft
Text Properties
Draft
Floats
Draft
Overflow
Draft
Link States
Draft
Style a Button
Draft
Display
Draft
Visibility
Draft
Positioning
Draft
CSS Basics: Quiz
Mini Project - Navigation Menu
Mini Project - Navigation Menu
Draft
Navigation Menu - From the scratch
Mini Project - Form Challenge
Mini Project - Form Challenge
Draft
Registration Form - CSS challenge
Draft
Registration Form - CSS solution
Complete Project - Corporate Website
Complete Project - Corporate Website
Draft
Introduction to Corporate Website
Draft
Add Navigation Menu
Draft
Banner Section
Draft
Info Section
Draft
Features Section
Draft
Testimonials Section
Draft
Footer Section
Draft
About Page
Draft
Contact Page
Responsive Web Design
Responsive Web Design
Draft
Introduction to Responsive Web Design
Draft
Media Queries
Draft
CSS Units: Percentage
Draft
CSS Units: Viewport Width & Height
Draft
CSS Units: REM & EM
Draft
Responsive Web Design: Quiz
Mini Project - Responsive Corporate Website
Mini Project - Responsive Corporate Website
Draft
Convert Non-Responsive Website into Responsive Website
Flexbox Basics
Flexbox Basics
Draft
Introduction to CSS Flexbox
Draft
Flexbox Display
Draft
Flex Direction
Draft
Flex Wrap
Draft
Flex Flow
Draft
Justify Content
Draft
Align Items
Draft
Align Content
Draft
Order
Draft
Align Self
Draft
Flex Grow
Draft
Flex Shrink
Draft
Flex Basis
Draft
Flex
Draft
Flexbox Basics: Quiz
Mini Project - E-commerce Product Page
Mini Project - E-commerce Product Page
Draft
Product Description Page - Start to Finish
Mini Project - Web Page Layout
Mini Project - Web Page Layout
Draft
Web Page Layout - From Scratch to Finish
Javascript Fundamentals
Javascript Fundamentals
Draft
Including Javascript
Draft
Browser Console
Draft
Variables & Constants
Draft
Data Types
Draft
Strings
Draft
Template Literals
Draft
String Methods
Draft
Numbers
Draft
Booleans
Draft
Comparison Operator
Draft
Type Conversions
Draft
Null & Undefined
Draft
Arrays
Draft
Array Methods
Draft
Javascript Fundamentals: Quiz
Control Flow in Javascript
Control Flow in Javascript
Draft
Intro to Control Flow
Draft
For Loop
Draft
While Loop
Draft
Do While Loop
Draft
If Statement
Draft
Else & Else If Statement
Draft
Logical AND Logical OR Operators
Draft
Break & Continue Statement
Draft
Switch Statement
Draft
Variable & Block Scope
Javascript Array Methods
Javascript Array Methods
Draft
Array Method: Map
Draft
Array Method: Filter
Draft
Array Methods: Find & Find Index
Draft
Array Method: Reduce
Draft
Array Method: Sort
Draft
Chaining Array Methods
Draft
Array Methods: Every & Some
Javascript Functions
Javascript Functions
Draft
Introduction to Functions
Draft
Function Declaration vs Function Expression
Draft
Arguments & Parameters
Draft
Default Parameters
Draft
Return Values
Draft
Arrow Functions
Draft
For Each Callback
Javascript Objects
Javascript Objects
Draft
Intro to Javascript Objects
Draft
Object Literals
Draft
Object Methods
Draft
"this" Keyword
Draft
Array of Objects
Draft
Math Object
Draft
Primitive Types vs Reference Types
Document Object Model (DOM)
Document Object Model (DOM)
Draft
Browser Interaction
Draft
Intro to DOM
Draft
Query Selector
Draft
More Query Selectors
Draft
Content Manipulation
Draft
Interacting with Attributes
Draft
CSS Styles Manipulation
Draft
Working with Classes
Draft
Parent, Children & Sibling Selectors
Draft
Handling Click Event
Draft
Adding & Removing Elements
Draft
Event Bubbling & Event Delegation
Draft
DOM Events
Draft
Form Submit Event
Draft
Regex Basics
Draft
Regex Implementation
Draft
Form Validation
Mini Project - Image Slider
Mini Project - Image Slider
Draft
Project Introduction
Draft
HTML Markup
Draft
CSS Styling
Draft
Slider Feature
Timers, Storage, Date
Timers, Storage, Date
Draft
Timers
Draft
Local Storage & Session Storage
Draft
Date Object
Draft
Date Differences
Draft
IIFE
Mini Project - Modal Popup
Mini Project - Modal Popup
Draft
Modal Popup - Demo & HTML
Draft
Styling the Modal Popup
Draft
Modal Popup Working
Mini Project - Countdown Timer
Mini Project - Countdown Timer
Draft
Countdown Timer Demo & HTML Markup
Draft
Countdown Timer Styling
Draft
Timer Implementation using Javascript
Mini Project - To Dos List
Mini Project - To Dos List
Draft
Project Demo
Draft
HTML Markup
Draft
CSS Styling - Part 1
Draft
CSS Styling - Part 2
Draft
Add Todo Feature
Draft
Edit & Delete Todo Feature
Asynchronous Javascript
Asynchronous Javascript
Draft
Introduction to Asynchronous Javascript
Draft
Async in Action
Draft
HTTP Basics
Draft
HTTP Request - Response
Draft
HTTP Response Status Codes
Draft
Callback Function
Draft
JSON Data
Draft
Callback Hell
Mini Project - Random Quote Generator
Mini Project - Random Quote Generator
Draft
Project Demo
Draft
HTML Markup
Draft
CSS Styling
Draft
Feature Implementation
Complete Project - Harry Potter Characters: Search & Filter
Complete Project - Harry Potter Characters: Search & Filter
Draft
Project Intro & Setup
Draft
HTML Markup
Draft
CSS Styling
Draft
Fetch Data & Display
Draft
Characters List Styling
Draft
Responsive Styling
Draft
Search & Filter Feature
Draft
"No Items to Display" Message
Complete Project - Infinite Scroll News Feed
Complete Project - Infinite Scroll News Feed
Draft
Project Introduction
Draft
HTML Markup
Draft
CSS Styling
Draft
API Endpoint Call
Draft
Display News Posts
Draft
Infinite Scroll Implementation
Draft
Search & Filter Implementation
Welcome!
Enter your info below to login.
