React.js opplæring - eLearning

4.900,00 NOK

  • 50 timer
eLæring

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

Hero

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.

Hero

Kursplan

  1. Kursintroduksjon

    Leksjon 01

    • Hva er React
    • Sette opp miljøet
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. Teknikerstaten og dens komponenter

    Leksjon 13

    • Teknologiredusere, handlinger og komponenter
    • Bruke valgkomponenten
    • Legger til teknikere
    • Sletter teknikere
React.js-kurs

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

Start kurset nå

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!

Contact background

Trenger du en skreddersydd bedriftsintern opplæring eller gruppeopplæring?

Be om et bedriftsinternt opplæringsprogram som er skreddersydd spesielt for teamet ditt. Vi tilbyr fleksible tilpasningsmuligheter i tråd med forretningsmålene dine, samt konkurransedyktige gruppepriser for større team. Fyll ut skjemaet nedenfor, så utformer ekspertene våre innen bedriftsopplæring den perfekte løsningen for deg.