React.js Training - eLearning
450,00 EUR
- 50 hours
Deze React.js cursus is ontworpen voor beginners die een sterke basis willen leggen in het ontwikkelen van moderne webapplicaties met React.js, een van de populairste JavaScript bibliotheken. Deze cursus voorziet cursisten van de fundamentele vaardigheden en kennis om op efficiënte wijze dynamische, interactieve en responsieve gebruikersinterfaces te maken.
Belangrijkste kenmerken
Taal
Cursus & materiaal zijn in het Engels
Niveau
Beginner - gemiddeld voor aspirant software-ingenieurs
Toegang
1 jaar toegang tot het zelfstudie eLearning platform 24/7
14 uur aan videomateriaal
met een aanbevolen studieduur van 50 uur
Beoordelingen
2 Eindproject cursus
Geen examen
Er is geen examen voor de cursus, maar de student ontvangt een certificaat van voltooiing van de training

Leerresultaten
Aan het einde van deze React.js eLearning Cursus zul je in staat zijn om:
React en Redux
Leer 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.
Cursustijdlijn

Cursus Introductie
Les 01
- Wat is React
- De omgeving opzetten
Starten (GitHub Finder) en React instellen
Les 02
- Projectintroductie
- Een React-applicatie maken en de bestandsstructuur bekijken
- Create React App (CRA) Opruimen en voorbereiden
- Introductie tot JavaScript Syntax Extension (JSX) en Fragmenten
- Expressies en Conditionals in JSX
Componenten, Staten en Props
Les 03
- Lijsten en het doorgeven van een staat met Props
- Stateless Functionele Componenten
- HTTP-verzoeken afhandelen en staten bijwerken
- Spinnercomponent en refactoring
- Omgevingsvariabelen
Doorgeven van Props in React Router en meer
Les 04
- Evenementen en zoekcomponenten
- Props doorgeven naar boven en gebruikers zoeken
- Gebruikers uit uw staat verwijderen
- Het instellen van de waarschuwingstoestand en component
- Een React-router instellen
- Een enkel gebruikerscomponent en gegevens toevoegen
- Een gebruikerscomponent UI en lay-out maken
- Repositories en het Repoitem component
Refactoring Hooks en context API
Les 05
- Overzicht van hooks en context API
- Een Search-klasse gebruiken om te functioneren met de useState-hook
- Een User klasse gebruiken om te functioneren met de useEffect hook
- App klasse functiecomponent
- Implementeren van context API en het gebruik van de Reducer
- Reducers maken
- Gebruikerstoestand verplaatsen naar de context API
- Verplaatsen van repo's staat naar de context API
- Workflow voor het creëren van een waarschuwingscontext
- Het creëren van de home en NotFound componenten
- Voorbereiden en uitrollen naar Netlify
Mongo DB, Express, React en Node (MERN)
Les 06
- MongoDB Atlas instellen
- Afhankelijkheden creëren en een basis Express-server opzetten
- Backend-routes instellen
- MongoDB verbinden met de applicatie
Backend-gebruikerscontacten en JSON Web Token-authenticatie
Les 07
- Gebruikersmodel en validatie
- Wachtwoorden hashen en routes registreren
- Een JSON-webtoken aanmaken en hiermee reageren
- Een authenticatieroute creëren
- Authenticatiemiddleware en het beveiligen van routes
- Een contactmodel creëren en de route voor contacten verkrijgen
- Een contactroute toevoegen
- contacten bijwerken en routes verwijderen
De gebruikersinterface voor uw klant en contacten instellen
Les 08
- React en Concurrently instellen
- Instellen van opruiming, navigatiebalk en een router
- Contacten aanmaken, Context en een globale staat
- Het creëren van de contacten en contactitem componenten
- Een contact verwijderen uit de gebruikersinterface
- Huidige contacten instellen en verwijderen
- Acties toevoegen voor het bewerken en bijwerken van contacten
- Een contactfilterformulier en staat creëren
- Een eenvoudige toevoeg- en verwijderanimatie maken
Authenticatie met React of Express
Les 09
- Aanmaken van authenticatiecontext en initiële staat
- Registratie- en inlogformulieren maken
- Aanmaken van waarschuwingscontext, staten en componenten
- Een gebruikersregistratieformulier maken
- Een gebruiker laden en een token instellen
- Gebruikerslogin aanmaken
- Het maken van de uitlog- en navigatiebalkcomponenten
- Het aanmaken van het PrivateRoute component
Integreren en implementeren van de Contacts API
Les 10
- Contacten toevoegen aan de database
- Contacten ophalen en verwijderen
- Contacten verwijderen
- Contacten bijwerken
- Voorbereiden en implementeren op Heroku
Start IT Logger (Redux) componenten en gebruikersinterface
Les 11
- React en de JSON instellen
- Materialize CSS instellen
- Het creëren van de SearchBar en Logs componenten
- Het aanmaken van de Logitem en Preloader componenten
- Het creëren van de AddBtn en AddLogModal componenten
- De bewerk- en techmodaalcomponenten toevoegen
Redux Statusbeheer
Les 12
- Het opzetten van de redux store en provider
- Instellen van Logs Reducer, Acties en Types
- Redux verbinden met een component
- Toevoegen, Verwijderen, Bijwerken, Zoeken in logboeken
Technische Staat en zijn componenten
Les 13
- Technische reducers, acties en componenten
- Met behulp van het selectiecomponent
- Technici toevoegen
- Technici verwijderen

Wie zou zich moeten inschrijven voor dit programma?
Deze React.js certificeringscursus is ontworpen voor webontwikkelaars die UI/UX-oplossingen ontwerpen en bouwen voor mobiele en webapplicaties en die zo efficiënt mogelijk willen ontwerpen met React met behulp van een JavaScript-bibliotheek.
Vereisten: Je moet ervaring hebben met het bouwen van front-end webapplicaties met HTML, CSS en JavaScript.
Webontwikkelaars
Webontwerpers
Full-stack ontwikkelaar
Mobiele ontwikkelaar
Verklaringen
Licenties en accreditatie
De React.Js certificeringstraining wordt aangeboden door Simplilearn volgens de Partner Programma Overeenkomst en voldoet aan de vereisten van de Licentieovereenkomst. AVC promoot deze cursus namens Simplilearn.
Gelijkheidsbeleid
Simplilearn biedt geen accommodatie vanwege een handicap of medische aandoening van studenten. Kandidaten worden aangemoedigd om contact op te nemen met AVC voor begeleiding en ondersteuning gedurende het accommodatieproces.
Veelgestelde Vraag

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!