Cursus JavaScript Programmeren

De javascript opleiding is bedoelt voor ervaren HTML ontwerpers die willen leren hoe ze JavaScript kunnen gebruiken om web pagina’s interactiever te maken.
Hier lees je wat je leert tijdens de cursus Javascript programmeren.

Welke voorkennis is gewenst voor deze cursus?

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.

Hoe zal deze cursus verlopen?

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.

Wat leer ik tijdens de cursus Javascript?

Deze cursus behandelt de basisprincipes en het gebruik van de JavaScript-taal in HTML-pagina’s. 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. 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. 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. 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. De cursus wordt afgesloten met een bespreking van object oriëntatie in JavaScript.

Module 1 : JavaScript Intro

JavaScript History JavaScript Characteristics JavaScript Usage
ECMA Standard
Dynamic HTML
Script Tag
Simple Script
Writing tot Document JavaScript Code Execution Script Files
External Script Files Built-in Browser Objects Form Validation
JavaScript Objects
Timers in JavaScript Popup Boxes
Debugging JavaScript JavaScript Tooling

Module 2 : Variables and Data Types

Data Types JavaScript Types Variables
Variable Declaration Variable Initialization Identifiers
Reserved Words Identifier Examples Numbers
Special Values Number Usage
Math Object
Strings
String Usage
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 Other Operators
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

What are Arrays? Creating Arrays Initializing Arrays Accessing Arrays
Array Indexes
Array length
Processing with for Processing with for each Multidimensional Arrays Array Methods
Adding Elements Removing 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 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 HTML DOM
Document Object
Properties and Methods DOM Navigation
Navigate and Update
DOM Manipulation
DOM Node Types
Node Type Properties Querying the DOM
Common Element Properties

Module 9 : Validation

What is Validation? Checking Form Input Regular Expressions Meta Characters Quantifiers
Character Classes
RegEx Examples
String RegEx
Methods Replacing
RexEx Flags
RegExp Object
Using RegEx

Module 10 : JavaScript Objects

JavaScript Object Orientation Objects
Defining Classes Constructors
Class Members
Fields and Properties Functions/Methods Access Modifiers
public, private, protected Safe Usage of “this” Using JSON Namespaces