JSF JavaScript Fundamentals Active Learning

Type product
Startdatum en plaats

JSF JavaScript Fundamentals Active Learning

Master it Training
Logo van Master it Training
Opleiderscore: starstarstarstarstar_border 8,0 Master it Training heeft een gemiddelde beoordeling van 8,0 (uit 94 ervaringen)

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Startdata en plaatsen

placeEindhoven
22 apr. 2024 tot 25 apr. 2024
placeOnline
22 apr. 2024 tot 25 apr. 2024
placeEindhoven
23 apr. 2024 tot 26 apr. 2024
placeOnline
23 apr. 2024 tot 26 apr. 2024
placeOnline
21 mei. 2024 tot 24 mei. 2024
placeVianen
21 mei. 2024 tot 24 mei. 2024
placeOnline
3 jun. 2024 tot 6 jun. 2024
placeVianen
3 jun. 2024 tot 6 jun. 2024
placeOnline
4 jun. 2024 tot 7 jun. 2024
placeVianen
4 jun. 2024 tot 7 jun. 2024
placeOnline
2 sep. 2024 tot 5 sep. 2024
placeVianen
2 sep. 2024 tot 5 sep. 2024
placeOnline
3 sep. 2024 tot 6 sep. 2024
placeVianen
3 sep. 2024 tot 6 sep. 2024
placeCapelle aan den IJssel
14 okt. 2024 tot 17 okt. 2024
placeOnline
14 okt. 2024 tot 17 okt. 2024
placeCapelle aan den IJssel
15 okt. 2024 tot 18 okt. 2024
placeOnline
15 okt. 2024 tot 18 okt. 2024
placeOnline
2 dec. 2024 tot 5 dec. 2024
placeVianen
2 dec. 2024 tot 5 dec. 2024

Beschrijving

Train met korting met het STAP Budget

Alle trainingen van Master IT komen in aanmerking voor subsidie met het STAP Budget. Geef bij je aanmelding aan dat je gebruik wilt maken van het STAP-budget om €1000 korting te krijgen op jouw IT-training!

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:

  • Een goed overzicht krijgen van de syntax en gebruik van JavaScript
  • JavaScript-variabelen gebruiken
  • Formulieren valideren met javascript

Deze training bevat Engelstalig lesmateriaal en kan gegeven worden door een Nederlands- of Engelssprekende trainer.

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 se…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: JSF, JavaScript, (X)HTML & CSS, NodeJS en Angular.

Train met korting met het STAP Budget

Alle trainingen van Master IT komen in aanmerking voor subsidie met het STAP Budget. Geef bij je aanmelding aan dat je gebruik wilt maken van het STAP-budget om €1000 korting te krijgen op jouw IT-training!

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:

  • Een goed overzicht krijgen van de syntax en gebruik van JavaScript
  • JavaScript-variabelen gebruiken
  • Formulieren valideren met javascript

Deze training bevat Engelstalig lesmateriaal en kan gegeven worden door een Nederlands- of Engelssprekende trainer.

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.

Lesmethode

Bij Master IT train je met onze unieke lesmethode Active Learning, hiermee leer je aantoonbaar effectiever!

Wij zjn er namelijk van overtuigd dat je slimmer en met meer plezier leert als je actief met je lesstof omgaat. Onze klassen zijn gevuld met maximaal 8 cursisten. Hierbij luister je niet passief naar een trainer, maar ga je interactief en 1-op-1 met de trainer aan de slag om ervoor te zorgen dat jouw leerdoelen behaald worden. De theorie maak je je zoveel mogelijk zelf eigen, de nadruk van de begeleiding ligt op het begrijpen en toepassen van die theorie in de praktijk. Zo leer je alleen datgene wat je echt nodig hebt.

  • Je bepaalt zelf je leertempo.
  • De trainer coacht je bij het definiëren van jouw leertraject.
  • Je onthoudt en begrijpt je nieuwe kennis beter.
  • Alles draait om toepassing van de stof in jouw praktijk.

Doelgroep

Deze training is bedoeld voor iedereen die JavaScript wil gebruiken bij het schrijven van Web pagina’s.Deze training is bedoeld voor iedereen die JavaScript wil gebruiken bij het schrijven van Web pagina’s.

Voorkennis

Voor deze training beheers je:

  • HTML
  • CSS wordt aanbevolen

Voor deze training beheers je:

  • HTML
  • CSS wordt aanbevolen

Onderdelen

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

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

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

(optioneel)
(optioneel)
(optioneel)
(optioneel)

Heb je nog vragen?

(optioneel)
We slaan je gegevens op om je via e-mail en evt. telefoon verder te helpen.
Meer info vind je in ons privacybeleid.