React.js Training - Blended Learning (Live Virtuelt Klasserom + eLearning)
4.900,00 NOK
- 30 hours
AVCs React.js treningskurs vil hjelpe deg med å mestre grunnleggende om React – et viktig rammeverk for utvikling av brukergrensesnitt – inkludert JSX, props, state og hendelser. Dette treningskurset går dypere inn i Redux, og dekker reducere, handlinger og tilstandstreet.
Levende virtuell klasse pensum
ES6
Leksjon 01
- Introduksjon
- Hjelpemetoder for matriser
- La og Konst
- Malliteraler
- Pilfunksjoner
- Standardverdier for funksjonsparametere
- Rest og Spread
- Destrukturering
- Klasser
- Løfter
- Hent
Grunnleggende om React
Leksjon 02
- Hvorfor React?
- Gjengivelse av brukergrensesnitt
- Komponenter
- Komponent livssyklushendelser
- Skjemaer
- Komponentinteraksjon
- React Router
Introduksjon til Redux
Leksjon 03
- Hvorfor Redux?
- Kjernekonsepter i Redux
React & Redux
Leksjon 04
- React Redux Node-pakken
- Leverandørkomponent
- Koble React-komponenter med Redux-lageret
- Reduser Sammensetning
- Normalisering: Punkter å huske på når man utformer en Redux-lager
- Redux Mellomvare
eLearning Pensum
Kursintroduksjon
Leksjon 01
- Velkommen til kurset
- Kurs- og prosjektoversikt
Komme i gang
Leksjon 02
- Hva er React
- Miljøoppsett
- ES6 Oppfriskningskurs - Del 1
- ES6 Oppfriskningskurs - Del 2
- ES6 Oppfriskningskurs - Del 3
- Oppsett av Create React App kontra manuelt oppsett
- Installere og bruke kommandolinjegrensesnittet
- En titt på de første React-filene og hvordan de fungerer
Komponenter, JSX & Props
Leksjon 03
- Tenke i komponenter
- Hva er JSX
- JSX-uttrykk
- Opprette din første komponent
- Funksjonelle Komponenter
- Arbeide med props
- Typekontroll med PropTypes
- CSS i React
- Legge til Bootstrap
State & Context-APIen
Leksjon 04
- Endre tilstand fra en annen komponent
- Bruke Context API & Provider State
- Legge til en kontekstreduksjon for handlinger
- Opprette tilstand
- Hendelser i React
- Endre tilstand
Arbeide med skjemaer
Leksjon 05
- Opprette et skjema med tilstand
- Kontrollerte Komponenter & onChange
- TextInputGroup-komponent for DRY-kode
- Ukontrollerte Komponenter & Refs
- Skjemainnsendingshandling til kontekst
- Feilsjekking og visning
React Router v4
Leksjon 06
- Oppsett av React Router
- Lenker, Parametere & Omdirigering
- 404 Siden ble ikke funnet
Livssyklus, HTTP og utrulling
Leksjon 07
- Livssyklusmetoder
- GET-forespørsler
- POST- og DELETE-forespørsler
- Bruke AsyncAwait
- RedigerKontakt-komponent & Hent Kontakt
- PUT-forespørsel og oppdateringshandling
- Publiser til Github Pages
Lære Redux
Leksjon 08
- En merknad om Redux
- App Startpunkt For Redux
- Oppsett av Redux-lager & Kontakt-reducer
- Koble sammen komponenter & utløse handlinger
- Opprette en separat handlingsfil
- Slett og legg til kontakt-handling
Redux Thunk & HTTP
Leksjon 09
- GET-forespørsel sending
- POST- og DELETE-forespørselsutsendelse
- Hent enkel kontakt for redigering
- PUT-forespørsel og utsendelse
- Distribuer til Apache
Klientpanel Firebase-prosjekt - Del 1
Leksjon 10
- App-introduksjon & Demo F
- Oppsett av FirebaseFirestore
- Oppsett & AppNavbar-komponent
- Dashbord, Sidefelt & Klientkomponent
- Oppsett av React-Redux-Firebase
- Koble klientkomponenten til Firestore
- Legg til klient i Firestore
- Klientdetaljer-komponent
- Saldooppdatering og sletting
- Rediger klient i Firestore
Klientpanel Firebase-prosjekt - Del 2
Leksjon 11
- Innloggingsfunksjonalitet
- Logg ut & Oppdater navigasjonslinje
- Rutebeskyttelse
- Varsle tilstand og alarmkomponent
- Innstillinger Reducer & Handlinger
- Innstillingskomponent
- Lagre innstillinger i lokal lagring
- Implementere innstillinger
- Registrer Funksjonalitet
- Distribuer til Firebase
Bygge en event-finner-app i React
Sluttoppgave for kurset
Bygg en React-applikasjon der brukere kan se og fremme kommende arrangementer, sett opp en JSON-server for testing inntil backend API-ene er klare, og til slutt håndtere tilstanden ved hjelp av Redux.
Læringsutbytte
Ved slutten av dette e-læringskurset i React.js vil du være i stand til å:
React og Redux
Forstå hvordan du kan bygge fantastiske enkeltsideapplikasjoner med React og Redux
Strukturering av Redux
Forstå og bruke grunnleggende konsepter bak strukturering av Redux-applikasjoner
Sammensetningsbare komponenter
Innse og verdsette kraften i å bygge sammenkoblede komponenter
NPM, Babel og ES6
Forstå og bruke NPM, Babel og ES6 JavaScript-syntaks.
Nøkkelfunksjoner
52 timer med kombinert læring
30 timer med instruktørledet opplæring
Ett prosjekt ved slutten av et virkelighetsnært kurs
Fleksibilitet til å velge klasser
Kursbevis anerkjent av industrien
Hvem bør melde seg på dette programmet?
For dette kurset må du ha erfaring med å bygge front-end webapplikasjoner med HTML, CSS og JavaScript. Dette React.js-sertifiseringskurset er designet for webutviklere som designer og bygger UI/UX-løsninger for mobil- og webapplikasjoner og ønsker å designe så effektivt som mulig med React ved bruk av et JavaScript-bibliotek.
Nettutviklere
Nettdesignere
Full-stack utvikler
Mobilutvikler
Trenger du bedriftsløsning eller LMS-integrasjon?
Fant du ikke kurset eller programmet som ville være passende for din bedrift? Trenger du LMS-integrasjon? Ta kontakt med oss! Vi er agile og løser alt!