The main purpose of this e-course is to give students a good understanding of the basics of JavaScript.
In this JavaScript training, you will learn to work with one of the most powerful, flexible coding languages!
This class gives you experience using JavaScript to make your web pages more dynamic and user friendly. You will start by learning about the HTML DOM, JavaScript Syntax, and other essentials. Then, you will learn about important structures like variables, arrays, and operators. Get hands-on experience using functions to control how your code is executed. Next, use built-in objects for basic data processing and learn to leverage loops to save time when writing code. You will practice with event handlers and listeners to respond to user input and other web page interactions. You will learn how JavaScript interacts with HTML and CSS. Finally, the class wraps up with best practices to prevent and handle errors.
By the end of the training, you will ready to use JavaScript to make your web pages more dynamic and functional.
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Prerequisities: HTML experience is required for this class; CSS and programming experience would be useful.
Program:
JavaScript Basics
The Name “JavaScript”
What is ECMAScript?
The HTML DOM
JavaScript Syntax
Accessing Elements
Dot Notation
Square Bracket Notation
Where Is JavaScript Code Written?
JavaScript Objects, Methods and Properties
Variables, Arrays, and Operators
JavaScript Variables
A Loosely-Typed Language
Google Chrome DevTools
Variable Naming
Storing User-Entered Data
Constants
Arrays
Associative Arrays
Array Properties and Methods
Playing with Array Methods
JavaScript Operators
The Modulus Operator
The Default Operator
JavaScript Functions
Global Objects and Functions
parseFloat(object)
parseInt(object)
isNaN(object)
User-defined Functions
Function Syntax
Passing Values to Functions
Returning Values from Functions
Built-In JavaScript Objects
String
Math
Date
Helper Functions
Conditionals and Loops
Conditionals
if – else if – else Conditions
Short-circuiting
Switch / Case
Ternary Operator
Truthy and Falsy
Loops
while Loop Syntax
do while Loop Syntax
for Loop Syntax
for of Loop Syntax
for in Loop Syntax
break and continue
Array: forEach()
Event Handlers and Listeners
On-Event Handlers
The getElementById() Method
The addEventListener() Method
Capturing Key Events
Benefits of Event Listeners
Timers
The HTML Document Object Model
CSS Selectors
Type Selectors
Descendant Selectors
Child Selectors
Class Selectors
ID Selectors
Attribute Selectors
The innerHTML Property
Nodes, NodeLists, and HTMLCollections
Accessing Element Nodes
getElementById()
getElementsByTagName()
getElementsByClassName()
querySelectorAll() and querySelector()
Dot Notation and Square Bracket Notation
Collections of Elements
window is Implicit
Accessing Elements Hierarchically
Accessing Attributes
Creating New Nodes
Focusing on a Field
Shopping List Application
Manipulating Tables
CSS Object Model
Changing CSS with JavaScript
The style Property vs getComputedStyle()
Hiding and Showing Elements
Checking and Changing Other Style Properties
Increasing and Decreasing Measurements
Making changeFontSize() More Flexible
Custom data Attributes
Gotcha with fontWeight
Font Awesome
classList Property
Errors and Exceptions
Runtime Errors
Completely Unhandled Errors
Globally Handled Errors
Structured Error Handling
Try/Catch
After completing this course the students can:
master the fundamentals of JavaScript;
understand JavaScript syntax;
learn about objects, methods, and properties;
work with JavaScript variables to store data;
organize code by creating your own functions;
write flow control logic to handle real-life decisions and complex problems;
use loops to save time;
capture and manage events such as mouse clicks and page loads;
modify HTML and CSS on the fly with JavaScript;
handle and prevent JavaScript errors.
Koolituse lõpetamise tingimused: koolituse lõppedes väljastab koolituskeskus koolituse läbinule tunnistuse või tõendi. Koolituse lõppedes väljastatakse tunnistus, kui on täidetud õppekava mahust vähemalt 80% igast teemast ja teised koolituskavast tulenevad nõuded (nt eksam, arvestus, praktiline töö jms). Tõend täienduskoolituses osalemise või selle läbimise kohta väljastatakse isikule juhul, kui koolituse käigus ei hinnatud õpiväljundite saavutatust või kui isik ei saavutanud kõiki õppekava lõpetamiseks nõutud õpiväljundeid.