Dezvoltator JavaScript Fullstack - curs 59.200 RUB. de la Universitatea Innopolis, pregătire 4 luni

instagram viewer

eu. Introductiv. Setul de instrumente, git, configurarea proiectului

În primul bloc, vom oferi tuturor participanților la curs un set de instrumente necesare pentru a progresa prin subiecte. Vor avea loc consultații individuale de instalare, în timpul cărora vom stabili obiectivele individuale ale cursului, pe baza experienței dumneavoastră de dezvoltare personală. Ca rezultat al acestui bloc, veți învăța cum să configurați independent ansamblul unei aplicații SPA cu orice preprocesor CSS folosind webpack. Și, de asemenea, obțineți o înțelegere de bază a limbajului Typescript și a caracteristicilor configurației și utilizării acestuia.

— În prima lecție vă vom arăta setul necesar de instrumente, cum să le instalați și să le configurați. Veți învăța cum să configurați un proiect React de la zero.

— Familiarizați-vă cu elementele de bază ale limbajului Typescript și diferențele sale față de JavaScript.

II. Reacţiona

Pe parcursul celui de-al doilea bloc se vor forma echipe, consultările se vor trece la întâlniri de echipă. La astfel de întâlniri, vom decide asupra proiectului, vom forma un set de funcționalități, care va fi scopul nostru pentru curs. Veți dezvolta machete și până la sfârșitul blocului veți fi așezat toate paginile proiectului de echipă în React.

— Să ne familiarizăm cu istoria apariției cadrelor web, să discutăm avantajele și dezavantajele React și să începem să dezvoltăm primele componente în React.

— Să studiem cele mai bune practici pentru organizarea structurii unei aplicații React. Să ne aprofundăm în detaliile redării componentelor React. Să începem să folosim abordarea modernă CSS-IN-JS pentru stilarea componentelor React pe baza componentelor stilate.

— Să învățăm cum să lucrăm corect cu componentele principale ale componentelor React - Props și State, ceea ce va ajuta la adăugarea de flexibilitate componentelor. Să descoperim metoda corectă de interacțiune cu elementele DOM din componentele React.

— Să continuăm să studiem API-ul React, să analizăm modalități de a interacționa cu componentele copil și să învățăm cum să evităm problema elementelor de recuzită fără sfârșit folosind context. Să aruncăm o privire la o abordare alternativă pentru extinderea capabilităților unei componente React.

— Să analizăm ciclul de viață al unei componente, să înțelegem cum să o implementăm, ceea ce ne va permite să îmbogățim componentele cu noi tipuri de logică.

— Să înțelegem cum React a reușit să se îndepărteze complet de la componentele clasei la cele funcționale folosind noul model Hooks. Să ne familiarizăm cu cârligele de bază ale React.

— Vom afla exact cum funcționează comutarea între pagini fără reîncărcare și, de asemenea, vom implementa React-Router în lucru.

— Să învățăm cum să dezvoltăm aplicații React multilingve.

— Să ne uităm la modalități de a introduce flexibilitate în stilul interfeței, lucrând cu teme (de exemplu, deschis/întunecat), lucrând cu pictograme și animații folosind lotty ca exemplu.

III. Nodejs

În acest pas, vă veți implementa serverul în Node.js folosind biblioteca Express.js. Implementarea unui API pentru un proiect de echipă. Învață să lucrezi în programul de poștaș. Aflați elementele de bază ale utilizării unei imagini Docker folosind exemplul de lucru cu baza de date Mongodb.

— Introducere în Node.js, istoricul său și elementele de bază ale managerului de pachete.

— Aflați cum funcționează Node.js cu fișierele, cum sunt create și publicate modulele și familiarizați-vă cu caracteristicile acestui proces.

— Învățați să construiți un server pe Node.js folosind cadrul Express.js.

— Continuarea studierii caracteristicilor serverului pe Express.js.

IV. Redux

După finalizarea acestui bloc, veți înțelege cum are loc interacțiunea cu API-ul backend într-o aplicație React modernă. Învățați să dezvoltați și să administrați stub-uri pentru dezvoltarea locală, aflați cum să creați o aplicație microfrontend configurabilă pentru a funcționa cu un server real.

— Pentru a obține o înțelegere aprofundată a modului în care funcționează managerul de stat Redux, să scriem propria noastră versiune și să înțelegem elementele de bază ale utilizării Redux.

— Să vedem în practică cum și de ce este folosit Redux în forma sa clasică.

— Stăpânește utilizarea și înțelege conceptul de selectoare cu și fără cârlige.

— Pe baza cunoștințelor anterioare, să luăm în considerare o utilizare mai modernă a Redux datorită bibliotecii @reduxjs/toolkit.

— Să înțelegem complexitățile lucrului cu serverul și locul Redux în acest proces.

V. Glumă

În acest bloc, vom explora cum și de ce să testăm o aplicație web. Veți învăța cum să vă testați aplicația și să vă creșteți acoperirea de testare a codului la standardul din industrie de 80%. Veți învăța principiile testării aplicațiilor folosind biblioteca Jest ca exemplu.

— Să vorbim despre motivul pentru care trebuie să scrieți teste și despre cum să le faceți rapid și eficient.

— Stăpânește configurarea cadrului de testare Jest de la zero.

— Continuarea subiectului anterior cu accent pe Testarea unitară.

— Veți vedea cum să adăugați teste UI la proiect.

VI. Aplicație de o singură pagină

În acest bloc, vom explora tehnologiile care vor fi utilizate în toate aplicațiile web moderne și vor deveni disponibile după eliminarea suportului din Internet Explorer. Acest lucru s-a întâmplat pe 15 iunie 2022.

— Să ne familiarizăm cu ideea unei aplicații cu o singură pagină.

— Să aflăm cum să scrieți propria bibliotecă de componente.

— Să stăpânim multithreadingul pe Node.js.

— Să scriem un chat pe un socket web. Îl vei sparge cu propriile mâini în clasă și, de asemenea, vei învăța cum să te aperi de astfel de atacuri.

— Să ne uităm la crearea propriului chat video pentru doi.

— Să ne familiarizăm cu elementele de bază ale instalării unui server pe Nginx și echilibrării. De asemenea, vom învăța cum să conectăm motoarele de căutare cu aplicația noastră SPA.

Apărarea proiectului final