JavaScript Programmeren

ECMA JavaScript Standaard

Na een inleiding over de verschillende manieren waarop JavaScript in HTML pagina's kan worden opgenomen en hoe de code wordt uitgevoerd, wordt de ECMA JavaScript standaard behandeld en worden de verschillen tussen browsers wat betreft JavaScript besproken.

JavaScript Syntax

Vervolgens wordt de syntax van de JavaScript taal besproken, waaronder de variabelen, data types, operatoren en control flow constructies van JavaScript. Ook arrays en functies in JavaScript worden behandeld.

Event Handling

Een belangrijk aspect van JavaScript en een centraal element van de cursus is de afhandeling van events op HTML pagina's in JavaScript functies. De rol van event functies voor het laden en het submitten van pagina's worden behandeld en de events die veroorzaakt worden door de muis en keyboard interactie worden besproken.

Document Object Model

Verder wordt aandacht besteed aan het Document Object Model van HTML pagina's en de interactie met de pagina via JavaScript code en de DOM API. Vervolgens staat het valideren van gebruikers input in client side forms via JavaScript code is op het programma.

JavaScript Object Oriëntatie

De cursus wordt afgesloten met een bespreking van object oriëntatie in JavaScript. Vervolg cursussen op de cursus JavaScript Programmeren zijn de cursussen Advanced JavaScript Programmeren en TypeScript Programmeren.

Doelgroep Cursus JavaScript Programmeren

De cursus JavaScript Programmeren is bedoeld voor ervaren HTML ontwerpers die willen leren hoe ze JavaScript kunnen gebruiken om web pagina's interactiever te maken.

Voorkennis voor de cursus JavaScript Programmeren

Om aan deze cursus te kunnen deelnemen is kennis van en ervaring met HTML vereist. Voorafgaande kennis van programmeren is niet vereist, maar wel bevorderlijk voor de begripsvorming.

Uitvoering Training JavaScript Programmeren

De onderwerpen worden besproken aan de hand van presentatie slides. Demos worden gebruikt om de stof te verduidelijken. De theorie wordt afgewisseld met oefeningen. De code wordt getest in verschillende browsers. De cursustijden zijn van 9.30 tot 16.30.

Certificaat cursus JavaScript Programmeren

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat JavaScript Programmeren.

Modules

Module 1 : JavaScript Intro

• JavaScript Evolution
• JavaScript Characteristics
• JavaScript Usage
• ECMA Standard
• Dynamic HTML
• Script Tag
• Writing tot Document
• JavaScript Code Execution
• Script Files
• External Script Files
• Built-in Browser Objects
• Timers in JavaScript
• Debugging JavaScript
• JavaScript Tooling

Module 2 : Variables and Data Types

• JavaScript Data Types
• Variable Declaration
• Variable Initialization
• Identifiers
• Reserved Words
• Identifier Examples
• Numbers
• Special Values
• Number Usage
• Math Object
• Strings
• String Object Methods
• Booleans
• Objects

Module 3 : Operators and Expressions

• What is an Operator?
• JavaScript Operators
• Arithmetic Operators
• Logical Operators
• Comparison Operators
• Assignment Operators
• String Operators
• Bitwise Operators
• Bitwise Operator Examples
• Square Brackets Operator
• Parenthesis Operator
• Conditional Expression Operator
• Operator Precedence
• Expressions

Module 4 : Control Flow

• Control Structures
• if Statement
• if Examples
• if else Statement
• if else Examples
• Multiple Selections
• Nested if Statements
• switch case Statement
• Iteration Statements
• for Loop
• while Loop
• do..while Loop
• break and continue

Module 5 : Arrays

• Creating Arrays
• Accessing Arrays
• Array Indexes
• Array length
• Processing with for
• Processing with for each
• Multidimensional Arrays
• Array Methods
• Adding Elements
• Deleting Elements
• Associative Arrays
• Reversing Arrays
• Sorting Arrays

Module 6 : Functions

• What are Functions?
• Defining Functions
• Calling Functions
• Function Parameters
• Using Parameters
• Variable Scope
• Returning from Functions
• Passing Parameters
• Data Validation
• Variable Argument List
• apply Method
• Function Naming
• Function Best Practices

Module 7 : Events

• HTML DOM Events
• Register Event Handlers
• Event Parameter
• Event Handlers List
• Mouse Events
• Key Events
• The DOM Event Model
• Common DOM Events
• Event Object Properties
• DOM Level2 Event Model

Module 8 : DOM API

• Document Object Model (DOM)
• Browser Object Model and DOM
• Document Object
• Properties and Methods
• DOM Navigation
• DOM Manipulation
• DOM Node Types
• Node Type Properties
• Querying the DOM
• Common Element Properties

Module 9 : Validation

• Checking Form Input
• Regular Expressions
• Meta Characters
• Quantifiers
• Character Classes
• String RegEx Methods
• Replacing
• RexEx Flags
• RegExp Object
• Using RegExp

Module 10 : JavaScript Objects

• JavaScript Object Orientation
• ECMAScript 6 Standard
• Classes and Object
• Constructors
• Class Members
• Fields and Properties
• Functions/Methods
• Access Modifiers
• public, private, protected
• Safe Usage of "this"
• Using JSON
• Namespaces