React.js-kursus - Blended Learning (Live virtuelt klasseværelse + e-læring)
3.900,00 DKK
- 30 hours
AVC's React.js-træningskursus vil hjælpe dig med at mestre grundlæggende om React – et afgørende web-framework til udvikling af brugergrænseflader – herunder JSX, props, state og events. Dette træningskursus går i dybden med Redux, herunder reducere, actions og state-træet.
Levende Virtuel Klasse Pensum
ES6
Lektion 01
- Introduktion
- Array hjælpemetoder
- Let og Const
- Skabelonlitteraler
- Pilfunktioner
- Standardfunktionsparametre
- Rest og Spread
- Dekonstruktion
- Klasser
- Løfter
- Hent
Grundlæggende om React
Lektion 02
- Hvorfor React?
- Gengivelse af brugergrænseflade
- Komponenter
- Komponentlivscyklus-begivenheder
- Formularer
- Komponentinteraktion
- React Router
Introduktion til Redux
Lektion 03
- Hvorfor Redux?
- Kernekoncepter i Redux
React & Redux
Lektion 04
- React Redux Node-pakken
- Udbyderkomponent
- Forbindelse af React-komponenter med Redux Store
- Reducer-sammensætning
- Normalisering: Punkter at huske på, når man designer et Redux-lager
- Redux Middleware
eLearning pensum
Kursusintroduktion
Lektion 01
- Velkommen til kurset
- Kursus & Projektoversigt
Kom godt i gang
Lektion 02
- Hvad er React
- Miljøopsætning
- ES6 Genopfriskning - Del 1
- ES6 Genopfriskning - Del 2
- ES6 Genopfriskning - Del 3
- Create React App kontra manuel opsætning
- Installation & brug af kommandolinjeværktøjet
- Et kig på de oprindelige React-filer og hvordan de fungerer
Komponenter, JSX & Props
Lektion 03
- Tænkning i komponenter
- Hvad er JSX
- JSX-udtryk
- Oprettelse af din første komponent
- Funktionelle komponenter
- Arbejde med egenskaber
- Typekontrol med PropTypes
- CSS i React
- Tilføjer Bootstrap
State & Context API'en
Lektion 04
- Ændring af tilstand fra en anden komponent
- Brug af Context API & Provider State
- Tilføjelse af en kontekstreducer for handlinger
- Oprettelse af stat
- Begivenheder i React
- Ændring af tilstand
Arbejde med formularer
Lektion 05
- Oprettelse af en formular med tilstand
- Kontrollerede komponenter & onChange
- TextInputGroup-komponent til DRY-kode
- Ukontrollerede komponenter & refs
- Formularindsendelseshandling til kontekst
- Fejlkontrol & visning
React Router v4
Lektion 06
- Opsætning af React Router
- Links, Parametre & Omdirigering
- 404 Siden blev ikke fundet
Livscyklus, HTTP & Udrulning
Lektion 07
- Livscyklusmetoder
- GET-forespørgsler
- POST & DELETE-anmodninger
- Brug af AsyncAwait
- RedigerKontakt Komponent & Hent Kontakt
- PUT-forespørgsel & opdateringshandling
- Udrul til Github Pages
Læring af Redux
Lektion 08
- En bemærkning om Redux
- Startpunkt for Redux-app
- Opsætning af Redux Store & Kontakt Reducer
- Forbindelse af komponenter & afsendelse af handlinger
- Oprettelse af en separat handlingsfil
- Slet & Tilføj Kontakt Handling
Redux Thunk & HTTP
Lektion 09
- GET-forespørgselsafsendelse
- POST & DELETE-anmodningsforsendelse
- Hent enkelt kontakt til redigering
- PUT-forespørgsel & ekspedition
- Udrul til Apache
Klientpanel Firebase-projekt - Del 1
Lektion 10
- App-introduktion & demo F
- Opsætning af Firebase Firestore
- Opsætning & AppNavbar-komponent
- Dashboard, Sidebar & Klientkomponent
- Opsætning af React-Redux-Firebase
- Forbind klientkomponenten til Firestore
- Tilføj klient til Firestore
- Klientdetaljer Komponent
- Saldoopdatering & Sletning
- Rediger klient i Firestore
Klientpanel Firebase Projekt - Del 2
Lektion 11
- Login-funktionalitet
- Logud & Opdatering af Navigationsbjælke
- Rutebeskyttelse
- Underret Stat & Alarm Komponent
- Indstillinger Reducer & Handlinger
- Indstillingskomponent
- Gem indstillinger i LocalStorage
- Implementering af indstillinger
- Registrer funktionalitet
- Udrul til Firebase
Opbygning af en eventfinder-app i React
Afsluttende kursusprojekt
Byg en React-app, hvor brugere kan se og fremme kommende begivenheder, opsæt en JSON-server til testning indtil backend-API'er er klar, og håndter til sidst tilstanden ved hjælp af Redux.
Læringsresultater
Ved afslutningen af dette React.js e-læringskursus vil du være i stand til at:
React og Redux
Lær hvordan man bygger fantastiske single-page applikationer med React og Redux
Strukturering af Redux
Lær og anvend grundlæggende koncepter bag strukturering af Redux-applikationer
Sammensætbare komponenter
Indse og værdsæt kraften i at bygge sammensætbare komponenter
NPM, Babel og ES6
Forstå og brug NPM, Babel og ES6 JavaScript-syntax.
Vigtige funktioner
52 timer med blandet læring
30 timers instruktørledet undervisning
Et virkeligt afslutningsprojekt på et kursus
Fleksibilitet til at vælge klasser
Brancheanerkendt kursusbevis
Hvem bør tilmelde sig dette program?
For at følge dette kursus skal du have erfaring med at bygge front-end webapplikationer med HTML, CSS og JavaScript. Dette React.js certificeringskursus er designet til webudviklere, der designer og bygger brugergrænseflader og brugeroplevelsesløsninger til mobile og webapplikationer og ønsker at designe med React så effektivt som muligt ved hjælp af et JavaScript-bibliotek.
Webudviklere
Webdesignere
Full-stack-udvikler
Mobiludvikler
Har du brug for virksomhedsløsninger eller LMS-integration?
Fandt du ikke kurset eller programmet, der ville være til gavn for din virksomhed? Har du brug for LMS-integration? Skriv til os, vi løser alt!