Frontend-utvecklare - kurs 47 600 rub. från Loftskolan, utbildning 3 månader, Datum 28 november 2023.

Miscellanea / by admin / November 29, 2023

Kunskap och färdigheter
All nödvändig kunskap för en frontend-utvecklare.

Portfölj
2 imponerande moderna och tekniska projekt i din portfölj.

Certifikat
Med en poäng som återspeglar din kunskapsnivå och grad av påverkan.

Carier start
Vi garanterar anställning till alla bra och utmärkta studenter.

De ger kunskap, inte svar. De älskar att förklara och kan förmedla komplex information på ett begripligt språk. Krävande på kvaliteten på din kod: du klarar inte uppdraget förrän din kod är perfekt. De förstår andra människor väl och vet hur man hittar ett förhållningssätt till alla elever. Alltid redo att hjälpa till.

Vue.js Avancerad webbutveckling

Vecka 1 - Arbetsflöde

— Vi träffar mentorn och gruppen.
— Med hjälp av webpack-montering skapar vi den valda layouten för slutprojektet.
— Vi lägger ut resultatet på Github och skickar det till mentorn för verifiering.

Kursöppning
1. Så går träningen (01:09:37)

Vue. Nyckelfunktioner
1. Teori (04:49)
2. Hello World (06:20)
3. Händelsehantering (02:38)
4. Hantera flera händelser (01:19)

instagram viewer

5. Dynamiska värden (01:30)
6. Introduktion till direktiv (05:40)
7. Förkortade direktiv (00:37)
8. Metoder med parametrar (01:36)
9. Händelsemodifierare (08:52)
10. Beräknade egenskaper (10:50)
11. Watchers (06:02)
12. Arbeta med klasser (03:37)
13. Arbeta med CSS-egenskaper (02:49)
14. Åtkomst till DOM-element (03:50)
15. Villkorlig återgivning (04:46)
16. Återgivningslistor (05:12)
17. Skapa en komponent (04:16)
18. Lokala komponenter (02:44)
19. Datareaktivitet (04:35)
20. Komponentegenskaper (03:52)
21. Slots (04:37)
22. Slots med omfattning (04:52)
23. Anpassade händelser (04:27)
24. Teleporterar (02:53)

Vue. Komponenter med en fil
1. Installerar projektet. VUE-CLI (09:22)
2. Enskild filkomponent (03:18)
3. Arbeta med stilar (07:02)
4. Passerar attribut och hanterare (02:53)
5. Enskilda filer (01:26)
6. Validering av komponentegenskaper (07:35)
7. Validering av användarhändelser (02:01)
8. Tvåvägs datakommunikation (04:11)
9. Anpassad v-modell (05:51)
10. Livscykelkrokar (07:08)
11. Föroreningar (04:40)

NPM
1. Vad är npm? (05:50)
2. Installera och uppdatera npm (02:33)
3. Hjälp med npm (01:28)
4. Hitta och installera paket (04:24)
5. Paketberoenden (02:09)
6. Manifestfil package.json (03:02)
7. Ta bort och uppdatera paket (03:02)
8. beroenden och beroenden (01:51)
9. Webpack och npx (04:04)
10. npm-skript (04:02)
11. npm, git och github (02:40)

Garn
1. Garn (07:07)

Webpack. Grunderna
1. Teori (01:09)
2. Minimal konfiguration och start (04:41)
3. Filnamn (02:34)
4. Lastare (04:28)
5. Dev-server (02:43)
6. Plugins (02:34)
7. Sök efter moduler (03:18)
8. Sorsmaps (03:17)
9. Dev et al (02:42)
10. Typer av moduler (03:00)
11. Minimal montering (05:30)

ESLint. Konfigurationsöversikt
1. Introduktion (01:26)
2. Installation och start (03:10)
3. Buggfixar (02:04)
4. Konfiguration (05:21)
5. Utdataformat (00:52)

Figma för layoutdesigner
1. Figma. Gränssnitt (04:37)
2. Figma. Projektorganisation (01:32)

Flexbox
1. Introduktion (00:45)
2. Flexbehållare (01:43)
3. Huvudaxelinriktning (01:37)
4. Korsaxelinriktning (01:50)
5. Justera ett enstaka element (01:09)
6. Flexelement - behållare (00:53)
7. Axelriktning (03:18)
8. Flerlinjecontainer (02:54)
9. Justera flerradsinnehåll (01:25)
10. Proportioner (02:46)
11. Kompressionsproportioner (01:24)
12. Grundstorlek (04:02)
13. Ordning av element (02:40)

GIT
1. Introduktion (07:03)
2. Komma igång med Git (03:01)
3. Skapa ett nytt arkiv (01:09)
4. Lägga till filer till Git-indexet (bevakningsområdet) (06:49)
5. Skapa en commit (07:17)
6. Begär navigering. Avbryt ändringar (12:10)
7. Typisk Git-cykel (03:34)
8. Förgrening i Git (11:27)
9. Konflikter vid sammanslagning av filialer (06:06)
10. Tillfälligt (utan commit) lagring av data (05:25)
11. Arbeta med fjärrlager (20:04)
12. Använda GitHub-sidor för att vara värd för projekt (04:31)

Vue. Workshop #1
1. Start av projektet (05:24)
2. Rubrikkomponent (04:13)
3. Ikonkomponent (05:06)
4. Visar en lista med komponenter (02:56)
5. Växla komponent (03:19)

Vecka 2 – Vue.js

— Vi gör layouten anpassningsbar.
— Vi kommer att implementera "Skills"-blocket i Vue.js.
— Vi kommer att implementera blocket "Mina projekt" i Vue.js.
— Vi implementerar "Slider for reviews"-blocket med Vue.js-plugin.

Sagobok
1. Installation (01:56)
2. Första historien (04:35)
3. Ansluta en komponent (01:24)
4. Konfigurationsexpansion (04:26)
5. Allmänna stilar (02:08)
6. Berättelse för komponenten (05:23)
7. CDD (04:16)
8. Skapa en komponent (02:28)
9. Applicera en komponent (02:29)
10. Händelseloggning (03:29)
11. Bakgrundstillägg (01:41)
12. Addon Knobs (02:28)
13. Tilläggskälla (02:17)
14. Slutsats (01:11)

JavaScript - ES6
1. Stränginterpolation (07:39)
2. Förenkla metodbeskrivningar (13:35)
3. Standardvärden (30:08)
4. Destructuring Assignment: Objects (07:30)
5. Nya funktioner och gamla webbläsare (13:07)

Asynkron i JavaScript
1. Timers (23:44)
2. Laddar bilder (22:21)
3. Löften (36:29)
4. AJAX (32:28)

Axios. Frågebibliotek
1. Introduktion (02:23)
2. Skicka en förfrågan (02:12)
3. Konfigurationsöversikt (04:30)
4. Begäran kropp (01:43)
5. Standardinställningar (01:38)
6. Interceptors (02:11)
7. Tjänster (02:33)
8. async-await (01:18)

Vue. Workshop #2
1. Förberedelser (02:39)
2. Ansluta en komponent (02:16)
3. Styrutgång (02:38)
4. Framstegskomponent (05:09)
5. Begäran till servern (06:38)
6. Datautgång (05:55)

Vecka 3 - Native JavaScript

— Vi skapar adminpanelen.
— Vi studerar Storybook och tillämpar den i vårt projekt.
— Vi utför nödvändig behandling (validering) av projektformulär.

VueRouter. Routing i webbläsaren
1. Introduktion (04:31)
2. Länkbygge (02:41)
3. Programnavigering (02:35)
4. Sökvägsparametrar (04:42)
5. Parametrar som egenskaper (00:49)
6. Avancerade alternativ och 404 (03:29)
7. Kapslade rutter (03:23)
8. Aktivitetsklasser (02:37)
9. Olika router-vyer (01:08)
10. Dynamisk import (02:00)
11. Vacker URL (02:16)

Vuex. Statschef
1. Introduktion (01:13)
2. Anslutning (02:30)
3. Action (02:27)
4. Mutationer (02:16)
5. Getters (02:02)
6. Tillämpning i praktiken (08:07)
7. Assistentfunktioner (02:59)
8. Moduler (05:18)
9. Dynamiska moduler (01:38)
Fråga Svar

Vue. Workshop #3
1. Layout (04:33)
2. Datautgång (02:42)
3. Förbereder för animering (02:14)
4. Knappdisplay (03:45)
5. Ytterligare innehåll laddas (11:38)
6. Visa bild efter övergång (02:17)

Vecka 4 – Vue.js, SPA

— Vi implementerar SPA i adminpanelen.
— Vi studerar att arbeta med data genom applikationslagringen
— Vi använder ajax för att kommunicera med api, ställa in klient-server-interaktioner.

Tillstånd. Polletter
1. Behörighetstyper (04:20)
2. GitHub OAuth (01:42)
3. Skapa en GitHub-applikation (02:28)
4. Ta emot en token (08:38)
5. Lagra data i kod (01:46)
6. Vägskydd (04:13)

Vue. Workshop #4
1. Förberedelser (01:33)
2. Skapa en åtgärd (02:30)
3. Nedladdningsstatus (04:01)
4. Begäran (02:27)
5. Ta bort dubbletter (03:29)
6. Vägskydd (03:23)
7. Logga ut (00:51)

Vecka 5 - Träning

— Vi visar sparad data från adminpanelen till målsidan.
— Vi testar komponenterna.
— Grupparbete i ett projekt med en mentor.

Vue.js. Komposition API
1. Introduktion (01:29)
2. Allmänt exempel (03:57)
3. Låtfunktion (01:51)
4. Reaktiv funktion (00:55)
5. toRef-funktion (01:35)
6. toRefs-funktion (00:58)
7. Beräknade egenskaper (00:56)
8. klockfunktion (01:41)
9. watchEffect-funktion (03:14)
10. skrivskyddad funktion (00:40)
11. Testfunktioner (02:30)
12. unref funktion (01:27)
13. Livscykelkrokar (00:58)
14. Exempel. Projektöversikt (00:53)
15. Exempel. Laddar funktionalitet (01:20)
16. Exempel. Kategorier (02:20)
17. Exempel. Initial filtrering (02:46)
18. Exempel. Filterbyte (02:11)
19. Exempel. Andra filtreringsfunktioner (02:03)
20. Exempel. Sorteringsmetod (03:05)
JS-kodtestning
1. Introduktion (16:05)
2. Skämt (15:47)
3. Fördelarna med tester (09:01)
4. Täckning (10:02)

Vue.js. Komponenttestning
1. Konfigurera paket (04:39)
2. Komponentomslag (04:13)
3. Vad ska testas (02:48)
4. Första provet (05:25)
5. Kontrollerar utsläppshändelsen (03:44)
6. Överlåta fastigheter (02:58)
7. Arbeta med formulärelement (05:42)
8. Allmänna inställningar (01:15)
9. Moki (05:04)
10. Ansluta bibliotek (02:32)
11. Action testing (03:26)
12. Testar butiken (02:53)
13. Testa med bilder (03:08)

Testning. Moki
1. Skapa en mockup (02:39)
2. Arbeta med argument (01:39)
3. Returvärde (02:57)
4. Moduler (04:24)
5. Timers (02:05)

Vue. Workshop #5
1. Enkel komponent (03:03)
2. Komponent med butik (05:21)
3. Testning. Förberedelser (03:20)
4. Testning. Toggler (02:38)
5. Testning. Problem (05:08)

Vecka 6 - Slutföra projektet

– Vi håller på att slutföra projektet.
— Vi lämnar in projektet för granskning av mentorer.
— Gradering av diplom.

Hur man får jobb inom IT: tips och tricks
1. Hur får man jobb inom IT? Sökning, intervju och provanställning (42:21)
2. Hur hittar man distansarbete och frilansbeställningar? (20:12)
3. Första jobbet inom IT – hur ska man bete sig? Praktikplatser, officiell anställning och arbete "för mat" (14:11)
4. Hur klarar man provanställningen? (27:10)
5. Hur man förbereder sig för en intervju på ett FAANG-företag (08:52)
6. Processen att ladda en webbsida (25:19)
7. Programmerarintervju - allt du behöver veta (01:24:07)
8. Att lösa ett problem från en programmerarintervju (19:36)
9. Intervju med frontend-utvecklare (01:37:17)

React.js webbapplikationsutveckling

Vecka 1 – Introduktion till React.js

— Vi lär känna kursteamet och klasskamraterna.
— Lär dig JSX och Virtual DOM i React.
— Vi överväger komponentmetoden och metoderna för dataöverföring.

Bekantskap
1. Kursöppning (05:41)

Jag React.js
1. Vad är React (07:05)
2. Virtual DOM (02:46)
3. JSX (06:10)
4. Rendering med villkor (05:11)
5. Arbeta med listor (02:45)
6. Komponenter (02:41)
7. Rekvisita (01:45)
8. State (06:45)
9. Händelser (02:26)
10. React Devtools (03:58)

II React.js
1. Livscykelmetoder (05:19)
2. Komponenter - funktioner (01:29)
3. Ren komponent (02:54)
4. Syntetiska evenemang (01:42)
5. Arbeta med formulär (02:51)
6. Felhantering (01:39)

Analys av uppgifter #1
1. Workshop #1 (30:36)

Vecka 2 - React.js-mönster, testning

— Vi studerar komponenter, element och instanser av komponentklassen.
— Vi överväger Recompose-biblioteket, komponenter av hög ordning och Render Props-mönster.
— Vi förstår fördelarna med tester, studerar Jest, Enzyme, Snapshots.

III Reagera
1. Intro (01:43)
2. PropTypes (10:18)
3. Kontext (05:19)
4. Refs (05:18)
5. Portals (05:02)
6. Hooks (10:42)

IV React.js
1. High Order Components (HOCs) - Higher Order Components (10:33)
2. Ref-forwarding (HOCs) (04:31)
3. Rendera rekvisitamönster (05:25)
4. HOK Library Recompose (10:32)
5. Profilering (04:02)

Testning
1. Intro (05:06)
2. Testlöpare (02:51)
3. Testa DSL (08:41)
4. Enzym (06:57)
5. Ögonblicksbilder (03:09)
6. Testsagor (05:01)
7. React Testing Library (06:32)

Analys av uppgifter #2
1. Workshop #2 (27:54)

Vecka 3 - Redux, routing

— Vi studerar routing: Enkel routing, routing med Switch, samt kapslad routing.
— Bekanta dig med Redux-biblioteket: grundläggande koncept och koncept för Store, Actions, Reducers, React-redux.
— Middleware anses vara ett sätt att arbeta med Sideeffect.

Routing i webbläsaren
1. History API (02:48)
2. Enkel routing (05:39)
3. Routing från Switch (04:16)
4. Kapslad rutt (05:32)
5. Privat väg (04:39)

Jag Redux
1. Intro (04:07)
2. Butik (05:03)
3. Åtgärder (02:17)
4. Reducerare (07:56)
5. React-redux (03:26)

II Redux
1. Intro (03:11)
2. CreateActions (redux-actions) (09:13)
3. Mellanvara (07:54)
4. Hantera åtgärder (05:52)
5. Väljare (06:17)
6. Välj igen (04:49)
7. Ankor (06:56)

Analys av uppgifter #3
1. Workshop #3 (39:13)

Vecka 4 - Redux-saga

— Vi studerar Redux-sagans bibliotek. Upprepa generator* funktioner. Låt oss lära oss hur man kör dem parallellt.
— Låt oss titta på Take-metoden. Låt oss studera val som ett sätt att hämta data från butiken.
— Vi tittar på sätt att utforma en React-applikation. Vi studerar biblioteken ClassNames, StyledComponents, BrowserList, MaterialUI.

Jag Redux-saga
1. Intro (00:57)
2. Översikt (02:08)
3. Generatorer (04:11)
4. Lägger till sagor (02:07)
5. Reagera på handlingar (03:53)
6. Funktionslanseringar (02:06)

II Redux-saga
1. Intro (00:27)
2. Utför effekter parallellt (03:41)
3. Trä i kraft (02:45)
4. Välj effekt (02:04)
5. Avbryt effekter (04:05)

Arbeta med stilar
1. Intro (01:34)
2. CRA Styles (05:21)
3. Klassnamn (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)

Analys av uppgifter #4
1. Workshop #4 (09:55)

Vecka 5 – Blanketter, CI & DI & Client felhantering

— Vi överväger att arbeta med formulär med hjälp av biblioteken Formik, Redux Forms, React Final Form.
— Vi överväger metoder för att kvalitetssäkra produktionskoden. Vi analyserar verktyg som: Husky, TravisCI, HerokuNow.
— Vi studerar en uppsättning användbara bibliotek för utveckling (Storybook, RamdaJS, Axios).
— Vi överväger TypeScript.

Arbeta med formulär
1. Intro (05:07)
2. Formik (08:51)
3. Redux-formulär (06:22)
4. Reagera slutgiltigt formulär (06:36)

CI & DI & Client felhantering
1. Intro (05:07)
2. Husky (02:32)
3. CI med TravisCI (03:32)
4. Utplacera till heroku (04:57)
5. Rollbar (02:00)

En uppsättning användbara bibliotek för utveckling
1. Sagobok (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Typskript (09:31)

Analys av uppgifter #5
1. Workshop #5 (13:17)