Curs online React. Dezvoltare de aplicatii client complexe - curs gratuit de la HTML Academy, training 9 saptamani, Data 15 octombrie 2023.
Miscelaneu / / December 04, 2023
De ce cursul este profesionist?
În acest curs veți învăța cum să realizați proiecte reale, la același nivel de complexitate ca în industrie. Și le vei face corect, astfel încât după antrenament să produci rezultate la nivel înalt pentru care companiile sunt dispuse să plătească.
La ce să vă așteptați în timpul antrenamentului
Vieți
Emisiuni live în care profesorii analizează probleme complexe din teorie și practică. Acestea au loc între orele 19 și 21, ora Moscovei, înregistrarea este disponibilă a doua zi.
Practică
După prelegere, faci teme în care lucrezi la proiectul tău și consolidezi materialul de curs.
Revizuire a Codului
Mentorul va verifica calitatea sarcinilor și va împărtăși experiența sa despre cum să facă mai bine.
Secțiunea 1 Introducere în TypeScript
Să luăm în considerare schema de lucru pe curs. Să aflăm ce este TypeScript și ce probleme rezolvă. Să ne familiarizăm cu sistemul de tipări și să înțelegem cum are loc procesul de tastare. Să învățăm cum să configurați compilatorul și să ne uităm la setările de bază. Apoi, să trecem la exersarea și înțelegerea caracteristicilor scrierii codului tastat: tupluri, interfețe, generice și așa mai departe.
Chestiuni organizatorice.
Revizuirea proiectelor.
Schema de lucru pe curs.
Introducere în TypeScript.
Ce este TypeScript și ce probleme rezolvă?
Tip sistem.
Cum se transformă codul TypeScript în JavaScript.
Infrastructură: setările compilatorului.
Adnotări și inferență automată de tip.
Exersați utilizarea TypeScript.
Tastarea de obiecte, matrice, funcții.
generice.
Tupluri.
Interfețe, tip alias.
Secțiunea 2 Reacționează
Introducere în biblioteca React. Să aflăm ce probleme rezolvă și cum poate simplifica dezvoltarea front-end. Să pregătim baza proiectului folosind instrumentul Create React App (CRA). Să învățăm cum să folosim șabloanele pentru CRA. Apoi ne vom familiariza cu principalele caracteristici ale bibliotecii React (JSX, componente, transfer de date între componente).
Reacţiona.
Ce este React.
Cum funcționează React?
Ce probleme rezolvă eficient?
DOM virtual.
Infrastructură.
Creați aplicația React.
TypeScript.
JSX
Cum este diferit de HTML?
Metode de lucru de bază.
Abordarea componentelor.
Reacționează componentele.
Recuzită. Trecerea datelor prin proprietăți.
Compoziţie.
Componente de randare.
Redarea listelor.
Redare condiționată.
Secțiunea 3 Rutare (React Router)
Să aflăm cum este organizată rutarea în SPA. Să adăugăm React Router la proiect și să ne uităm la capacitățile pachetului: rute, redirecționări, rute private și așa mai departe.
Rutarea în SPA.
History API.
Componentele Route, Link, Redirect.
Gestionarea rutelor.
Secțiunea 4 Componentele de reacție. Cârlige
Să ne extindem cunoștințele despre React și componente. Să învățăm cum să gestionăm starea, să folosim evenimentele și metodele ciclului de viață al componentelor. Să ne familiarizăm cu React Hooks și să învățăm cum să înlocuim componentele clasei cu ele. Să învățăm cum să lucrăm cu formulare.
Stat.
Flux de date unidirecțional.
Componente funcționale, componente de clasă, PureComponent.
Introducere în React Hooks.
Metode ale ciclului de viață.
Reacționează și se formează.
Secțiunea 5 Reacție și modele
Să ne uităm la întrebarea ce este arhitectura software și cum să o proiectăm. Să ne cunoaștem și să învățăm să aplicăm modele de design în practică.
Proiecta.
Care este diferența dintre un program bun și unul rău?
De ce software de proiectare. Obiective de proiectare.
Arhitectura software.
Instrumente de proiectare.
Modele de design.
Ce probleme rezolvă tiparele?
În ce constă modelul?
Tipuri de modele de design.
Modele în React.
Componente apatride.
Componente proxy.
Componente de ordin superior.
Recuzită de randare.
Furnizor.
React Hooks și modele.
Secțiunea 6 Managementul statului. Redux
Să facem cunoștință cu arhitectura Flux: Acțiuni, Dispeceri, Vizualizări și Magazine. Ne conectăm la proiectul Redux și actualizăm baza de cod.
Arhitectura flux.
Depozitare, dispecer, acțiuni.
Redux.
Middleware-uri.
Extinderea funcționalității Redux.
Secțiunea 7 Asincronie în Redux
Să învățăm cum să implementăm codul asincron în operarea sincronă a Redux folosind Middleware. Să învățăm cum să interacționăm cu serverul folosind pachetul Axios. Să facem cunoștință cu interceptori.
Redux-thunk.
Axios.
Secțiunea 8 Optimizarea performanței
Să discutăm despre performanța aplicațiilor React: ce caracteristici există, la ce ar trebui să acordați atenție atunci când proiectați componente în primul rând. Apoi vom arunca o privire la setul de instrumente Redux și vom afla cum să îl folosim pentru a scăpa de codul standard atunci când lucrați cu Redux.
Profilarea componentelor.
Gestionarea actualizării componentelor.
Memorarea.
Setul de instrumente Redux.
Secțiunea 9 Testarea reacției
Să ne familiarizăm cu instrumentele și tehnicile de testare a aplicațiilor React. Vom configura infrastructura de testare și vom scrie teste pentru componente.
Glumă.
Biblioteca de testare React.
Prima săptămână de apărare
Finalizarea lucrărilor la proiect și pregătirea pentru apărarea finală.
A doua săptămână de apărare
Prima evaluare a proiectului de către mentorul evaluator conform criteriilor de calitate.
A treia săptămână de apărare
Îmbunătățirea proiectului pe baza comentariilor mentorului de revizuire și transmiterea acestuia pentru o a doua evaluare.
Secțiunea 10 finală
Să rezumăm cursul și să determinăm următorul vector de studiere a React și a ecosistemului său. Apoi vom discuta despre noile funcții React așteptate în versiunile viitoare.
A patra săptămână de apărare
Efectuarea modificărilor finale și primirea unei note finale.
G
Gantelka
26.04.2022 G.
Chiar mi-a plăcut!
Avantaje: 1) Materiale actuale. 2) Un plan de instruire bine structurat. 3) Prezentarea accesibilă a informațiilor. 4) Abordare individuală. Dezavantaje: Taxa de școlarizare nu este cea mai ieftină, dar cadourile și reducerile frecvente ajută. În plus, cunoștințele acumulate în urma cursurilor merită. A finalizat recent cursul Htmlacademy „React. Dezvoltarea de aplicații client complexe.” Super curs! Multă teorie și multe altele...