JavaScript Basics

• JavaScript vs. EcmaScript
• The HTML DOM
• JavaScript Syntax
• Accessing Elements
• Where Is JavaScript Code Written?
• JavaScript Objects, Methods, and Properties
• Alerts, Writing, and Changing Background Color (Exercise)

Variables, Arrays, and Operators

• JavaScript Variables
• A Loosely Typed Language
• Google Chrome DevTools
• Storing User-Entered Data
• Using Variables (Exercise)
• Constants
• Arrays
• Working with Arrays (Exercise)
• Associative Arrays
• Playing with Array Methods
• JavaScript Operators
• The Modulus Operator
• Playing with Operators
• The Default Operator
• Working with Operators (Exercise)

JavaScript Functions

• Global Objects and Functions
• Working with Global Functions (Exercise)
• User-defined Functions
• Writing a JavaScript Function (Exercise)
• Returning Values from Functions

Built-In JavaScript Objects

• Strings
• Math
• Date
• Helper Functions
• Returning the Day of the Week as a String (Exercise)

Conditionals and Loops

• Conditionals
• Short-circuiting
• Switch / Case
• Ternary Operator
• Truthy and Falsy
• Conditional Processing (Exercise)
• Loops
• while and do…while Loops
• for Loops
• break and continue
• Working with Loops (Exercise)
• Array: forEach()

Event Handlers and Listeners

• On-event Handlers
• Using On-event Handlers (Exercise)
• The addEventListener() Method
• Anonymous Functions
• Capturing Key Events
• Adding Event Listeners (Exercise)
• Benefits of Event Listeners
• Timers
• Typing Test (Exercise)

The HTML Document Object Model

• CSS Selectors
• The innerHTML Property
• Nodes, NodeLists, and HTMLCollections
• Accessing Element Nodes
• Accessing Elements (Exercise)
• Dot Notation and Square Bracket Notation
• Accessing Elements Hierarchically
• Working with Hierarchical Elements (Exercise)
• Accessing Attributes
• Creating New Nodes
• Focusing on a Field
• Shopping List Application
• Logging (Exercise)
• Adding EventListeners (Exercise)
• Adding Items to the List (Exercise)
• Dynamically Adding Remove Buttons to the List Items (Exercise)
• Removing List Items (Exercise)
• Preventing Duplicates and Zero-length Product Names (Exercise)
• Manipulating Tables

CSS Object Model

• Changing CSS with JavaScript
• Hiding and Showing Elements
• Checking and Changing Other Style Properties
• Increasing and Decreasing Measurements
• Custom data Attributes
• Gotcha with fontWeight
• Font Awesome
• classList Property
• Showing and Hiding Elements (Exercise)

Errors and Exceptions

• Runtime Errors
• Globally Handled Errors
• Structured Error Handling
• Try/Catch (Exercise)

Questo corso JavaScript Introduzione si rivolge a sviluppatori software.

Al termine di questo corso JavaScript Introduzione, gli allievi saranno in grado di:

• sviluppare una solida base nel linguaggio JavaScript e nelle sue applicazioni
• applicare le competenze acquisite in vari contesti
• creare applicazioni web interattive e dinamiche

Per frequentare con profitto questo corso, JavaScript Introduzione, gli allievi devono avere esperienza con HTML e, preferibilmente, con CSS. E’ inoltre preferibile avere anche esperienze pregresse nell’ambito della programmazione.

Lingua utilizzata nel corso: Italiano

Lingua del materiale didattico: Inglese

Il corso include:

• documentazione didattica accessibile via web, di durata illimitata;
• ambiente di laboratorio accessibile via web;
• un attestato di frequenza inviato via e-mail una settimana dopo il termine del corso.