React.js opplæring - eLearning
4.900,00 NOK
- 50 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.
Nøkkelfunksjoner
Språk
Kurset og materialet er på engelsk
Nivå
Nybegynner - mellomnivå for håpefulle programvareingeniører
Tilgang
1 års tilgang til den selvstyrte studie e-læringsplattformen 24/7
14 timer med videomateriale
med anbefalt studietid på 50 timer
MEAN Stack virtuelt laboratorium inkludert
2 Avsluttende prosjektkurs
Ingen eksamen
Ingen eksamen for kurset, men studenten vil få et kursbevis for fullført opplæring
Læringsutbytte
Ved slutten av dette e-læringskurset i React.js vil du være i stand til å:
React og Redux
Lær hvordan du kan bygge fantastiske enkeltsideapplikasjoner med React og Redux
Strukturering av Redux
Lær og bruk grunnleggende konsepter bak strukturering av Redux-applikasjoner
Sammensetningsbare komponenter
Innse og sett pris på kraften i å bygge sammenkoblede komponenter
NPM, Babel, og ES6
Forstå og bruk NPM, Babel og ES6 JavaScript-syntaks.
Kursplan
Kursintroduksjon
Leksjon 01
- Hva er React
- Sette opp miljøet
Starter (GitHub Finder) og setter opp React
Leksjon 02
- Prosjektintroduksjon
- Å opprette en React-applikasjon og se på filstrukturen
- Opprydding og forberedelse av Create React App (CRA)
- Introduksjon til JavaScript Syntax Extension (JSX) og Fragmenter
- Uttrykk og betingelser i JSX
Komponenters tilstand og egenskaper
Leksjon 03
- Lister og å sende en tilstand med props
- Funksjonelle komponenter uten tilstand
- Håndtering av HTTP-forespørsler og oppdatering av tilstander
- Spinner-komponent og refaktorering
- Miljøvariabler
Hendelsesoverføring Props React Router og mer
Leksjon 04
- Hendelser og søkekomponenter
- Sende props oppover og søke etter brukere
- Fjerne brukere fra din tilstand
- Setter opp varslingstilstand og komponent
- Sette opp en React-ruter
- Legge til en enkelt brukerkomponent og data
- Opprette et brukerkomponentgrensesnitt og layout
- Repos og Repoitem-komponenten
Refaktorering av Hooks og context API
Leksjon 05
- Oversikt over hooks og context API
- Bruke en søkeklasse for å fungere med useState-kroken
- Bruke en User-klasse til å fungere med useEffect-hook
- App klasse funksjonskomponent
- Implementering av kontekst-API og bruk av Reducer
- Opprette reduksjonsfunksjoner
- Flytter brukerstatus til kontekst-APIen
- Flytter repos-tilstand til context API
- Opprette arbeidsflyt for varselskontekst
- Opprette hjem- og IkkeFunnet-komponentene
- Forbereder og distribuerer til Netlify
Mongo DB, Express, React og Node (MERN)
Leksjon 06
- Konfigurere MongoDB Atlas
- Opprette avhengigheter og en grunnleggende Express-server
- Konfigurere backend-ruter
- Koble MongoDB til applikasjonen
Backend-brukerkontakter og JSON web Token-autentisering
Leksjon 07
- Brukermodell og validering
- Hashe passord og registrere ruter
- Opprette og respondere med en JSON web token
- Opprette en autentiseringsrute
- Autentiserings-middleware og beskyttelse av ruter
- Opprette en kontaktmodell og få kontaktveien
- Legge til en kontaktrute
- oppdaterer kontakter og sletter ruter
Konfigurere brukergrensesnittet for klient og kontakter
Leksjon 08
- Sette opp React og Concurrently
- Konfigurere opprydding, navigasjonslinje, og en ruter
- Opprette kontakter, kontekst og en global tilstand
- Opprette kontaktene og kontaktitem-komponentene
- Slette en kontakt fra brukergrensesnittet
- Å sette og fjerne gjeldende kontakter
- Legge til handlinger for redigering og oppdatering av kontakter
- Opprette et kontaktfilterskjema og tilstand
- Lage en grunnleggende animasjon for å legge til og slette
React eller Express-autentisering
Leksjon 09
- Oppretter autentiseringskontekst og initial tilstand
- Opprette registrerings- og innloggingsskjemaer
- Oppretter varslingskontekst, tilstander og komponenter
- Opprette et brukerregistreringsskjema
- Laster inn en bruker og setter en token
- Oppretter brukerinnlogging
- Opprette utloggings- og navigasjonslinjekomponentene
- Opprette PrivateRoute-komponenten
Integrere og distribuere Contacts API
Leksjon 10
- Legger til kontakter i databasen
- Hente og fjerne kontakter
- Sletter kontakter
- Oppdaterer kontakter
- Forbereder og distribuerer til Heroku
Start IT-logger (Redux) komponenter og brukergrensesnitt
Leksjon 11
- Konfigurere React og JSON
- Sette opp Materialize CSS
- Opprette SearchBar og Logs-komponentene
- Opprette Logitem- og Preloader-komponentene
- Opprette AddBtn- og AddLogModal-komponentene
- Legger til redigerings- og teknologimodal-komponentene
Redux tilstandshåndtering
Leksjon 12
- Sette opp redux-lageret og tilbyderen
- Konfigurering av loggereduser, handlinger og typer
- Koble Redux til en komponent
- Legge til, slette, oppdatere, søke i logger
Teknikerstaten og dens komponenter
Leksjon 13
- Teknologiredusere, handlinger og komponenter
- Bruke valgkomponenten
- Legger til teknikere
- Sletter teknikere
Hvem bør melde seg på dette programmet?
Dette React.js sertifiseringskurset er utformet for webutviklere som designer og bygger UI/UX-løsninger for mobil- og webapplikasjoner og som ønsker å designe så effektivt som mulig med React ved bruk av et JavaScript-bibliotek.
Forutsetninger: Du må ha erfaring med å bygge front-end webapplikasjoner med HTML, CSS og JavaScript.
Nettutviklere
Nettdesignere
Full-stack utvikler
Mobilutvikler
Uttalelser
Lisensiering og akkreditering
React.Js-sertifiseringstrening tilbys av Simplilearn i henhold til Partner Program Agreement og overholder kravene i lisensavtalen. AVC promoterer dette kurset på vegne av Simplilearn.
Egenkapitalpolitikk
Simplilearn tilbyr ikke tilrettelegging på grunn av en funksjonshemming eller medisinsk tilstand hos noen studenter. Kandidater oppfordres til å kontakte AVC for veiledning og støtte gjennom tilretteleggingsprosessen.
Ofte stilte spørsmål
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!