Reager online kursus. Udvikling af komplekse klientapplikationer - gratis kursus fra HTML Academy, uddannelse 9 uger, Dato 15. oktober 2023.
Miscellanea / / December 04, 2023
Hvorfor er kurset professionelt?
På dette kursus lærer du at lave rigtige projekter, på samme kompleksitetsniveau som i branchen. Og du vil gøre dem korrekt, så du efter træning vil producere resultater på højt niveau, som virksomheder er villige til at betale for.
Hvad kan man forvente under træning
Bor
Live-udsendelser, hvor lærere analyserer komplekse problemstillinger fra teori og praksis. De finder sted fra 19 til 21 Moskva-tid, tilmelding er tilgængelig næste dag.
Øve sig
Efter forelæsningen laver du lektier, hvor du arbejder med dit projekt og forstærker kursusmaterialet.
Kodegennemgang
Mentoren vil tjekke kvaliteten af opgaverne og dele sin erfaring med, hvordan man gør det bedre.
Afsnit 1 Introduktion til TypeScript
Lad os overveje arbejdsplanen på kurset. Lad os finde ud af, hvad TypeScript er, og hvilke problemer det løser. Lad os stifte bekendtskab med typesystemet og forstå, hvordan skriveprocessen foregår. Lad os lære at konfigurere compileren og se på de grundlæggende indstillinger. Lad os derefter gå videre til at øve og forstå funktionerne ved at skrive maskinskrevet kode: tupler, grænseflader, generiske artikler og så videre.
Organisatoriske forhold.
Gennemgang af projekter.
Arbejdsplan på kurset.
Introduktion til TypeScript.
Hvad er TypeScript, og hvilke problemer løser det?
Type system.
Hvordan TypeScript-kode bliver til JavaScript.
Infrastruktur: compilerindstillinger.
Annoteringer og automatisk typeslutning.
Øv dig i at bruge TypeScript.
Indtastning af objekter, arrays, funktioner.
Generiske lægemidler.
Tuples.
Grænseflader, typealiaser.
Afsnit 2 Reager
Introduktion til React-biblioteket. Lad os finde ud af, hvilke problemer det løser, og hvordan det kan forenkle frontend-udvikling. Lad os forberede grundlaget for projektet ved hjælp af værktøjet Create React App (CRA). Lad os lære at bruge skabeloner til CRA. Så vil vi stifte bekendtskab med hovedfunktionerne i React-biblioteket (JSX, komponenter, dataoverførsel mellem komponenter).
Reagere.
Hvad er React.
Hvordan virker React?
Hvilke problemer løser det effektivt?
Virtuelt DOM.
Infrastruktur.
Opret React App.
TypeScript.
JSX
Hvordan adskiller det sig fra HTML?
Grundlæggende arbejdsmetoder.
Komponenttilgang.
Reager komponenter.
Rekvisitter. Sende data gennem egenskaber.
Sammensætning.
Rendering af komponenter.
Gengivelse af lister.
Betinget gengivelse.
Sektion 3 Routing (React Router)
Lad os finde ud af, hvordan routing er organiseret i SPA. Lad os tilføje React Router til projektet og se på pakkens muligheder: ruter, omdirigeringer, private ruter og så videre.
Routing i SPA.
Historie API.
Rute, Link, Omdiriger komponenter.
Rutestyring.
Afsnit 4 Reaktionskomponenter. Kroge
Lad os udvide vores viden om React og komponenter. Lad os lære at styre tilstand, bruge begivenheder og livscyklusmetoder for komponenter. Lad os stifte bekendtskab med React Hooks og lære, hvordan man udskifter klassekomponenter med dem. Lad os lære at arbejde med formularer.
Stat.
Ensrettet datastrøm.
Funktionelle komponenter, klassekomponenter, PureComponent.
Introduktion til React Hooks.
Livscyklus metoder.
Reager og former.
Afsnit 5 Reaktion og mønstre
Lad os se på spørgsmålet om, hvad softwarearkitektur er, og hvordan man designer det. Lad os stifte bekendtskab med og lære at anvende designmønstre i praksis.
Design.
Hvad er forskellen mellem et godt og et dårligt program?
Hvorfor designe software. Designmål.
Software arkitektur.
Design værktøjer.
Design mønstre.
Hvilke problemer løser mønstre?
Hvad består mønsteret af?
Typer af designmønstre.
Mønstre i React.
Statsløse komponenter.
Proxy komponenter.
Højere ordens komponenter.
Render Rekvisitter.
Udbyder.
React Kroge og mønstre.
Afsnit 6 Statsforvaltning. Redux
Lad os stifte bekendtskab med Flux-arkitekturen: Actions, Dispatchers, Views and Stores. Vi forbinder til Redux-projektet og opdaterer kodebasen.
Flux arkitektur.
Opbevaring, afsender, handlinger.
Redux.
Mellemvare.
Udvidelse af Redux-funktionalitet.
Sektion 7 Asynkroni i Redux
Lad os lære, hvordan man implementerer asynkron kode i den synkrone drift af Redux ved hjælp af Middleware. Lad os lære, hvordan man interagerer med serveren ved hjælp af Axios-pakken. Lad os stifte bekendtskab med interceptorer.
Redux-thunk.
Axios.
Afsnit 8 Ydeevneoptimering
Lad os diskutere ydeevnen af React-applikationer: hvilke funktioner der er, hvad du skal være opmærksom på, når du designer komponenter i første omgang. Så tager vi et kig på Redux Toolkit og lærer, hvordan man bruger det til at slippe af med kedelkode, når man arbejder med Redux.
Komponentprofilering.
Styring af komponentopdatering.
Memoisering.
Redux Toolkit.
Afsnit 9 Test React
Lad os stifte bekendtskab med værktøjerne og teknikkerne til at teste React-applikationer. Vi vil opsætte testinfrastrukturen og skrive test for komponenterne.
Spøg.
React Testing Library.
Første uges forsvar
Afslutning af arbejdet med projektet og forberedelse til det afsluttende forsvar.
Anden uges forsvar
Den første vurdering af projektet af den gennemgående mentor i henhold til kvalitetskriterier.
Tredje uges forsvar
Forbedring af projektet baseret på kommentarerne fra den gennemgående mentor og indsende det til en anden vurdering.
Afsnit 10 Final
Lad os opsummere kurset og bestemme den videre vektor for at studere React og dets økosystem. Derefter vil vi diskutere nye React-funktioner, der forventes i fremtidige udgivelser.
Fjerde uges forsvar
Foretage endelige redigeringer og modtage en endelig karakter.
G
Gantelka
26.04.2022 G.
Jeg kunne virkelig godt lide det!
Fordele: 1) Nuværende materialer. 2) En velstruktureret træningsplan. 3) Tilgængelig præsentation af information. 4) Individuel tilgang. Ulemper: Undervisning er ikke den billigste, men hyppige giveaways og rabatter hjælper. Derudover er den viden, der opnås fra kurserne, det værd. Har for nylig gennemført Htmlacademy-kurset "React. Udvikling af komplekse klientapplikationer." Fantastisk kursus! Masser og masser af teori og mere...