Reageer online cursus. Ontwikkeling van complexe clientapplicaties - gratis cursus van HTML Academy, training 9 weken, Datum 15 oktober 2023.

Sectie 1 Inleiding tot TypeScript
Laten we het werkschema van de cursus eens bekijken. Laten we eens kijken wat TypeScript is en welke problemen het oplost. Laten we kennis maken met het typesysteem en begrijpen hoe het typeproces plaatsvindt. Laten we leren hoe we de compiler kunnen configureren en naar de basisinstellingen kunnen kijken. Laten we vervolgens verder gaan met het oefenen en begrijpen van de kenmerken van het schrijven van getypte code: tupels, interfaces, generieke codes, enzovoort.

Organisatorische zaken.

Review van projecten.
Werkschema van de cursus.

Inleiding tot TypeScript.

Wat is TypeScript en welke problemen lost het op?
Type systeem.
Hoe TypeScript-code verandert in JavaScript.
Infrastructuur: compilerinstellingen.
Annotaties en automatische type-inferentie.

Oefen met het gebruik van TypeScript.

Typen van objecten, arrays, functies.
Merkloos product.
Tupels.
Interfaces, typ aliassen.

Sectie 2 Reageren
Inleiding tot de React-bibliotheek. Laten we eens kijken welke problemen het oplost en hoe het de front-end-ontwikkeling kan vereenvoudigen. Laten we de basis van het project voorbereiden met behulp van de tool Create React App (CRA). Laten we leren hoe u sjablonen voor CRA kunt gebruiken. Vervolgens maken we kennis met de belangrijkste kenmerken van de React-bibliotheek (JSX, componenten, gegevensoverdracht tussen componenten).

Reageer.

Wat is reageren.
Hoe werkt React?
Welke problemen lost het effectief op?
Virtuele DOM.

Infrastructuur.

Maak React-app.
Typescript.

JSX

Hoe verschilt het van HTML?
Basiswerkmethoden.

Componentenaanpak.

Reageer componenten.
Rekwisieten. Gegevens doorgeven via eigenschappen.
Samenstelling.

Componenten renderen.

Lijsten renderen.
Voorwaardelijke weergave.

Sectie 3 Routering (React Router)
Laten we eens kijken hoe routing in SPA is georganiseerd. Laten we React Router aan het project toevoegen en kijken naar de mogelijkheden van het pakket: routes, omleidingen, privéroutes, enzovoort.

Routebeschrijving in SPA.
Geschiedenis-API.
Componenten Route, Link en Omleiding.
Routebeheer.

Sectie 4 Reageercomponenten. Haken
Laten we onze kennis van React en componenten uitbreiden. Laten we leren hoe we de status kunnen beheren, gebeurtenissen en levenscyclusmethoden van componenten kunnen gebruiken. Laten we kennis maken met React Hooks en leren hoe u klassecomponenten ermee kunt vervangen. Laten we leren werken met formulieren.

Staat.
Unidirectionele gegevensstroom.
Functionele componenten, klassecomponenten, PureComponent.
Inleiding tot React Hooks.

Levenscyclusmethoden.

Reageren en formulieren.

Sectie 5 Reageren en patronen
Laten we eens kijken naar de vraag wat software-architectuur is en hoe deze moet worden ontworpen. Laten we kennis maken en ontwerppatronen in de praktijk leren toepassen.

Ontwerp.

Wat is het verschil tussen een goed programma en een slecht programma?
Waarom software ontwerpen. Ontwerp doelen.
Software architectuur.
Ontwerphulpmiddelen.

Ontwerp patronen.

Welke problemen lossen patronen op?
Waaruit bestaat het patroon?
Soorten ontwerppatronen.

Patronen in React.

Staatloze componenten.
Proxy-componenten.
Componenten van hogere orde.
Render rekwisieten.
Aanbieder.
Reageer Haken en patronen.

Sectie 6 Staatsbeheer. Redux
Laten we kennis maken met de Flux-architectuur: Actions, Dispatchers, Views en Stores. We maken verbinding met het Redux-project en updaten de codebasis.

Flux-architectuur.
Opslag, dispatcher, acties.

Redux.

Middelwaren.

Uitbreiding van de Redux-functionaliteit.

Sectie 7 Asynchronie in Redux
Laten we leren hoe we asynchrone code kunnen implementeren in de synchrone werking van Redux met behulp van Middleware. Laten we leren hoe we met de server kunnen communiceren met behulp van het Axios-pakket. Laten we kennis maken met interceptors.

Redux-thunk.

Axios.

Sectie 8 Prestatieoptimalisatie
Laten we de prestaties van React-applicaties bespreken: welke functies er zijn, waar u in de eerste plaats op moet letten bij het ontwerpen van componenten. Vervolgens bekijken we de Redux Toolkit en leren we hoe we deze kunnen gebruiken om standaardcode te verwijderen wanneer we met Redux werken.

Componentprofilering.
Beheer van componentupdates.
Memoriseren.
Redux-toolkit.

Sectie 9 Testen Reageer
Laten we kennis maken met de tools en technieken voor het testen van React-applicaties. Wij zetten de testinfrastructuur op en schrijven tests voor de componenten.

Grap.
Reageertestbibliotheek.

Eerste week verdediging
Afronding van de werkzaamheden aan het project en voorbereiding van de eindverdediging.

Tweede week van verdediging
De eerste beoordeling van het project door de beoordelende mentor op basis van kwaliteitscriteria.

Derde week van verdediging
Verbeteren van het project op basis van het commentaar van de beoordelende mentor en voorleggen voor een tweede beoordeling.

Sectie 10 Finale
Laten we de cursus samenvatten en de verdere vector van het bestuderen van React en zijn ecosysteem bepalen. Vervolgens bespreken we de nieuwe React-functies die in toekomstige releases worden verwacht.

Vierde week van verdediging
Het maken van eindbewerkingen en het ontvangen van een eindcijfer.