Introduction to JavaScript

Introduction to JavaScript

The Introduction to JavaScript course provides an in-depth look at the essential concepts of JavaScript, one of the most popular programming languages for web development. Covering a wide range of topics, from JavaScript basics, variables, arrays, and operators, to functions, built-in objects, conditionals, loops, and event handling, this course aims to equip students with the necessary knowledge to create interactive and dynamic web applications. Additionally, the course delves into the HTML Document Object Model, the CSS Object Model, and error handling, ensuring a comprehensive understanding of JavaScript and its role in web development.

Benefits

1. Comprehensive Coverage: The course offers a thorough examination of JavaScript concepts, enabling students to develop a strong foundation in the language and its applications.
2. Practical Examples: Real-world examples and exercises are provided throughout the course, allowing students to apply their newly acquired skills in various contexts and gain a deeper understanding of JavaScript.
3. Hands-on Learning: Through a series of exercises, students are encouraged to practice and refine their JavaScript skills, promoting better retention of the material.
4. Engaging Content: The course is designed to be interactive and engaging, keeping students interested and motivated to learn.
5. Experienced Authors: Created by industry experts with extensive experience in JavaScript, the course content is relevant, up-to-date, and tailored to meet the needs of modern web development.

Outline

1. JavaScript Basics
2. JavaScript vs. EcmaScript
3. The HTML DOM
4. JavaScript Syntax
5. Accessing Elements
6. Where Is JavaScript Code Written?
7. JavaScript Objects, Methods, and Properties
8. Alerts, Writing, and Changing Background Color (Exercise)
9. Variables, Arrays, and Operators
10. JavaScript Variables
11. A Loosely Typed Language
12. Google Chrome DevTools
13. Storing User-Entered Data
14. Using Variables (Exercise)
15. Constants
16. Arrays
17. Working with Arrays (Exercise)
18. Associative Arrays
19. Playing with Array Methods
20. JavaScript Operators
21. The Modulus Operator
22. Playing with Operators
23. The Default Operator
24. Working with Operators (Exercise)
25. JavaScript Functions
26. Global Objects and Functions
27. Working with Global Functions (Exercise)
28. User-defined Functions
29. Writing a JavaScript Function (Exercise)
30. Returning Values from Functions
31. Built-In JavaScript Objects
32. Strings
33. Math
34. Date
35. Helper Functions
36. Returning the Day of the Week as a String (Exercise)
37. Conditionals and Loops
38. Conditionals
39. Short-circuiting
40. Switch / Case
41. Ternary Operator
42. Truthy and Falsy
43. Conditional Processing (Exercise)
44. Loops
45. while and do…while Loops
46. for Loops
47. break and continue
48. Working with Loops (Exercise)
49. Array: forEach()
50. Event Handlers and Listeners
51. On-event Handlers
52. Using On-event Handlers (Exercise)
53. The addEventListener() Method
54. Anonymous Functions
55. Capturing Key Events
56. Adding Event Listeners (Exercise)
57. Benefits of Event Listeners
58. Timers
59. Typing Test (Exercise)
60. The HTML Document Object Model
61. CSS Selectors
62. The innerHTML Property
63. Nodes, NodeLists, and HTMLCollections
64. Accessing Element Nodes
65. Accessing Elements (Exercise)
66. Dot Notation and Square Bracket Notation
67. Accessing Elements Hierarchically
68. Working with Hierarchical Elements (Exercise)
69. Accessing Attributes
70. Creating New Nodes
71. Focusing on a Field
72. Shopping List Application
73. Logging (Exercise)
74. Adding EventListeners (Exercise)
75. Adding Items to the List (Exercise)
76. Dynamically Adding Remove Buttons to the List Items (Exercise)
77. Removing List Items (Exercise)
78. Preventing Duplicates and Zero-length Product Names (Exercise)
79. Manipulating Tables
80. CSS Object Model
81. Changing CSS with JavaScript
82. Hiding and Showing Elements
83. Checking and Changing Other Style Properties
84. Increasing and Decreasing Measurements
85. Custom data Attributes
86. Gotcha with fontWeight
87. Font Awesome
88. classList Property
89. Showing and Hiding Elements (Exercise)
90. Errors and Exceptions
91. Runtime Errors
92. Globally Handled Errors
93. Structured Error Handling
94. Try/Catch (Exercise)

Required Prerequisites

• HTML

Useful Prerequisites

• CSS
• Programming experience

‍