React.js utbildning - eLearning
4.900,00 SEK
- 50 timmar
Denna React.js-kurs är utformad för nybörjare som vill bygga en stark Foundation i att utveckla moderna webbapplikationer med hjälp av React.js, ett av de mest populära JavaScript-biblioteken. Kursen ger deltagarna de grundläggande färdigheterna och kunskaperna för att effektivt skapa dynamiska, interaktiva och responsiva användargränssnitt.
Vad ingår?
Språk
Kursen och materialet är på engelska
Nivå
Nybörjare - mellannivå för blivande mjukvaruingenjör
Tillgång
1 års tillgång till självstudieplattformen för eLearning dygnet runt
14 timmar av videomaterial
med rekommenderad studietid på 50 timmar
MEAN Stack virtuellt labb ingår
2 Slutprojektkurs
Ingen tentamen
Ingen tentamen för kursen men studenten kommer att få ett intyg om genomförd utbildning

Vilka färdigheter kommer du att tillägna dig?
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
Komponerbara komponenter
Förstå och uppskatta kraften i att bygga sammansättbara komponenter
NPM, Babel och ES6
Förstå och använda NPM, Babel och ES6 JavaScript-syntax.

Vad kommer du att lära dig?
Kursintroduktion
Lektion 01
- Vad är React
- Konfigurera miljön
Starta (GitHub Finder) och konfigurera React
Lektion 02
- Projektintroduktion
- Skapa en React-applikation och visa filstrukturen
- Städa och förbereda Create React App (CRA)
- Introduktion till JavaScript Syntax Extension (JSX) och Fragment
- Uttryck och villkor i JSX
Komponenters tillstånd och egenskaper
Lektion 03
- Listor och att skicka ett tillstånd med props
- Statlösa funktionella komponenter
- Hantera HTTP-förfrågningar och uppdatera tillstånd
- Spinner-komponent och omstrukturering
- Miljövariabler
Händelseöverföring, Egenskaper, React Router och Mer
Lektion 04
- Evenemang och sökkomponenter
- Skicka upp egenskaper och söka användare
- Rensa användare från ditt tillstånd
- Ställer in varningstillstånd och komponent
- Konfigurera en React-router
- Lägger till en enskild användarkomponent och data
- Skapa ett användargränssnitt och layout för komponenter
- Repos och Repoitem-komponenten
Refaktorering av krokar och context API
Lektion 05
- Översikt av krokar och context API
- Använda en sökklass för att fungera med användningstillståndskroken
- Använda en User-klass för att fungera med useEffect-kroken
- App-klassfunktionskomponent
- Implementera context API och använda Reducer
- Skapa reducers
- Flyttar användarstatus till context API
- Flyttar repos status till context API
- Skapa arbetsflöde för varningskontext
- Skapa komponenterna Home och NotFound
- Förbereder och distribuerar till Netlify
MongoDB, Express, React och Node (MERN)
Lektion 06
- Konfigurera MongoDB Atlas
- Skapa beroenden och en grundläggande express-server
- Konfigurera Backend-rutter
- Ansluter MongoDB till applikationen
Backend-användarkontakter och JSON webbtoken-autentisering
Lektion 07
- Användarmodell och validering
- Hasha lösenord och registrera rutter
- Skapa och svara med en JSON-webbtoken
- Skapa en autentiseringsväg
- Autentiseringsmjukvara och skydd av rutter
- Skapa en kontaktmodell och få tillgång till kontaktrutten
- Lägga till en kontaktväg
- uppdaterar kontakter och raderar rutter
Konfigurera ditt klient- och kontaktgränssnitt
Lektion 08
- Konfigurera React och Concurrently
- Konfigurera städning, navigeringsfält och en router
- Skapa kontakter, sammanhang och ett globalt tillstånd
- Skapa kontakter och kontaktitem-komponenter
- Ta bort en kontakt från gränssnittet
- Ställa in och rensa aktuella kontakter
- Lägga till åtgärder för att redigera och uppdatera kontakter
- Skapa ett kontaktfilterformulär och tillstånd
- Skapa en grundläggande lägg till och ta bort-animation
Autentisering med React eller Express
Lektion 09
- Skapar autentiseringskontext och initialt tillstånd
- Skapa registrerings- och inloggningsformulär
- Skapar varningskontext, tillstånd och komponenter
- Skapa ett användarregistreringsformulär
- Laddar en användare och ställer in en token
- Skapa användarinloggning
- Skapa utloggnings- och navigeringsfältskomponenterna
- Skapa komponenten PrivateRoute
Integrera och distribuera Contacts API
Lektion 10
- Lägger till kontakter i databasen
- Hämta och rensa kontakter
- Raderar kontakter
- Uppdaterar kontakter
- Förbereder och distribuerar till Heroku
Starta IT-loggningskomponenter (Redux) och användargränssnitt
Lektion 11
- Konfigurera React och JSON
- Konfigurera Materialize CSS
- Skapandet av sökfältet och loggkomponenterna
- Skapa Logitem- och Preloader-komponenterna
- Skapa komponenterna AddBtn och AddLogModal
- Lägger till komponenterna för redigering och teknikmodal
Redux tillståndshantering
Lektion 12
- Konfigurera redux store och provider
- Konfigurera loggreducerare, åtgärder och typer
- Ansluta Redux till en komponent
- Lägga till, radera, uppdatera, söka i loggar
Teknikerstaten och dess komponenter
Lektion 13
- Tekniker reducerar, åtgärder och komponenter
- Använda komponenten för val
- Lägger till tekniker
- Raderar tekniker

Vem bör anmäla sig till detta program?
Denna certifieringskurs i React.js är avsedd för webbutvecklare som designar och bygger UI/UX-lösningar för mobila applikationer och webbapplikationer och som vill designa så effektivt som möjligt med React genom att använda ett JavaScript-bibliotek.
Förkunskapskrav: Du måste ha erfarenhet av att bygga front-end webbapplikationer med HTML, CSS och JavaScript.
Webbutvecklare
Webbdesigners
Fullstack-utvecklare
Mobilutvecklare
Vanliga frågor

Behöver du en skräddarsydd företagsintern utbildning eller grupputbildning?
Begär ett företagsinternt utbildningsprogram som skräddarsys specifikt för ditt team. Vi erbjuder flexibla anpassningsmöjligheter i linje med dina affärsmål, samt konkurrenskraftiga priser för större grupper. Fyll i formuläret nedan, så tar våra experter inom företagsutbildning fram den perfekta lösningen för dig.
