Embark on a comprehensive JavaScript journey with this extensive 8-hour tutorial designed for beginners. Start by understanding the importance of JavaScript and the Document Object Model (DOM), then progress through fundamental concepts like variables, data types, operators, and control statements. Dive into functions, arrays, and objects before exploring DOM manipulations and form handling. Master regular expressions, debugging techniques, and timing functions. Discover jQuery, learning about selectors, events, effects, and DOM manipulations. Finally, delve into jQuery UI, covering various widgets and interactions. Gain hands-on experience with practical examples and projects throughout the course, equipping you with the skills to build interactive web applications.
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
