React.js Training - Gemengd Leren (Live Virtueel Klassikaal + eLearning)
450,00 EUR
- 30 hours
De React.js Trainingscursus van AVC helpt je de basisprincipes van React te beheersen—een essentieel webframework voor het ontwikkelen van gebruikersinterfaces—waaronder JSX, props, state en events. Deze trainingscursus gaat dieper in op Redux, met aandacht voor reducers, actions en de state tree.
Curriculum voor Live Virtueel Klaslokaal
ES6
Les 01
- Inleiding
- Hulpmethoden voor Arrays
- Let en Const
- Sjabloonliteralen
- Pijlfuncties
- Standaard Functieparameters
- Rust en Spreiding
- Destructureren
- Lessen
- Beloften
- Haal
Fundamenten van React
Les 02
- Waarom React?
- UI renderen
- Componenten
- Component Levenscyclus Gebeurtenissen
- Formulieren
- Componentinteractie
- React Router
Introductie tot Redux
Les 03
- Waarom Redux?
- Kernconcepten van Redux
React & Redux
Les 04
- Het React Redux Node Pakket
- Aanbieder Component
- React-componenten verbinden met Redux Store
- Reducer Samenstelling
- Normalisatie: Aandachtspunten bij het Ontwerpen van een Redux Store
- Redux Middleware
Curriculum eLearning
Cursus Introductie
Les 01
- Welkom bij de cursus
- Cursus & Projecten Overzicht
Aan de slag
Les 02
- Wat is React
- Omgevingsconfiguratie
- Opfriscursus ES6 - Deel 1
- Opfriscursus ES6 - Deel 2
- Opfriscursus ES6 - Deel 3
- Create React App versus handmatige configuratie
- Installeren & Gebruiken van de CLI
- Een blik op de initiële React-bestanden & hoe ze werken
Componenten, JSX & Props
Les 03
- Denken in componenten
- Wat is JSX
- JSX-uitdrukkingen
- Je eerste component maken
- Functionele Componenten
- Werken met Props
- Typechecking met PropTypes
- CSS in React
- Bootstrap toevoegen
State & De Context API
Les 04
- De staat veranderen vanuit een ander component
- Gebruik van de Context API & Provider State
- Een context reducer toevoegen voor acties
- Staat creëren
- Gebeurtenissen in React
- Veranderende Staat
Werken met formulieren
Les 05
- Een formulier met staat creëren
- Gecontroleerde Componenten & onChange
- TextInputGroup-component voor DRY-code
- Ongecontroleerde Componenten & Referenties
- Formulier Verzend Actie Naar Context
- Foutcontrole & Weergave
React Router v4
Les 06
- Instellen van React Router
- Links, Parameters & Doorverwijzing
- 404 Pagina niet gevonden
Levenscyclus, HTTP & Implementatie
Les 07
- Levenscyclusmethoden
- GET-verzoeken
- POST- en DELETE-verzoeken
- Gebruikmakend van AsyncAwait
- EditContact Component & Contact Ophalen
- PUT-verzoek & Bijwerkactie
- Publiceren op Github Pages
Redux leren
Les 08
- Een Opmerking Over Redux
- Startpunt van de app voor Redux
- Opzetten van Redux Store & Contact Reducer
- Componenten verbinden & Acties versturen
- Een apart actiebestand aanmaken
- Actie Contact Verwijderen & Toevoegen
Redux Thunk & HTTP
Les 09
- GET-verzoek Verzenden
- POST & DELETE Verzoek Verzending
- Enkel contact ophalen voor bewerking
- PUT-verzoek & Verzending
- Implementeren op Apache
Klantenpaneel Firebase Project - Deel 1
Les 10
- App Introductie & Demo F
- Firebase Firestore Configuratie
- Setup & AppNavbar Component
- Dashboard, Zijbalk & Klantenonderdeel
- Opzetten van React-Redux-Firebase
- Koppel Cliënten Component Aan Firestore
- Klant Toevoegen Aan Firestore
- Klantgegevens Component
- Balans bijwerken & verwijderen
- Klant Bewerken In Firestore
Klantenpaneel Firebase Project - Deel 2
Les 11
- Inlogfunctionaliteit
- Uitloggen & Navigatiebalk bijwerken
- Routebescherming
- Melding Staat & Alarm Component
- Instellingen Reducer & Acties
- Instellingencomponent
- Instellingen in LocalStorage opslaan
- Instellingen implementeren
- Registratiefunctie
- Implementeren op Firebase
Een evenementenzoek-app bouwen in React
Eindproject Cursus
Bouw een React-app waar gebruikers aankomende evenementen kunnen bekijken en promoten, zet een JSON-server op voor testen totdat de backend API's klaar zijn, en beheer ten slotte de staat met Redux.
Leerresultaten
Aan het einde van deze React.js eLearning Cursus zult u in staat zijn om:
React en Redux
Weet hoe je geweldige single-page applicaties kunt bouwen met React en Redux
Structureren van Redux
Leer en pas fundamentele concepten toe achter het structureren van Redux-applicaties
Samenstelbare componenten
Besef en waardeer de kracht van het bouwen van samenstelbare componenten
NPM, Babel en ES6
Begrijp en gebruik NPM, Babel en ES6 JavaScript-syntax.
Belangrijkste kenmerken
52 uur Blended Learning
30 uur instructeur geleide training
Eén echt praktijkgericht eindproject
Flexibiliteit om lessen te kiezen
Branche-erkend cursusvoltooiingscertificaat
Wie zou zich moeten inschrijven voor dit programma?
Voor deze cursus moet je ervaring hebben met het bouwen van front-end webapplicaties met HTML, CSS en JavaScript. Deze React.js certificeringscursus is ontworpen voor webontwikkelaars die UI/UX oplossingen ontwerpen en bouwen voor mobiele en web apps en die zo efficiënt mogelijk met React willen ontwerpen met behulp van een JavaScript-bibliotheek.
Webontwikkelaars
Webontwerpers
Full-stack ontwikkelaar
Mobiele ontwikkelaar
Heb je en zakelijke oplossing of LMS-integratie nodig?
Heb je niet de cursus of het programma gevonden dat geschikt zou zijn voor jouw bedrijf? Heb je een LMS-integratie nodig? Neem contact met ons op! Wij zullen met een passende oplossing komen!