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
![Hero](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo4uw3mgf%2Fproduction%2F67778cd2283bb975d7bfaba74ed380c8cfa32259-6000x4000.jpg%3Ffit%3Dmax%26auto%3Dformat&w=3840&q=75)
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
![Hero](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo4uw3mgf%2Fproduction%2Fd60fc560b21e9e89c18cb83a18d5d615b68c55e1-5184x3456.jpg%3Ffit%3Dmax%26auto%3Dformat&w=3840&q=75)
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
![Hero](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo4uw3mgf%2Fproduction%2F25c7422ad14e06e58d53f24a4240107863ee5cae-4000x6000.jpg%3Ffit%3Dmax%26auto%3Dformat&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo4uw3mgf%2Fproduction%2Fa05b9005bfffa76e9eb719d5779d391c30dde384-3996x6000.jpg%3Ffit%3Dmax%26auto%3Dformat&w=3840&q=75)
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
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo4uw3mgf%2Fproduction%2F4a62a9240acd7e91f42786201cd72ab32c6ec840-5418x3612.jpg%3Ffit%3Dmax%26auto%3Dformat&w=3840&q=75)
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!