Fullstack JavaScript -kehittäjä - kurssi 59 200 RUB. Innopoliksen yliopistosta, koulutus 4 kuukautta
Miscellanea / / November 27, 2023
Hallitset koko verkkosivuston luomissyklin ja tulet universaaliksi asiantuntijaksi. Tämän tiedon avulla voit nostaa palkkaasi Fullstack-kehittäjänä tai luoda verkkosivustoja freelancerina.
Opit luomaan monimutkaisia interaktiivisia käyttöliittymiä ja työskentelemään kehysten kanssa, parantamaan pehmeitä taitojasi, Hanki asiantuntijaneuvoja urakehitykseen, jotta voit ottaa kalliita projekteja ja ymmärtää, minne mennä edelleen. Koulutus tapahtuu live-webinaarien muodossa opettajan kanssa ja ryhmäkonsultaatioina mentorin kanssa.
— Koko sovelluksen luomisprosessi suunnitteluvaiheesta ja asettelujen piirtämisestä ensimmäisen työversion julkaisuun.
— Micro Frontend -kehitystekniikka.
— Sinulla on oma MVP-sovellus, jota kehität tiimissä opettajan ohjauksessa;
— Ymmärrät tuotteen tausta- ja käyttöliittymäkomponentit ja osaat myös itsenäisesti suunnitella ja ohjelmoida web-sovelluksen.
minä Johdatus. Toolkit, git, projektin asennus
Ensimmäisessä lohkossa tarjoamme kaikille kurssin osallistujille joukon työkaluja, joita tarvitaan aiheiden läpi edetmiseen. Järjestetään henkilökohtaisia asennusneuvotteluja, joiden aikana määritämme kurssille yksilölliset tavoitteet henkilökohtaisen kehityskokemuksesi perusteella. Tämän lohkon tuloksena opit itsenäisesti konfiguroimaan SPA-sovelluksen kokoonpanon millä tahansa CSS-esiprosessorilla käyttämällä webpackia. Saat myös perustiedot Typescript-kielestä ja sen määrityksen ja käytön ominaisuuksista.
— Ensimmäisellä oppitunnilla näytämme sinulle tarvittavat työkalut, kuinka ne asennetaan ja konfiguroidaan. Opit kuinka perustaa React-projektin koontiversio tyhjästä.
— Tutustu Typescript-kielen perusteisiin ja sen eroihin JavaScriptistä.
II. Reagoi
Toisen lohkon aikana muodostetaan tiimejä, neuvottelut vaihtuvat tiimikokouksiin. Tällaisissa tapaamisissa päätämme projektista, muodostamme joukon toiminnallisuuksia, mikä on tavoitteemme kurssille. Kehität ulkoasuja ja lohkon loppuun mennessä olet asettanut kaikki tiimiprojektin sivut Reactiin.
— Tutustutaan web-kehysten syntyhistoriaan, keskustellaan Reactin eduista ja haitoista ja ryhdytään kehittämään Reactin ensimmäisiä komponentteja.
— Tutkitaan parhaita käytäntöjä React-sovelluksen rakenteen järjestämiseen. Sukellaan React-komponenttien renderöinnin yksityiskohtiin. Aloitetaan nykyaikaisen CSS-IN-JS-lähestymistavan käyttö React-komponenttien muotoiluun tyyliteltyihin komponentteihin perustuen.
— Opitaan toimimaan oikein React-komponenttien pääkomponenttien – Propsin ja Staten – kanssa, mikä auttaa lisäämään komponenttien joustavuutta. Selvitetään oikea tapa olla vuorovaikutuksessa React-komponenttien DOM-elementtien kanssa.
— Jatketaan React API: n tutkimista, tarkastellaan tapoja olla vuorovaikutuksessa lapsikomponenttien kanssa ja opitaan välttämään loputtomien rekvisiittarekvisiilien ongelma kontekstin avulla. Katsotaanpa vaihtoehtoista lähestymistapaa React-komponentin ominaisuuksien laajentamiseen.
— Analysoidaan komponentin elinkaari, ymmärretään kuinka se toteutetaan, mikä mahdollistaa komponenttien rikastamisen uudenlaisella logiikalla.
- Ymmärretään, kuinka React pystyi siirtymään kokonaan pois luokkakomponenteista kohti toiminnallisia uuden Hooks-mallin avulla. Tutustutaan Reactin peruskoukkuihin.
— Selvitämme tarkalleen, miten sivujen välillä vaihtaminen toimii ilman uudelleenlatausta, ja otamme myös React-Routerin mukaan työhön.
— Opitaan kehittämään monikielisiä React-sovelluksia.
— Tarkastellaan tapoja tuoda joustavuutta käyttöliittymän muotoiluun, työskentelyyn teemojen (esimerkiksi vaalea/tumma) kanssa, työskentely ikonien ja animaatioiden kanssa käyttämällä esimerkkinä lottoa.
III. Nodejs
Tässä vaiheessa otat palvelimesi käyttöön Node.js: ssä käyttämällä Express.js-kirjastoa. API: n käyttöönotto tiimiprojektiin. Opi työskentelemään postimies-ohjelmassa. Opi telakointikuvan käytön perusteet käyttämällä esimerkkiä Mongodb-tietokannan kanssa työskentelystä.
— Node.js: n esittely, sen historia ja paketinhallinnan perusteet.
— Ota selvää, miten Node.js toimii tiedostojen kanssa, miten moduuleja luodaan ja julkaistaan, ja tutustu tämän prosessin ominaisuuksiin.
— Opi rakentamaan palvelin Node.js: lle Express.js-kehyksen avulla.
— Jatkamme Express.js: n palvelimen ominaisuuksien tutkimista.
IV. Redux
Kun olet suorittanut tämän lohkon, ymmärrät, kuinka vuorovaikutus tausta-API: n kanssa tapahtuu nykyaikaisessa React-sovelluksessa. Opi kehittämään ja hallinnoimaan tynkätyyppejä paikallista kehitystä varten, oppia tekemään konfiguroitava microfrontend-sovellus toimimaan todellisen palvelimen kanssa.
— Saadaksesi syvällinen käsitys siitä, miten Redux-tilahallinta toimii, kirjoitetaan oma versiomme ja ymmärretään Reduxin käytön perusteet.
— Katsotaan käytännössä, miten ja miksi Reduxia käytetään sen klassisessa muodossa.
— Opi käyttämään ja ymmärtämään koukuilla ja ilman koukkuja sisältävien valitsimien käsite.
— Aiemman tiedon perusteella harkitaan Reduxin nykyaikaisempaa käyttöä @reduxjs/toolkit-kirjaston ansiosta.
— Ymmärretään palvelimen kanssa työskentelyn monimutkaisuus ja Reduxin paikka tässä prosessissa.
V. Jest
Tässä lohkossa tutkimme, miten ja miksi verkkosovellusta testataan. Opit testaamaan sovelluksesi ja lisäämään kooditestin kattavuutta alan standardiin 80 %. Opit sovellusten testauksen periaatteet käyttämällä esimerkkinä Jest-kirjastoa.
— Keskustellaan siitä, miksi testejä ylipäätään pitää kirjoittaa ja miten se tehdään nopeasti ja tehokkaasti.
— Hallitse Jest-testikehyksen perustaminen tyhjästä.
— Jatkoa edelliseen aiheeseen keskittyen yksikkötestaukseen.
— Näet kuinka käyttöliittymätestejä lisätään projektiin.
VI. Yhden sivun sovellus
Tässä lohkossa tutkimme teknologioita, joita käytetään kaikissa nykyaikaisissa verkkosovelluksissa ja jotka tulevat saataville Internet Explorerin tuen poistamisen jälkeen. Tämä tapahtui 15.6.2022.
— Tutustutaan ajatukseen yksisivuisesta sovelluksesta.
— Selvitetään, miten voit kirjoittaa oman komponenttikirjastosi.
— Opiskellaan monisäikeistä Node.js: ssä.
— Kirjoitetaan chatti verkkopistorasiaan. Hakkeroit sen omin käsin luokassa ja opit myös puolustautumaan tällaisia hyökkäyksiä vastaan.
— Katsotaanpa oman videokeskustelun luomista kahdelle.
— Tutustutaan Nginx-palvelimen perustamisen ja tasapainotuksen perusteisiin. Opimme myös yhdistämään hakukoneet SPA-sovellukseemme.
Lopputyön puolustaminen