About Course
web designing course online
Course Content
Web designing Intro
-
Web designing Intro
01:10
Basic Structure of an HTML webpage
-
Basic Structure of an HTML webpage
12:09
Understanding HTML tags
-
Heading tags(h1 to h6)
05:24 -
Creating paragraphs in our webpages using p tag
03:46 -
Converting the text inside the webpage to bold and italic(tags used – b,i, strong, em tags)
07:11 -
Understanding List in HTML – Unordered list
07:07 -
Understanding List in HTML – Ordered list
06:26 -
Understanding List in HTML – Description list
07:27 -
Adding Images to our webpage (Using img tag, figure tag and figcaption tag)
06:36 -
Creating a widget with details and summary tag
05:16 -
Adding Hyperlinks to our webpage(Using a tag)
08:32 -
How to present image and button as an hyperlink(using img tag inside a tag, and using button tag inside a tag)
08:01 -
Understanding div tag
09:18 -
Understanding span tag
07:49 -
Understanding pre tag
10:41 -
Understanding sub and sup tag
07:19 -
Understanding code tag
09:23 -
Understanding article tag
09:05 -
Understanding section tag
05:56 -
Understanding address tag
04:34 -
Understanding main tag
04:32 -
Adding progress bar into our webpage using progress tag
07:23 -
understanding iframe tag(embedding some another document to our HTML document)
06:08 -
Adding audio to our webpage using the audio tag
07:35 -
Creating a form in HTML (Multiple tags like form tag, input tag, label tag involved)
19:45 -
Creating a navigation bar using nav tag
06:29 -
Creating a table in HTML (using tags like table tag, tr tag, td tag, etc)
17:27 -
Header and footer in HTML
08:16
Comments in HTML
-
Comments in HTML
04:24
Style attribute in HTML
-
Style attribute in HTML
07:05
Class and id attributes in HTML
-
Class and id attributes in HTML
10:08
Transition from HTML to CSS
-
Transition from HTML to CSS
01:59
Syntax
-
Syntax
17:02
Adding CSS to HTML
-
Inline Styling
07:22 -
Internal Styling
06:41 -
External Styling
00:00
Selectors
-
name selectors
07:04 -
class and id selectors
07:07 -
attribute selectors
05:20 -
Pseudo classes
26:17 -
Pseudo elements
16:43 -
Universal selector
04:58
Background properties
-
Background properties background-color
04:49 -
Background properties background-image
04:09 -
Background properties background-repeat
03:39 -
Background properties background-attachment
04:54 -
Background properties background-position
04:32 -
Background properties background-size
06:20 -
background shorthand property
08:48
Comments
-
Comments
05:33
Adding colors to elements
-
Adding colors to elements
10:10
Understanding borders
-
Understanding borders
13:40
Understanding margins
-
Understanding margins
11:45
Understanding Padding
-
Understanding Padding
09:45
Outline Properties
-
Outline Properties
17:34
Box model
-
Box model
16:37
text related properties
-
text related properties part 1 (color and background-color)
05:53 -
text related properties part 2 (text-align)
03:53 -
text related properties part 3 (text-decoration)
14:02 -
text related properties part 4 (text-transform)
02:17
Font properties
-
Font properties -font-family
10:45 -
Font properties -font-size
05:18 -
Font weight and font style
05:45 -
Font shorthand property
04:08
Understanding float property
-
Understanding float property
13:37
Display property
-
Display property
22:04
Visibility property
-
Visibility property
12:38
Styling links
-
Styling links
13:08
Styling tables
-
Styling tables
12:26
list related properties
-
list related properties
19:38
Handling the overflow conditions with overflow property
-
Handling the overflow conditions with overflow property
07:42
Understanding the concept of opacity
-
Understanding the concept of opacity
04:56
Styling the navbar
-
Styling the navbar
13:52
!important rule
-
!important rule
05:21
Understanding gradient(linear and radial gradient)
-
Understanding gradient(linear and radial gradient)
18:34
Understanding shadow properties
-
Understanding shadow properties
07:49
transition properties
-
transition properties
35:53
animation
-
animation
41:19
Transformation
-
2D transformation
24:40
Responsive web designing
-
Introduction to responsive web designing part 1
27:27 -
Introduction to responsive web designing part 2
16:36 -
Introduction to responsive web designing part 3
13:51
Understanding the position property
-
Understanding the position property
23:14
Styling images
-
Styling images part 1
13:18 -
Styling images part 2
11:46
Z index
-
Z index
06:31
Understanding flexbox
-
Understanding flexbox
31:47
Understanding grids
-
Understanding grids
40:54
Custom CSS -Variables
-
Custom CSS -Variables
30:31
Transition from CSS to Javascript
-
Transition from CSS to Javascript
00:57
JavaScript – history and benefits
-
JavaScript – history and benefits
04:33
Writing our first and basic JavaScript program
-
Writing our first and basic JavaScript program
07:14
Displaying output – different techniques
-
Displaying output – different techniques
18:40
Understanding JavaScript program flow
-
Understanding JavaScript program flow
05:32
Understanding variables
-
Understanding variables
18:51
Reserved words and identifiers
-
Reserved words and identifiers
14:35
Understanding Data Types
-
Understanding Data Types
18:36
How to give comments in JavaScript
-
How to give comments in JavaScript
05:00
Understanding operators
-
Arithmetic Operators
08:22 -
Assignment operators
09:03 -
Comparison Operators
09:24 -
Logical Operators
09:02
Understanding Functions
-
Understanding Functions
29:40
How does a JavaScript program executes
-
How does a JavaScript program executes
27:47
Hoisting in JavaScript
-
Hoisting in JavaScript
12:13
Understanding Closures
-
Understanding Closures
10:47
Objects
-
What are objects
06:11 -
How can we access the objects
11:35 -
Creating objects inside an object
08:01 -
Deleting some property from the object
03:04 -
Some other ways to create objects
10:07 -
Getting the keys and values from the object
04:14 -
How to freeze the object
05:44 -
Sealing the object
04:30
Decision making
-
Decision making- Conditional statements(if-else statements)
07:52 -
Nested Conditions(Nesting if inside if and so on)
19:00 -
Decision making- Switch case statements
18:39 -
Ternary operator
07:42
Looping in JavaScript
-
Understanding for loop
08:37 -
Understanding while loop
06:35 -
Understanding do…while loop
04:54 -
Understanding for in loop
09:28 -
Understanding for of loop
09:48
Understanding the break and continue keywords
-
Understanding the break and continue keywords
04:53
Understanding Strings in JavaScript
-
Introduction to strings
05:27 -
Finding length of a string
02:14
Understanding Strings in JavaScript – String methods
-
finding index of some string(understanding use of indexof and lastindexof method)
08:53 -
Search method
02:50 -
Extracting substring from a string(using slice, substring and substr methods)]
08:12 -
Some more methods(replace, touppercase, tolowercase, trim and charAt
08:20
Understanding Arrays in JavaScript
-
Introduction to arrays
09:29 -
Finding length of an array
02:22
Array methods
-
Converting array to string(using toString and join methods)
06:24 -
inserting and deleting elements from the end of array(using push and pop methods)
08:36 -
Inserting, removing element from start, and slicing of array(use of shift, unshift and slice methods)
08:39
set
-
Creating a set
03:06 -
Add elements to the set
06:26 -
Check the size of the set
01:49 -
Check whether the set has some particular element
02:26 -
Deleting element from the set
01:40 -
iterating through set
03:49
Map
-
Creating map object
02:59 -
Setting key value pairs in Map
05:05 -
get some value corresponding to some key
03:21 -
Has method
03:07 -
Get all the keys and the values
02:14 -
Deleting some key value pair
03:30
Date in JavaScript
-
Date in JavaScript
00:00
this keyword in JavaScript
-
this keyword in JavaScript
13:33
querySelector javascript
-
querySelector javascript
21:38
Events
-
onload event
09:11 -
Onclick event
11:54 -
Ondblclick event
06:45 -
Oncopy event
05:34 -
Onpaste event
08:46 -
Mouse event
11:13
DOM – Document Object Model
-
DOM- Introduction to DOM
16:44 -
DOM- Exploring different properties
23:18 -
DOM- Accessing different things in DOM
32:45 -
DOM -Exploring different methods and properties
57:00 -
DOM -Creating nodes in the document
14:40 -
DOM -Handling Events in the document
38:31 -
DOM -Exploring more Events
35:54
Transition video from JavaScript to Bootstrap
-
Transition video from JavaScript to Bootstrap
00:56
Project
-
Project
53:42
Bootstrap Components
-
Accordion
07:53 -
Alert
11:37 -
Badge
08:13 -
Breadcrumb
07:09 -
Button
12:33 -
Button group
12:09 -
Card
12:29 -
Carousel
10:28 -
Close button and Collapse
09:55 -
Dropdowns
16:09 -
list groups
09:13 -
Modal
11:57 -
Navs and tabs
14:14 -
Navbar
16:18 -
Offcanvas
11:36 -
Pagination
06:31 -
Placeholders
11:27 -
Popovers
07:15 -
Progress
09:20 -
Scrollspy
09:02 -
Spinners
10:01 -
Toast
06:30 -
Tooltips
08:41
Utilities
-
Background
08:56 -
Borders
13:42 -
Colors
07:26 -
Display
27:15 -
Flex
38:48 -
Float
10:09 -
Interactions
09:23 -
Opacity
09:12 -
Overflow
06:18 -
Position
00:00 -
Shadows
04:42 -
Sizing
13:43 -
Spacing
18:59 -
Text
19:08 -
Vertical align
01:54 -
Visibility
04:06
Content
-
Typography
07:31 -
Images and Tables
10:35
Helper classes
-
Clearfix
04:24 -
Colored links
05:46 -
Ratio
00:00 -
Position
00:00 -
Stacks
10:20 -
Visually hidden
04:56 -
Stretched link
10:26 -
Text truncation
03:37 -
Vertical rule
04:14
Forms
-
Overview
03:35 -
Form control
18:23 -
Select
05:32 -
Checks & radios
11:40 -
Range
02:49 -
Input group
08:38 -
Floating labels
04:42 -
Layout
13:53 -
validation
06:48
Layouts
-
Breakpoints
11:01 -
Containers
07:31 -
Grid
36:27 -
Utilities
06:02 -
Z-index
08:30 -
CSS Grid
00:00
Web designing outro
-
Web designing outro
00:50
