This course aims to teach beginners JavaScript programming through a comprehensive 8-hour video tutorial. By the end of the course, learners will be able to understand JavaScript fundamentals, work with the Document Object Model (DOM), manipulate elements on a webpage, validate forms, use regular expressions, debug code using Chrome Dev tools, create animations, and utilize the jQuery library for DOM manipulations and effects. The course employs a video tutorial format and is intended for individuals interested in learning JavaScript programming from scratch.
Overview
Syllabus
Intro - .
1) Why you should learn JavaScript ? – .
2) What is Document Object Model (DOM) – .
3) First Hello World Program – .
4) Statements & Comments – .
5) VS code Theme & Live Server Plugin Setup – .
6) Variables & Data Types – .
7) Operators in JavaScript – .
8) Control Statements Theory – .
9) If Else Control Statements – .
10) Switch Case – .
11) For Loop – .
12) While loop – .
13) Do While loop – .
14) Functions – .
15) Scope of Variables | Global vs Local – .
16) Introduction to Array – .
17) Introduction to Objects Part 1 – .
18) Introduction to Objects Part 2 – .
19) Starting with DOM Manipulations in JavaScript – .
20) Take Input from TextBox – .
21) Take Input from Radiobuttons – .
22) Take Input from SelectBox – .
23) getElementByTagName method in JavaScript – .
24) getElementByClassName method in JavaScript – .
25) onmouseover & onmouseout events in JavaScript – .
26) Form Validations (Part-1) – .
27) Form Validations (Part-2) – .
28) Regular Expressions (Part-1) – .
29) Regular Expressions | Character Sets and Ranges (Part-2) – .
30) Regular Expressions | Mobile Number Validation (Part-3) – .
31) Regular Expressions | Email Validation (Part-4) – .
32) Chrome Dev tools & Debugging using Console Log Method – .
33) Timing Functions in JavaScript – .
34) Fade In Fade Out animations in JavaScript – .
35) Zoom In Zoom Out effect in JavaScript – .
36) Introduction to jQuery library | Setting jQuery in Project – .
37) JQuery Selectors Part 1 – .
38) JQuery Selectors Part 2 – .
39) Events in JQuery Part 1 – .
40) Events in JQuery Part 2 – .
41) Effects in JQuery – .
42) JQuery Animate Effect – .
43) Callback & Chaining JQuery Effects – .
44) JQuery DOM Manipulations Part 1 – .
45) JQuery DOM Manipulations Part 2 – .
46) JQuery DOM Manipulations Part 3 – .
47) JQuery DOM Manipulations Part 4 – .
48) Introduction to JQuery UI in Project – .
49) Date Picker Widget Control in JQuery UI – .
50) Tooltip Widget Control in JQuery UI – .
51) Accordion Widget Control in JQuery UI – .
52) Message Box Widget in JQuery UI – .
53) Autocomplete Widget in JQuery UI – .
54) Widget Modifications in JQuery UI – .
55) Draggable Interaction in JQuery UI – .
56) Sortable Interaction in JQuery UI – .
57) Resizable Interaction in JQuery UI – .
58) Theme Customizations in JQuery UI – .
Taught by
Telusko
