JavaScript algajatele (e-õpe, inglise keeles)

Koolituse maht: 32 akadeemilist tundi ehk 4 õppepäeva, mille saad endale sobivale ajale jaotada.

Sihtgrupp: This course is for students new to JavaScript.

Koolitusel osalemise eeldused (soovitavalt): HTML experience is required for this class; CSS and programming experience would be useful.

To complete the training and get a certification you need to pass the quiz 100%.

Koolituse teemad:

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

1. 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
• Test

2. 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
• Test

3. 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
• Test

4. Built-In JavaScript Objects

• String
• Math
• Date
• Helper Functions
• Test

5. 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()
• Test

6. Event Handlers and Listeners

• On-Event Handlers
  • The getElementById() Method
• The addEventListener() Method
• Capturing Key Events
• Benefits of Event Listeners
• Timers
• Test

7. 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 ApplicationManipulating Tables
• Test

8. 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
• Test

9. Errors and Exceptions

• Runtime Errors
• Completely Unhandled Errors
• Globally Handled Errors
• Structured Error Handling
• Try/Catch
• Test

Koolituse eesmärk

The main purpose of this e-course is to give students a good understanding of the basics of JavaScript.

Koolituse õpiväljundid

After completing this course, students will:

• learn how JavaScript is used;
• learn JavaScript syntax;
• learn about objects, methods, and properties;
• learn to work with JavaScript variables;
• learn to create your own functions in JavaScript;
• learn to write flow control logic in JavaScript;
• learn to listen for and handle events, such as mouse clicks and page loads, with JavaScript;
• learn to modify HTML on the fly with JavaScript;
• learn to modify CSS on the fly with JavaScript;
• learn to handle and prevent JavaScript errors.

Koolitus toimub e-õppe keskkonnas, kuhu saab siseneda isikliku kasutajanime ja parooliga. Need saadetakse Teile pärast koolitusarve tasumist või erikokkuleppel.

Täiendkoolituse õppekava rühm: Tarkvara ja rakenduste arendus ning analüüs.