Fullstack JavaScript kūrėjas – kursas 59 200 RUB. iš Innopolio universiteto, mokymas 4 mėn
įvairenybės / / November 27, 2023
Įvaldysite visą svetainės kūrimo ciklą ir tapsite universaliu specialistu. Turėdami šias žinias, galite padidinti savo atlyginimą kaip Fullstack kūrėjas arba kurti svetaines kaip laisvai samdomas darbuotojas.
Išmoksite kurti sudėtingas interaktyvias sąsajas ir dirbti su karkasais, tobulinsite savo minkštuosius įgūdžius, gaukite ekspertų patarimų dėl karjeros augimo, kad galėtumėte imtis brangių projektų ir suprasti, kur eiti toliau. Mokymai vyksta tiesioginių internetinių seminarų su mokytoju ir grupinių konsultacijų su mentoriumi formatu.
— Visas programos kūrimo procesas nuo sumanymo ir maketų braižymo etapo iki pirmosios darbinės versijos išleidimo;
— „Micro Frontend“ kūrimo technika.
— Turėsite savo MVP programą, kurią kursite komandoje, vadovaujant mokytojui;
— Suprasite produkto backend ir frontend komponentus, taip pat galėsite savarankiškai kurti ir programuoti žiniatinklio programą.
aš. Įžanginis. Įrankių rinkinys, git, projekto sąranka
Pirmajame bloke visiems kurso dalyviams suteiksime įrankių rinkinį, reikalingą temoms pereiti. Vyks individualios montavimo konsultacijos, kurių metu, atsižvelgdami į Jūsų asmeninę tobulėjimo patirtį, nustatysime individualius kurso tikslus. Dėl šio bloko sužinosite, kaip savarankiškai sukonfigūruoti SPA programos surinkimą su bet kuriuo CSS išankstiniu procesoriumi naudojant žiniatinklio paketą. Taip pat išmokite pagrindinį supratimą apie „Typescript“ kalbą ir jos konfigūravimo bei naudojimo ypatybes.
— Pirmoje pamokoje parodysime reikiamą įrankių rinkinį, kaip juos įdiegti ir konfigūruoti. Sužinosite, kaip sukurti „React“ projekto kūrimą nuo nulio.
— Susipažinkite su Typescript kalbos pagrindais ir jos skirtumais nuo JavaScript.
II. Reaguoti
Antrojo bloko metu bus formuojamos komandos, konsultacijos pereis į komandų susitikimus. Tokiuose susitikimuose apsispręsime dėl projekto, suformuosime funkcionalumo rinkinį, kuris ir bus mūsų kurso tikslas. Kursite maketus ir iki bloko pabaigos React išdėliosite visus komandos projekto puslapius.
— Susipažinkime su žiniatinklio rėmų atsiradimo istorija, aptarkime React privalumus ir trūkumus ir pradėkime kurti pirmuosius React komponentus.
— Išstudijuokime geriausią „React“ programos struktūros organizavimo praktiką. Pasinerkime į „React“ komponentų atvaizdavimo detales. Pradėkime naudoti šiuolaikinį CSS-IN-JS metodą React komponentų stiliui sudaryti pagal stiliuotus komponentus.
— Išmokime teisingai dirbti su pagrindiniais „React“ komponentų komponentais – „Props“ ir „State“, kurie padės komponentams suteikti lankstumo. Išsiaiškinkime teisingą sąveikos su DOM elementais iš „React“ komponentų metodą.
— Toliau tyrinėkime „React“ API, ieškokime būdų, kaip sąveikauti su antriniais komponentais, ir sužinokime, kaip išvengti begalės rekvizitų, naudojant kontekstą, problemos. Pažvelkime į alternatyvų būdą išplėsti „React“ komponento galimybes.
— Išanalizuokime komponento gyvavimo ciklą, supraskime, kaip jį įgyvendinti, o tai leis komponentus praturtinti naujomis logikos rūšimis.
- Supraskime, kaip „React“ sugebėjo visiškai atsisakyti klasės komponentų prie funkcinių, naudodama naują „Hooks“ modelį. Susipažinkime su pagrindiniais „React“ kabliukais.
— Tiksliai išsiaiškinsime, kaip veikia perjungimas tarp puslapių neįkeliant iš naujo, taip pat į darbą įdiegsime „React-Router“.
— Išmokime kurti daugiakalbes „React“ programas.
— Pažvelkime į būdus, kaip įvesti sąsajos stiliaus lankstumą, dirbant su temomis (pavyzdžiui, šviesa/tamsu), dirbant su piktogramomis ir animacijomis, kaip pavyzdį naudojant loteriją.
III. Nodejs
Šiame žingsnyje įdiegsite serverį Node.js naudodami Express.js biblioteką. API diegimas komandos projektui. Išmokite dirbti paštininko programoje. Išmokite docker vaizdo naudojimo pagrindus, naudodamiesi darbo su Mongodb duomenų baze pavyzdžiu.
— Įvadas į Node.js, jo istorija ir paketų tvarkyklės pagrindai.
— Sužinokite, kaip Node.js veikia su failais, kaip kuriami ir publikuojami moduliai, ir susipažinkite su šio proceso ypatybėmis.
— Išmokite sukurti serverį Node.js naudodami Express.js sistemą.
— Toliau tyrinėjame Express.js serverio funkcijas.
IV. Redux
Užbaigę šį bloką suprasite, kaip šiuolaikinėje „React“ programoje vyksta sąveika su užpakalinės programos API. Išmokite kurti ir administruoti vietinės plėtros stubus, išmokite sukurti konfigūruojamą „microfrontend“ programą, kad ji veiktų su tikru serveriu.
— Norėdami išsamiai suprasti, kaip veikia Redux būsenos tvarkyklė, parašykime savo versiją ir supraskime Redux naudojimo pagrindus.
— Pažiūrėkime praktiškai, kaip ir kodėl Redux naudojamas klasikine forma.
— Išmokti naudoti ir suprasti selektorių su kabliukais ir be jų sąvoką.
— Remdamiesi ankstesnėmis žiniomis, apsvarstykite galimybę moderniau naudoti Redux dėl @reduxjs/toolkit bibliotekos.
— Supraskime darbo su serveriu subtilybes ir Redux vietą šiame procese.
V. Juokas
Šiame bloke išnagrinėsime, kaip ir kodėl reikia išbandyti žiniatinklio programą. Sužinosite, kaip išbandyti savo programą ir padidinti kodo testavimo aprėptį iki pramonės standarto 80%. Sužinosite programų testavimo principus naudodami Jest biblioteką kaip pavyzdį.
— Pakalbėkime, kodėl iš viso reikia rašyti testus ir kaip tai padaryti greitai ir efektyviai.
— Įvaldykite Jest testavimo sistemą nuo nulio.
— Ankstesnės temos tęsinys, daugiausia dėmesio skiriant vienetų testavimui.
— Pamatysite, kaip prie projekto pridėti vartotojo sąsajos testus.
VI. Vieno puslapio programa
Šiame bloke išnagrinėsime technologijas, kurios bus naudojamos visose šiuolaikinėse žiniatinklio programose ir taps prieinamos pašalinus „Internet Explorer“ palaikymą. Tai įvyko 2022 m. birželio 15 d.
— Susipažinkime su vieno puslapio aplikacijos idėja.
— Išsiaiškinkime, kaip sukurti savo komponentų biblioteką.
— Įvaldykime kelių gijų kūrimą Node.js.
— Parašykime pokalbį žiniatinklio lizde. Klasėje nulaužsite jį savo rankomis, taip pat išmoksite apsiginti nuo tokių atakų.
— Pažiūrėkime, kaip sukurti savo vaizdo pokalbį dviems.
— Susipažinkime su Nginx serverio nustatymo ir balansavimo pagrindais. Taip pat išmoksime sujungti paieškos sistemas su mūsų SPA programa.
Baigiamojo projekto gynimas