React.js Training - Blandat lärande (Live virtuellt klassrum + eLearning)
4.900,00 SEK
- 30 hours
AVC:s React.js-utbildningskurs kommer att hjälpa dig att bemästra grunderna i React – ett viktigt webbramverk för att utveckla användargränssnitt – inklusive JSX, props, state och events. Denna utbildningskurs går djupare in på Redux, som täcker reducers, actions och state-trädet.
Läroplan för virtuell liveundervisning
ES6
Lektion 01
- Introduktion
- Hjälpmetoder för arrayer
- Let och Const
- Mallsträngar
- Pilfunktioner
- Standardparametrar för funktioner
- Vila och spridning
- Dekonstruering
- Klasser
- Löften
- Hämta
Grundläggande om React
Lektion 02
- Varför React?
- Rendera gränssnitt
- Komponenter
- Komponentlivscykelhändelser
- Formulär
- Komponentinteraktion
- React Router
Introduktion till Redux
Lektion 03
- Varför Redux?
- Grundläggande koncept för Redux
React & Redux
Lektion 04
- React Redux Node-paketet
- Leverantörskomponent
- Koppla samman React-komponenter med Redux Store
- Reducer-sammansättning
- Normalisering: Punkter att ha i åtanke när man utformar en Redux-lagring
- Redux-middleware
e-läroplan
Kursintroduktion
Lektion 01
- Välkommen till kursen
- Kurs- och projektöversikt
Kom igång
Lektion 02
- Vad är React
- Miljöinställningar
- ES6-uppfräschning - Del 1
- ES6 Uppfräschning - Del 2
- ES6 Uppfräschning - Del 3
- Skapa React App jämfört med manuell installation
- Installera & Använda CLI
- En titt på de inledande React-filerna & hur de fungerar
Komponenter, JSX & Props
Lektion 03
- Tänkande i komponenter
- Vad är JSX
- JSX-uttryck
- Skapa din första komponent
- Funktionella Komponenter
- Arbeta med props
- Typkontroll med PropTypes
- CSS i React
- Lägga till Bootstrap
State & Context-API:t
Lektion 04
- Ändra tillstånd från en annan komponent
- Använda Context API & Provider State
- Lägga till en kontextminskare för handlingar
- Skapa tillstånd
- Händelser i React
- Förändrar tillstånd
Arbeta med formulär
Lektion 05
- Skapa ett formulär med tillstånd
- Kontrollerade komponenter & onChange
- TextInputGroup-komponent för DRY-kod
- Okontrollerade komponenter & referenser
- Formulär Skicka Åtgärd Till Sammanhang
- Felsökning & Visning
React Router v4
Lektion 06
- Installation av React Router
- Länkar, Parametrar & Omdirigering
Livscykel, HTTP & Driftsättning
Lektion 07
- Livscykelmetoder
- GET-förfrågningar
- POST- & DELETE-förfrågningar
- Använda AsyncAwait
- Redigera Kontakt-komponent & Hämta Kontakt
- PUT-begäran & Uppdateringsåtgärd
- Publicera till Github Pages
Att lära sig Redux
Lektion 08
- En notering om Redux
- Startpunkt för Redux-appen
- Redux Store-konfiguration & Kontaktreducerare
- Ansluta komponenter & skicka handlingar
- Skapa en separat åtgärdsfil
- Radera & Lägg till kontaktåtgärd
Redux Thunk & HTTP
Lektion 09
- GET-begäran skickad
- POST- & DELETE-begäran sändning
- Hämta enskild kontakt för redigering
- PUT-begäran & Utskick
- Distribuera till Apache
Klientpanel Firebase-projekt - Del 1
Lektion 10
- App-introduktion & Demo F
- Konfiguration av Firebase Firestore
- Installation & AppNavbar-komponent
- Instrumentpanel, Sidopanel & Klientkomponent
- Installation av React-Redux-Firebase
- Anslut klientkomponenten till Firestore
- Lägg till klient i Firestore
- Komponent för kunduppgifter
- Saldo uppdatering & radering
- Redigera klient i Firestore
Klientpanel Firebase-projekt - Del 2
Lektion 11
- Inloggningsfunktionalitet
- Utloggning & Uppdatering av Navigeringsfält
- Ruttskydd
- Meddela tillstånd & larmkomponent
- Inställningar Reducer & Åtgärder
- Inställningskomponent
- Spara inställningar i LocalStorage
- Implementera inställningar
- Registreringsfunktionalitet
- Distribuera till Firebase
Bygga en händelsesökare-app i React
Slutprojekt för kursen
Bygg en React-app där användare kan se och främja kommande evenemang, sätt upp en JSON-server för testning tills backend-API:er är redo, och hantera till sist tillståndet med Redux.
Lärandemål
I slutet av denna e-lärningskurs i React.js kommer du att kunna:
React och Redux
Lär dig att bygga fantastiska enkelsidiga applikationer med React och Redux
Strukturera Redux
Lär dig och tillämpa grundläggande koncept bakom strukturering av Redux-applikationer
Sammansättbara komponenter
Förstå och uppskatta kraften i att bygga sammanställbara komponenter
NPM, Babel och ES6
Förstå och använda NPM, Babel och ES6 JavaScript-syntax.
Nyckelfunktioner
52 timmar av blandat lärande
30 timmar av lärarledd utbildning
Ett verkligt slutprojekt för kursen
Flexibilitet att välja kurser
Brancherkänd kursavslutningscertifikat
Vem bör anmäla sig till detta program?
För denna kurs måste du ha erfarenhet av att bygga front-end webbapplikationer med HTML, CSS och JavaScript. Denna React.js-certifieringskurs är avsedd för webbutvecklare som designar och bygger UI/UX-lösningar för mobila och webbapplikationer och som vill designa med React så effektivt som möjligt med hjälp av ett JavaScript-bibliotek.
Webbutvecklare
Webbdesigners
Fullstack-utvecklare
Mobilutvecklare
Behöver du en företagslösning eller integration av LMS?
Hittade du inte kursen eller programmet som skulle passa för ditt företag? Behöver du LMS-integration? Skriv till oss! Vi löser det!