Web Frontend Development (3 in 1)
By mehmoodkhalil
Categories: Web Designing & Development
Course Content
Module-1: Introduction
-
Welcome
00:41 -
What you will learn?
03:10 -
Install Visual Studio Code Editor
01:47
Module-2: Introduction & History
-
Section Overview
01:16 -
Introduction to HTML5
06:03 -
HTML Tags
03:09 -
Tag’s Attributes
01:14 -
Favicon
01:45 -
History of HTML & HTML5
04:13 -
Section Conclusion
00:52
Module-3: Formatting
-
Section Overview
00:43 -
Headings in HTML5
03:44 -
Paragraph in HTML5
04:12 -
Formatting Tags in HTML5
07:03 -
Section Conclusion
00:35
Module-4: Quotation
-
Section Overview
00:28 -
Blockquote Tag in HTML5
01:30 -
Short Quotation Tag in HTML5
01:45 -
Abbreviation Tag in HTML5
01:30 -
Address Tag in HTML5
01:58 -
Cite Tag in HTML5
02:11 -
Bidirectional Override Tag in HTML5
01:47 -
Section Conclusion
00:33
Module-5: Hyperlinks
-
Section Overview
00:29 -
Internal Hyperlinks in HTML5
05:59 -
External Hyperlinks in HTML5
01:58 -
Email Hyperlinks in HTML5
01:49 -
Page jump Hyperlinks in HTML5
05:30 -
Link Attributes in HTML5
02:35 -
Image as Link in HTML5
01:32 -
Section Conclusion
00:35
Module-6: Images
-
Section Overview
00:43 -
Image in HTML5
05:50 -
Section Conclusion
00:29
Module-7: Block Level & Inline Level
-
Section Overview
00:31 -
Block Level Tags in HTML5
02:35 -
Inline Tags in HTML5
01:39 -
Section Conclusion
00:28
Module-8: Table
-
Section Overview
00:26 -
Table in HTML5
07:59 -
Section Conclusion
00:33
Module-9: Media
-
Section Overview
00:25 -
Media in HTML5
01:30 -
Video Tag in HTML5
04:55 -
Audio Tag in HTML5
04:23 -
Embedding Youtube Videos in HTML5
03:48 -
Section Conclusion
00:26
Module-10: Forms
-
Section Overview
00:36 -
Form and Form Attributes in HTML5
06:04 -
Form Elements in HTML5
08:46 -
Different Input Types in HTML5
15:21 -
Input Attributes in HTML5
07:24 -
Section Conclusion
00:28
Module-11: Semantic Elements
-
Section Overview
00:41 -
Semantic Elements Part 1
09:56 -
Semantic Elements Part 2
04:48 -
Section Conclusion
00:23
Module-12: Getting Started with CSS
-
Section Overview
02:15 -
Introduction to CSS
03:26 -
Types of CSS
09:48 -
Types of CSS Selectors
09:34 -
Section Conclusion
02:35
Module-13: CSS Fundamentals
-
Section Overview
03:07 -
Box Model
09:27 -
Box Shadow
05:49 -
Border Radius
06:34 -
CSS Grid System
11:25 -
CSS Flexbox
08:07 -
Designing Table
11:46 -
Section Conclusion
02:34
Module-14: Typography
-
Section Overview
02:16 -
Google Fonts
04:59 -
Custom Fonts
04:41 -
CSS Typography
08:24 -
Section Conclusion
02:17
Module-15: Background & Images
-
Section Overview
02:39 -
Background Images
08:40 -
Linear Gradient Background
06:16 -
Radial Gradient
03:10 -
Conic Gradient
05:11 -
Making Transparent Background
05:47 -
Section Conclusion
02:12
Module-16: Project: Make a Single Page Website
-
Make Single Page Website
21:07
Module-17: Responsive Web Design
-
Section Overview
02:21 -
Making a Responsive Menu
10:26 -
Section Conclusion
02:29
Module-18: CSS Transformation & Animation
-
Section Overview
02:25 -
CSS Transformation
09:20 -
CSS Transitions
08:24 -
CSS Animations
10:51 -
Section Conclusion
02:14
Module-19: Advance Topics & Libraries
-
Section Overview
01:58 -
Making Slider Using Cycle 2 JS Library
07:01 -
Making Lightbox Gallery Using Lightbox 2 JS Library
07:50 -
Section Conclusion
01:58
Module-20: Testing & Conclusion
-
Section Overview
02:06 -
Feature Detection
09:37 -
Chrome Inspect Element & Developer Tool
08:03 -
Section Conclusion
02:45
Module-21: Making Another Single Page Website – Project 2
Module-22: JavaScript Basics
-
Hello World JavaScript
05:08 -
JavaScript Engines
04:46 -
Variables & Data Types
10:59 -
Operators
05:29 -
Typeof Operators & Precedence
04:12
Module-23: Conditional Statements
-
If Else Statement
06:15 -
Conditional Statement Example 1
07:47 -
Conditional Statement Example 2
03:59 -
Ternary Operator
04:30 -
Switch Case Statement
05:34
Module-24: Advance Concepts
-
Coercian & Falsy Values
04:29 -
Basic of Functions
05:42 -
Function as a Variable
05:08
Module-25: Working With Data Structures
-
Introduction to Arrays
07:35 -
Fill & Filter Method Array
04:33 -
Slice & Splice Methods
03:48 -
Objects
05:04 -
Methods in Objects
03:08
Module-26: Loops & Iterations
-
For Loop
09:12 -
While Loop
02:11 -
Do While Loop
03:43 -
Foreach Loop
02:04 -
For of Loop
02:31 -
For in Loop
03:00
Module-27: DOM Manipulation
-
What is DOM
03:46 -
Grab HTML Elements
04:41 -
Change HTML Elements
08:42 -
Get Computed Properties
05:35 -
DOM Events
06:07
Module-28: Modern Features
-
Creating Objects
06:43 -
Prototype
06:50 -
Better Code
06:18 -
Self Executing Anonymous Function
03:03 -
Template Literals
05:50 -
Maps
07:05 -
De-Structuring Data
06:11
Module-29: Advance Topics
-
Class & Export Module
11:05 -
Getter & Setter
06:30 -
Inheritance
07:01
Student Ratings & Reviews
No Review Yet
