JavaScript Fundamentals
Volg de JSF training JavaScript Fundamentals. In deze JavaScript-training leer je JavaScript effectief te gebruiken om webpagina's dynamischer en functioneler te maken en het aantal roundtrips naar de server te verminderen.
Na afronding van deze training kun je onder andere:
Training: JavaScript Fundamentals
In deze JavaScript-training leren studenten JavaScript effectief te gebruiken om hun webpagina’s dynamischer en functioneler te maken en het aantal roundtrips naar de server te verminderen.
Na deze basis Javascript training ken/weet je:
- Hoe javascript wordt gebruikt.
- Javascript-syntaxis.
- Over objecten, methoden en eigenschappen.
- Werken met javascript-variabelen.
- Hoe je jouw eigen functies in javascript kunt maken.
- Logica voor stroomregeling schrijven in javascript.
- Formulieren valideren met javascript.
- Roll-over afbeeldingen maken met javascript.
- Om te openen en te werken met nieuwe vensters.
- Werken met javascript-timers en -intervallen.
- Werken met de navigatiegeschiedenis en locatieobjecten.
Voor deze training beheers je:
- HTML
- CSS wordt aanbevolen
Deze training is bedoeld voor iedereen die JavaScript wil gebruiken bij het schrijven van Web pagina’s.
1. JavaScript Basics
- The Name “JavaScript”
- What is ECMAScript?
- The HTML DOM
- JavaScript Syntax
- Accessing Elements
- Where Is JavaScript Code Written?
- The “javascript” Pseudo-Protocol
- JavaScript Objects, Methods and Properties
- Exercise: Alerts, Writing, and Changing Background Color
2. Variables, Arrays and Operators
- JavaScript Variables
- Exercise: Using Variables
- Arrays
- Exercise: Working with Arrays
- JavaScript Operators
- Exercise: Working with Operators
3. JavaScript Functions
- Global Functions
- Exercise: Working with Global Functions
- User-defined Functions
- Exercise: Writing a JavaScript Function
- Returning Values from Functions
4. Event Handlers
- Event Handlers
- Exercise: Using Event Handlers
- Dot Notation and Square Bracket Notation
- querySelector()
- Exercise: Working with querySelector()
- Exercise: Working with Hierarchical Node Properties
5. Built-In JavaScript Objects
- String
- Math
- Date
- The typeof Operator
- Helper Functions
- Exercise: Returning the Day of the Week as a String
6. Conditionals and Loops
- Conditionals
- Exercise: Conditional Processing
- Loops
- Exercise: Working with Loops
7. JavaScript Form Validation
- Accessing Form Data
- Exercise: Textfield to Textfield
- Basics of Form Validation
- Exercise: Validating a Registration Form
- Validating Radio Buttons
- Validating Check Boxes
- Validating Select Menus
- Focus, Blur, and Change Events
- Validating Textareas
- Exercise: Improving the Registration Form
8. The HTML Document Object Model
- Transitions
- The innerHTML Property
- Accessing Element Nodes
- Exercise: Accessing Elements
- Attaching Events
- Exercise: Attaching Events
- Event Propagation: Capturing and Bubbling
- Exercise: A Simple Soccer Game
- Accessing Attribute Nodes
- getAttribute()
- 1attributes[]
- hasAttribute()
- setAttribute()
- removeAttribute()
- Accessing Nodes by Type, Name or Value
- Removing Nodes from the DOM
- Creating New Nodes
- Identifying the Target of an Event
- Exercise: Creating and Inserting DOM Nodes
9. CSS Object Model
- Changing CSS with JavaScript
- Hiding and Showing Elements
- Exercise: Showing and Hiding Elements
- Manipulating Tables
- Exercise: Tracking Results in the Math Quiz
- Dynamically Changing Dimensions
- Positioning Elements Dynamically
- Exercise: Changing the Math Quiz Timer to a Slider
- Changing the Z-Index
- The CSS Object Model
10. Images, Windows and Timers
- Image Rollovers
- Preloading Images
- Exercise: Creating a Slide Show
- Windows
- Timers
- Exercise: Popup Timed Slide Show
11. Debugging and Testing with Chrome
- Chrome DevTools
- The Panels
- Exercise: Using the Chrome DevTools “Elements” and “Console” Panels
- The Sources Panel
- Exercise: Using the Chrome DevTools “Sources” Panel
- Other DevTools Panels
- Chrome DevTools API and Extensions
- Exercise: Accessibility Developer Tools Extension
In de klas, online of beiden.
Active Learning
Je maakt samen met je trainer een plan en gaat actief aan de slag. In een kleine klas verdiepen in wat je echt nodig hebt, inzoomen op zaken die je echt interesseren en overslaan wat je al weet of niet nodig hebt. Plan je lesdagen flexibel, neem real-life casussen mee en werk ze uit met je trainer. Verrijk je kennis en verbind het met alles wat je al wist.
E-Learning
Ben je op zoek naar volledige zelfstudie? Wij bieden je de mogelijkheid om jouw training volledig in jouw eigen tijd te volgen. Uiteraard met het officiële lesmateriaal waarmee je de juiste kennis opdoet.
Wil je toch graag een dag persoonlijke begeleiding? Dan kan je altijd een extra lesdag bij boeken en de training als blended learning volgen!
Incompany
Wist jij dat alle IT trainingen die we aanbieden op de website ook bij jouw bedrijf uitgevoerd kunnen worden? Zo volg je een maatwerk IT training (Incompany training) met al je collega’s. Jij kunt de training nog specifieker voor jouw bedrijf laten inrichten en het is zelfs mogelijk om een geheel maatwerk traject door ons te laten ontwerpen.
Je bespaart reiskosten en reistijd voor de deelnemers, doordat onze trainer bij jou op locatie komt. Op deze manier kun je meerdere deelnemers van jouw organisatie dezelfde training laten volgen. Dat is efficiënt en effectief! Samen heb je een gemeenschappelijke opleidingsbehoefte en daar gaan we je bij helpen.
We hebben jarenlang ervaring in het geven van maatwerk it trainingen. We kijken zorgvuldig naar de opleidingsbehoefte om volledig aan te sluiten bij je wensen. Zo formuleren we haalbare en concrete doelstellingen en deelnemers kunnen het geleerde in de praktijk toepassen. Op deze manier groeien deelnemers persoonlijk en professioneel op meerdere niveaus.