WEB DESIGN BASIC TO ADVANCED

Course Outline
HTML5

1. HTML Introduction 19. HTML Block & Inline 37. HTML Forms
2. HTML Editors 20. HTML Classes 38. HTML Form Attributes
3. HTML Basic 21. HTML Id 39. HTML Form Elements
4. HTML Elements 22. HTML Iframes 40. HTML Input Types
5. HTML Attributes 23. HTML JavaScript 41. HTML Input Attributes
6. HTML Headings 24. HTML File Paths 42. HTML Input Form Attribute
7. HTML Paragraphs 25. HTML Head 43. HTML Canvas
8. HTML Styles 26. HTML Layout 44. HTML SVG
9. HTML Formatting 27. HTML Responsive 45. HTML Media
10. HTML Quotations 28. HTML Computercode 46. HTML Video
11. HTML Comments 29. HTML Semantics 47. HTML Audio
12. HTML Colors 30. HTML Style Guide 48. HTML Plug-ins
13. HTML CSS 31. HTML Entities 49. HTML YouTube
14. HTML Links 32. HTML Symbols 50. HTML Geolocation
15. HTML Images 33. HTML Emojis 51. HTML Drag/Drop
16. HTML Favicon 34. HTML Charset 52. HTML Web Storage
17. HTML Tables 35. HTML URL Encode 53. HTML Web Workers
18. HTML Lists 36. HTML vs. XHTML 54. HTML SSE

Extra Feature:
55. HTML Summary 62. HTML Colors 69. HTTP Messages
56. HTML Accessibility 63. HTML Canvas 70. HTTP Methods
57. HTML Tag List 64. HTML Audio/Video 71. PX to EM Converter
58. HTML Attributes 65. HTML Doctypes 72. Keyboard Shortcut
59. HTML Global Attributes 66. HTML Character Sets
60. HTML Browser Support 67. HTML URL Encode
61. HTML Events 68. HTML Lang Codes

CSS3

1. CSS Introduction 20. CSS Display 39. CSS Website Layout

2. CSS Syntax 21. CSS Max-width 40. CSS Units
3. CSS Selectors 22. CSS Position 41. CSS Specificity
4. CSS How To 23. CSS Overflow 42. CSS !important
5. CSS Comments 24. CSS Float 43. CSS Math Functions
6. CSS Colors 25. CSS Inline-block 44. CSS Rounded Corners
7. CSS Backgrounds 26. CSS Z-index 45. CSS Border Images
8. CSS Borders 27. CSS Align 46. CSS Backgrounds
9. CSS Margins 28. CSS Combinators 47. CSS Colors
10. CSS Padding 29. CSS Pseudo-class 48. CSS Color Keywords
11. CSS Height/Width 30. CSS Pseudo-element 49. CSS Gradients
12. CSS Box Model 31. CSS Opacity 50. CSS Shadows
13. CSS Outline 32. CSS Navigation Bar 51. CSS Text Effects
14. CSS Text 33. CSS Dropdowns 52. CSS Web Fonts
15. CSS Fonts 34. CSS Image Gallery 53. CSS 2D Transforms
16. CSS Icons 35. CSS Image Sprites 54. CSS 3D Transforms
17. CSS Links 36. CSS Attr Selectors 55. CSS Transitions
18. CSS Lists 37. CSS Forms 56. CSS Animations
19. CSS Tables 38. CSS Counters 57. CSS Tooltips
58. CSS Style Images 63. CSS Buttons 68. CSS Box Sizing
59. CSS Image Reflection 64. CSS Pagination 69. CSS Media Queries
60. CSS object-fit 65. CSS Multiple Columns 70. CSS MQ Examples
61. CSS object-position 66. CSS User Interface 71. CSS Flexbox
62. CSS Masking 67. CSS Variables

RESPONSIVE CSS 76. RWD Images CSS Grid

72. RWD Intro 77. RWD Videos 80. Grid Intro
73. RWD Viewport 78. RWD Frameworks 81. Grid Container
74. RWD Grid View 79. RWD Templates 82. Grid Item
75. RWD Media Queries

BOOTSTRAP5

1. BS Introduction 17. BS5 Cards 33. BS5 Checks and Radios

2. BS5 Containers 18. BS5 Dropdowns 34. BS5 Range
3. BS5 Grid Basic 19. BS5 Collapse 35. BS5 Input Groups
4. BS5 Typography 20. BS5 Navs 36. BS5 Floating Labels
5. BS5 Colors 21. BS5 Navbar 37. BS5 Form Validation
6. BS5 Tables 22. BS5 Carousel 38. BS5 Grid System
7. BS5 Images 23. BS5 Modal 39. BS5 Stacked/Horizontal
8. BS5 Jumbotron 24. BS5 Tooltip 40. BS5 Grid XSmall
9. BS5 Alerts 25. BS5 Popover 41. BS5 Grid Small
10. BS5 Buttons 26. BS5 Toast 42. BS5 Grid Medium
11. BS5 Button Groups 27. BS5 Scrollspy 43. BS5 Grid Large
12. BS5 Badges 28. BS5 Offcanvas 44. BS5 Grid XLarge
13. BS5 Progress Bars 29. BS5 Utilities 45. BS5 Grid XXL
14. BS5 Spinners 30. BS5 Flex 46. BS5 Grid Examples
15. BS5 Pagination 31. BS5 Forms 47. BS5 Basic Template
16. BS5 List Groups 32. BS5 Select Menus

JavaScript

1. JS Introduction 15. JS Objects 29. JS Array Const

2. JS Where To 16. JS Events 30. JS Dates
3. JS Output 17. JS Strings 31. JS Date Formats
4. JS Statements 18. JS String Methods 32. JS Date Get Methods
5. JS Syntax 19. JS String Search 33. JS Date Set Methods
6. JS Comments 20. JS String Templates 34. JS Math
7. JS Variables 21. JS Numbers 35. JS Random
8. JS Let 22. JS BigInt 36. JS Booleans
9. JS Const 23. JS Number Methods 37. JS Comparisons
10. JS Operators 24. JS Number Properties 38. JS If Else
11. JS Arithmetic 25. JS Arrays 39. JS Switch
12. JS Assignment 26. JS Array Methods 40. JS Loop For
13. JS Data Types 27. JS Array Sort 41. JS Loop For In
14. JS Functions 28. JS Array Iteration 42. JS Loop For Of
43. JS Loop While JS Functions JS AJAX
44. JS Break
45. JS Iterables 90. Function Definitions 133. AJAX Intro
46. JS Sets 91. Function Parameters 134. AJAX XMLHttp
47. JS Maps 92. Function Invocation 135. AJAX Request
48. JS Typeof 93. Function Call 136. AJAX Response
49. JS Type Conversion 94. Function Apply 137. AJAX XML File
50. JS Bitwise 95. Function Bind 138. AJAX PHP
51. JS RegExp 96. Function Closures 139. AJAX ASP
52. JS Precedence 140. AJAX Database
JS Classes 141. AJAX Applications
53. JS Errors
54. JS Scope 97. Class Intro 142. AJAX Examples
55. JS Hoisting 98. Class Inheritance JS JSON
56. JS Strict Mode 99. Class Static
57. JS this Keyword 143. JSON Intro
58. JS Arrow Function
JS Async 144. JSON Syntax
59. JS Classes 100. JS Callbacks 145. JSON vs XML
60. JS Modules 101. JS Asynchronous 146. JSON Data Types
61. JS JSON 102. JS Promises 147. JSON Parse
62. JS Debugging 103. JS Async/Await 148. JSON Stringify
63. JS Style Guide 149. JSON Objects
64. JS Best Practices JS HTML DOM 150. JSON Arrays
65. JS Mistakes 151. JSON Server
104. DOM Intro
66. JS Performance 152. JSON PHP
105. DOM Methods
67. JS Reserved Words 153. JSON HTML
106. DOM Document
154. JSON JSONP
JS Versions 107. DOM Elements
108. DOM HTML JS vs jQuery
68. JS Versions 109. DOM Forms
69. JS 2009 (ES5) 110. DOM CSS 155. jQuery Selectors
70. JS 2015 (ES6) 111. DOM Animations 156. jQuery HTML
71. JS 2016 112. DOM Events 157. jQuery CSS
72. JS 2017 113. DOM Event Listener 158. jQuery DOM
73. JS 2018 114. DOM Navigation
74. JS 2019
JS Graphics
115. DOM Nodes
75. JS 2020 116. DOM Collections 159. JS Graphics
76. JS 2021/2022 117. DOM Node Lists 160. JS Canvas
77. JS IE / Edge 161. JS Plotly
78. JS History JS Browser BOM 162. JS Chart.js
118. JS Window 163. JS Google Chart
JS Objects
119. JS Screen 164. JS D3.js
79. Object Definitions 120. JS Location
80. Object Properties
JS Examples
121. JS History
81. Object Methods 122. JS Navigator 165. JS Examples
82. Object Display 123. JS Popup Alert 166. JS HTML DOM
83. Object Accessors 124. JS Timing 167. JS HTML Input
84. Object Constructors 125. JS Cookies 168. JS HTML Objects
85. Object Prototypes 169. JS HTML Events
86. Object Iterables JS Web APIs 170. JS Browser
87. Object Sets
126. Web API Intro JS References
88. Object Maps
127. Web Forms API
89. Object Reference
128. Web History API 171. JavaScript Objects
129. Web Storage API 172. HTML DOM Objects
130. Web Worker API
131. Web Fetch API
132. Web Geolocation API
 jQuery

30. jQuery Traversing

1. jQuery Intro
31. jQuery AJAX
2. jQuery Get Started
32. jQuery Misc
3. jQuery Syntax
33. jQuery Properties
4. jQuery Selectors
5. jQuery Events

jQuery Effects

1. jQuery Hide/Show
2. jQuery Fade
3. jQuery Slide
4. jQuery Animate
5. jQuery stop()
6. jQuery Callback
7. jQuery Chaining

jQuery HTML

8. jQuery Get
9. jQuery Set
10. jQuery Add
11. jQuery Remove
12. jQuery CSS Classes
13. jQuery css()
14. jQuery Dimensions

jQuery Traversing

15. jQuery Traversing

16. jQuery Ancestors
17. jQuery Descendants
18. jQuery Siblings
19. jQuery Filtering

jQuery AJAX

20. jQuery AJAX Intro

21. jQuery Load
22. jQuery Get/Post

jQuery Misc

23. jQuery noConflict()

24. jQuery Filters

jQuery References

25. jQuery Overview

26. jQuery Selectors
27. jQuery Events
28. jQuery Effects
29. jQuery HTML/CSS