React.js-kursus - Blended Learning (Live virtuelt klasseværelse + e-læring)

3.900,00 DKK

  • 30 hours
eLearning
Blandet Læring
Live Virtuelt Klasselokale
deliveryMethods.

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.

Levende Virtuel Klasse Pensum

Hero
  1. ES6

    Lektion 01

    • Introduktion
    • Array hjælpemetoder
    • Let og Const
    • Skabelonlitteraler
    • Pilfunktioner
    • Standardfunktionsparametre
    • Rest og Spread
    • Dekonstruktion
    • Klasser
    • Løfter
    • Hent
  2. Grundlæggende om React

    Lektion 02

    • Hvorfor React?
    • Gengivelse af brugergrænseflade
    • Komponenter
    • Komponentlivscyklus-begivenheder
    • Formularer
    • Komponentinteraktion
    • React Router
  3. Introduktion til Redux

    Lektion 03

    • Hvorfor Redux?
    • Kernekoncepter i Redux
  4. React & Redux

    Lektion 04

    • React Redux Node-pakken
    • Udbyderkomponent
    • Forbindelse af React-komponenter med Redux Store
    • Reducer-sammensætning
    • Normalisering: Punkter at huske på, når man designer et Redux-lager
    • Redux Middleware

eLearning pensum

Hero
  1. Kursusintroduktion

    Lektion 01

    • Velkommen til kurset
    • Kursus & Projektoversigt
  2. Kom godt i gang

    Lektion 02

    • Hvad er React
    • Miljøopsætning
    • ES6 Genopfriskning - Del 1
    • ES6 Genopfriskning - Del 2
    • ES6 Genopfriskning - Del 3
    • Create React App kontra manuel opsætning
    • Installation & brug af kommandolinjeværktøjet
    • Et kig på de oprindelige React-filer og hvordan de fungerer
  3. Komponenter, JSX & Props

    Lektion 03

    • Tænkning i komponenter
    • Hvad er JSX
    • JSX-udtryk
    • Oprettelse af din første komponent
    • Funktionelle komponenter
    • Arbejde med egenskaber
    • Typekontrol med PropTypes
    • CSS i React
    • Tilføjer Bootstrap
  4. State & Context API'en

    Lektion 04

    • Ændring af tilstand fra en anden komponent
    • Brug af Context API & Provider State
    • Tilføjelse af en kontekstreducer for handlinger
    • Oprettelse af stat
    • Begivenheder i React
    • Ændring af tilstand
  5. Arbejde med formularer

    Lektion 05

    • Oprettelse af en formular med tilstand
    • Kontrollerede komponenter & onChange
    • TextInputGroup-komponent til DRY-kode
    • Ukontrollerede komponenter & refs
    • Formularindsendelseshandling til kontekst
    • Fejlkontrol & visning
  6. React Router v4

    Lektion 06

    • Opsætning af React Router
    • Links, Parametre & Omdirigering
    • 404 Siden blev ikke fundet
  7. Livscyklus, HTTP & Udrulning

    Lektion 07

    • Livscyklusmetoder
    • GET-forespørgsler
    • POST & DELETE-anmodninger
    • Brug af AsyncAwait
    • RedigerKontakt Komponent & Hent Kontakt
    • PUT-forespørgsel & opdateringshandling
    • Udrul til Github Pages
  8. Læring af Redux

    Lektion 08

    • En bemærkning om Redux
    • Startpunkt for Redux-app
    • Opsætning af Redux Store & Kontakt Reducer
    • Forbindelse af komponenter & afsendelse af handlinger
    • Oprettelse af en separat handlingsfil
    • Slet & Tilføj Kontakt Handling
  9. Redux Thunk & HTTP

    Lektion 09

    • GET-forespørgselsafsendelse
    • POST & DELETE-anmodningsforsendelse
    • Hent enkelt kontakt til redigering
    • PUT-forespørgsel & ekspedition
    • Udrul til Apache
  10. Klientpanel Firebase-projekt - Del 1

    Lektion 10

    • App-introduktion & demo F
    • Opsætning af Firebase Firestore
    • Opsætning & AppNavbar-komponent
    • Dashboard, Sidebar & Klientkomponent
    • Opsætning af React-Redux-Firebase
    • Forbind klientkomponenten til Firestore
    • Tilføj klient til Firestore
    • Klientdetaljer Komponent
    • Saldoopdatering & Sletning
    • Rediger klient i Firestore
  11. Klientpanel Firebase Projekt - Del 2

    Lektion 11

    • Login-funktionalitet
    • Logud & Opdatering af Navigationsbjælke
    • Rutebeskyttelse
    • Underret Stat & Alarm Komponent
    • Indstillinger Reducer & Handlinger
    • Indstillingskomponent
    • Gem indstillinger i LocalStorage
    • Implementering af indstillinger
    • Registrer funktionalitet
    • Udrul til Firebase
  12. Opbygning af en eventfinder-app i React

    Afsluttende kursusprojekt

    Byg en React-app, hvor brugere kan se og fremme kommende begivenheder, opsæt en JSON-server til testning indtil backend-API'er er klar, og håndter til sidst tilstanden ved hjælp af Redux.

Læringsresultater

Ved afslutningen af dette React.js e-læringskursus vil du være i stand til at:

React og Redux

Lær 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.

Vigtige funktioner

52 timer med blandet læring

30 timers instruktørledet undervisning

Et virkeligt afslutningsprojekt på et kursus

Fleksibilitet til at vælge klasser

Brancheanerkendt kursusbevis

Hero

Hvem bør tilmelde sig dette program?

For at følge dette kursus skal du have erfaring med at bygge front-end webapplikationer med HTML, CSS og JavaScript. Dette React.js certificeringskursus er designet til webudviklere, der designer og bygger brugergrænseflader og brugeroplevelsesløsninger til mobile og webapplikationer og ønsker at designe med React så effektivt som muligt ved hjælp af et JavaScript-bibliotek.

Webudviklere

Webdesignere

Full-stack-udvikler

Mobiludvikler

Start kursus nu

Need corporate solutions or LMS integration?

Didn't find the course or program which would work for your business? Need LMS integration? Write us, we will solve everything!

;