React.js utbildning - eLearning
4.900,00 SEK
- 50 hours
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.
Nyckelfunktioner
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
Bedömningar
2 Slutprojektkurs
Ingen tentamen
Ingen tentamen för kursen men studenten kommer att få ett intyg om genomförd utbildning
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
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.
Kurstidslinje
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
Uttalanden
Licensiering och ackreditering
React.Js-certifieringsträningskursen erbjuds av Simplilearn enligt Partnerprogramavtalet och uppfyller kraven i Licensavtalet. AVC marknadsför denna kurs på uppdrag av Simplilearn.
Aktiepolicy
Simplilearn tillhandahåller inte boende på grund av en funktionsnedsättning eller medicinskt tillstånd hos någon student. Kandidater uppmuntras att kontakta AVC för vägledning och stöd under hela processen för att få anpassningar.
Vanliga frågor
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!