React.js kursus - eLearning
3.900,00 DKK
- 50 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.
Vigtige funktioner
Sprog
Kurset og materialet er på engelsk
Niveau
Begynder - mellemniveau for aspirerende softwareingeniør
Adgang
1 års adgang til den selvstyrende e-læringsplatform 24/7
14 timers videoindhold
med anbefalet studietid på 50 timer
MEAN Stack virtuelt laboratorium inkluderet
2 Afsluttende projektforløb
Ingen eksamen
Ingen eksamen for kurset, men studerende vil få et bevis for gennemført uddannelse
Læringsresultater
Ved afslutningen af dette React.js e-læringskursus vil du være i stand til at:
React og Redux
Vid 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.
Kursusplan
Kursusintroduktion
Lektion 01
- Hvad er react
- Opsætning af miljøet
Starter (GitHub Finder) og opsætter React
Lektion 02
- Projektintroduktion
- Oprettelse af en React-applikation og visning af filstrukturen
- Oprydning og forberedelse af Create React App (CRA)
- Introduktion til JavaScript Syntax Extension (JSX) og Fragments
- Udtryk og betingelser i JSX
Komponenters tilstande og egenskaber
Lektion 03
- Lister og videregivelse af en tilstand med props
- Stateless funktionelle komponenter
- Håndtering af HTTP-anmodninger og opdatering af tilstande
- Spinner-komponent og refaktorering
- Miljøvariabler
Event Passing Props React Router og Mere
Lektion 04
- Begivenheder og søgekomponenter
- Videresendelse af props opad og søgning efter brugere
- Fjernelse af brugere fra din tilstand
- Opsætning af alarmtilstand og komponent
- Opsætning af en React-router
- Tilføjelse af en enkelt brugerkomponent og data
- Oprettelse af et brugerkomponent UI og layout
- Repos og Repoitem-komponenten
Refaktorering af Hooks og context API
Lektion 05
- Oversigt over hooks og context API
- Ved at bruge en Search-klasse til at fungere med use state hook
- Ved at bruge en User klasse til at fungere med use effect hook
- App klasse funktionskomponent
- Implementering af context API og brug af Reduceren
- Oprettelse af reducere
- Flytter brugerstatus til context API
- Flytter repos tilstand til context API'et
- Oprettelse af arbejdsgang for alarmeringskontekst
- Oprettelse af hjem- og NotFound-komponenterne
- Forbereder og udruller til Netlify
Mongo DB express React og Node (MERN)
Lektion 06
- Opsætning af MongoDB atlas
- Oprettelse af afhængigheder og en basal Express-server
- Opsætning af backend-ruter
- Forbinder MongoDB til applikationen
Backend-brugerkontakter og JSON web Token-godkendelse
Lektion 07
- Brugermodel og validering
- Hashing af adgangskoder og registrering af ruter
- Oprettelse og respons med en JSON web token
- Oprettelse af en autentificeringsrute
- Autentificeringsmiddleware og beskyttelse af ruter
- Oprettelse af en kontaktmodel og hentning af kontaktruten
- Tilføjelse af en kontaktvej
- opdaterer kontakter og sletter ruter
Opsætning af din klient og kontaktbrugergrænseflade
Lektion 08
- Opsætning af react og concurrently
- Opsætning af oprydning, navigationsbjælke og en router
- Oprettelse af kontakter, kontekst og en global tilstand
- Oprettelse af kontakter og kontaktitem-komponenter
- Sletning af en kontakt fra brugergrænsefladen
- Indstilling og fjernelse af nuværende kontakter
- Tilføjelse af handlinger for redigering og opdatering af kontakter
- Oprettelse af et kontaktfilterformular og tilstand
- Oprettelse af en grundlæggende tilføj og slet animation
React eller Express-godkendelse
Lektion 09
- Oprettelse af godkendelseskontekst og initial tilstand
- Oprettelse af registrerings- og loginformularer
- Oprettelse af alarmkontekst, tilstande og komponenter
- Oprettelse af en brugerregistreringsformular
- Indlæser en bruger og indstiller en token
- Oprettelse af brugerlogin
- Oprettelse af logout- og Navbar-komponenterne
- Oprettelse af PrivateRoute-komponenten
Integration og udrulning af Contacts API
Lektion 10
- Tilføjelse af kontakter til databasen
- Hentning og sletning af kontakter
- Sletter kontakter
- Opdaterer kontakter
- Forbereder og udruller til Heroku
Start IT Logger (Redux) komponenter og brugergrænseflade
Lektion 11
- Opsætning af React og JSON
- Opsætning af Materialize CSS
- Oprettelse af SearchBar og Logs komponenterne
- Oprettelse af Logitem- og Preloader-komponenterne
- Oprettelse af AddBtn- og AddLogModal-komponenterne
- Tilføjelse af redigerings- og Tech Modal-komponenterne
Redux tilstandsstyring
Lektion 12
- Opsætning af redux store og provider
- Opsætning af Logs Reducer, Actions og Typer
- Forbinder Redux til en komponent
- Tilføjelse, sletning, opdatering, søgning i logfiler
Teknikerstaten og dens komponenter
Lektion 13
- Teknologier reducer, handlinger og komponenter
- Ved brug af komponenten til valg
- Tilføjelse af teknikere
- Sletter teknikere
Hvem bør tilmelde sig dette program?
Dette React.js certificeringskursus er designet til webudviklere, der designer og bygger UI/UX-løsninger til mobil- og webapplikationer og ønsker at designe så effektivt som muligt med React ved hjælp af et JavaScript-bibliotek.
Forudsætninger: Du skal have erfaring med at bygge front-end webapplikationer med HTML, CSS og JavaScript.
Webudviklere
Webdesignere
Full-stack-udvikler
Mobiludvikler
Udsagn
Licensgivning og akkreditering
React.Js-certificeringstræningskurset udbydes af Simplilearn i henhold til Partner Program-aftalen og overholder kravene i licensaftalen. AVC promoverer dette kursus på vegne af Simplilearn.
Egenkapitalpolitik
Simplilearn tilbyder ikke indkvartering på grund af en handicap eller medicinsk tilstand hos nogen studerende. Kandidater opfordres til at kontakte AVC for vejledning og støtte gennem hele tilpasningsprocessen.
Ofte stillede spørgsmål
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!