Web Development: JavaScript
- Description
- Curriculum
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.
-
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)
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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?
