This JavaScript course is designed for individuals looking to become proficient in one of the most widely used programming languages for web development. Participants will embark on a comprehensive journey, starting from the basics of JavaScript and progressing to advanced concepts, frameworks, and best practices. The course will empower learners to build dynamic and interactive web applications.
Module 1. JavaScript: An Introduction
Module 2. The Basics
-
3
Tools for JavaScript development(In progress)Tools for JavaScript development(In progress)
-
4
Introducing the browser console
Introducing the browser console
-
5
Add inline JavaScript to a HTML document
Add inline JavaScript to a HTML document
-
6
Add JavaScript in an external file
Add JavaScript in an external file
-
7
How to write JavaScript: A crash course(In progress)
How to write JavaScript: A crash course(In progress)
Module 3. Working with data
-
8
Variables: The catch-all containers of JavaScript
Variables: The catch-all containers of JavaScript
-
9
Data types in JavaScript
Data types in JavaScript
-
10
Arithmetic operators and math
Arithmetic operators and math
-
11
Working with strings and numbers
Working with strings and numbers
-
12
Conditional statements and logic
Conditional statements and logic
-
13
Advanced conditions and logic
Advanced conditions and logic
-
14
Arrays
Arrays
-
15
Properties and methods in arrays
Properties and methods in arrays
Module 4. Functions and Objects
-
16
Functions in JavaScript
Functions in JavaScript
-
17
Build a basic function(In progress)
Build a basic function(In progress)
-
18
Add arguments to the function
Add arguments to the function
-
19
Return values from a function
Return values from a function
-
20
Anonymous functions
Anonymous functions
-
21
Immediately invoked functional expressions
Immediately invoked functional expressions
-
22
Variable scope
Variable scope
-
23
ES2015: let and const
ES2015: let and const
-
24
Make sense of objects
Make sense of objects
-
25
Object constructors
Object constructors
-
26
Sidebar: Dot and bracket notation
Sidebar: Dot and bracket notation
-
27
Closures
Closures
Module 5. JavaScript and the DOM, Part 1: Changing DOM Elements
-
28
DOM: The document object model
DOM: The document object model
-
29
Target elements in the DOM with querySelector methods
Target elements in the DOM with querySelector methods
-
30
Access and change elements
Access and change elements
-
31
Access and change classes
Access and change classes
-
32
Add DOM elements
Add DOM elements
-
33
Apply inline CSS to an element
Apply inline CSS to an element
Module 6. Project: Create an Analog Clock
-
34
Create an analog clock: Project breakdown
Create an analog clock: Project breakdown
-
35
Use CSS to move clock hands
Use CSS to move clock hands
-
36
Use JavaScript to move clock hands
Use JavaScript to move clock hands
-
37
Get the current hour, minute, and second with the Date() object
Get the current hour, minute, and second with the Date() object
-
38
Show the current time using fancy math
Show the current time using fancy math
-
39
Make the clock move forward second by second
Make the clock move forward second by second
-
40
Solve the pesky "return to zero" problem
Solve the pesky "return to zero" problem
Module 7. JavaScript and the DOM, Part 2: Events
-
41
What are DOM events?
What are DOM events?
-
42
Some typical DOM events
Some typical DOM events
-
43
Trigger functions with event handlers
Trigger functions with event handlers
-
44
Add and use event listeners
Add and use event listeners
-
45
Pass arguments via event listeners
Pass arguments via event listeners
Module 8. Project: Typing Speed Tester
-
46
Rundown of HTML markup
Rundown of HTML markup
-
47
Build a count-up timer
Build a count-up timer
-
48
Detect spelling errors by matching strings
Detect spelling errors by matching strings
-
49
Stop the timer when the test is done
Stop the timer when the test is done
-
50
Add a reset button
Add a reset button
Module 9. Loops
Module 10. Project: Automated Responsive Images Markup
-
54
Project breakdown
Project breakdown
-
55
Rundown of project setup
Rundown of project setup
-
56
Loop through all images in the document
Loop through all images in the document
-
57
Create function to generate srcset value
Create function to generate srcset value
-
58
Update img markup with srcset and sizes attributes
Update img markup with srcset and sizes attributes
Module 11. Troubleshooting, Validating, and Minifying JavaScript
-
59
JavaScript validation and troubleshooting
JavaScript validation and troubleshooting
-
60
Troubleshooting JavaScript
Troubleshooting JavaScript
-
61
Send troubleshooting info to the console
Send troubleshooting info to the console
-
62
Step through your JavaScript with browser tools
Step through your JavaScript with browser tools
-
63
Online script linting
Online script linting
-
64
Automate script linting
Automate script linting
-
65
Automate script minification
Automate script minification
Module 12. Bonus Chapter: Ask the Instructor
-
66
What are arrow functions?
What are arrow functions?
-
67
What do I learn first? JavaScript? TypeScript?
What do I learn first? JavaScript? TypeScript?
-
68
How do I write strings in ES2015?
How do I write strings in ES2015?
-
69
What does the % symbol do?
What does the % symbol do?
-
70
Why use the querySelector() and querySelectorAll() methods?
Why use the querySelector() and querySelectorAll() methods?
Related Courses
