Frontend-Entwickler - Kurs 47.600 Rubel. von der Loft School, Ausbildung 3 Monate, Datum 28. November 2023.
Verschiedenes / / November 29, 2023
Wissen und Fähigkeiten
Alle notwendigen Kenntnisse für einen Frontend-Entwickler.
Portfolio
2 beeindruckende moderne und technologische Projekte in Ihrem Portfolio.
Zertifikat
Mit einer Punktzahl, die Ihren Wissensstand und Ihre Wirkung widerspiegelt.
Carier-Start
Wir garantieren allen guten und exzellenten Studierenden eine Anstellung.
Sie geben Wissen, keine Antworten. Sie lieben es zu erklären und sind in der Lage, komplexe Informationen in verständlicher Sprache zu vermitteln. Hohe Ansprüche an die Qualität Ihres Codes: Sie werden die Aufgabe erst bestehen, wenn Ihr Code perfekt ist. Sie verstehen andere Menschen gut und wissen, wie sie auf jeden Schüler zugehen können. Immer bereit zu helfen.
Vue.js Fortgeschrittene Webentwicklung
Woche 1 – Arbeitsablauf
— Wir treffen den Mentor und die Gruppe.
— Mithilfe der Webpack-Assembly erstellen wir das ausgewählte Layout für das endgültige Projekt.
— Wir veröffentlichen das Ergebnis auf Github und übermitteln es dem Mentor zur Überprüfung.
Kurseröffnung
1. So läuft das Training ab (01:09:37)
Vue. Hauptmerkmale
1. Theorie (04:49)
2. Hallo Welt (06:20)
3. Ereignisbehandlung (02:38)
4. Umgang mit mehreren Ereignissen (01:19)
5. Dynamische Werte (01:30)
6. Einführung in Richtlinien (05:40)
7. Kurzanweisungen (00:37)
8. Methoden mit Parametern (01:36)
9. Ereignismodifikatoren (08:52)
10. Berechnete Eigenschaften (10:50)
11. Beobachter (06:02)
12. Arbeiten mit Klassen (03:37)
13. Arbeiten mit CSS-Eigenschaften (02:49)
14. Zugriff auf DOM-Elemente (03:50)
15. Bedingtes Rendern (04:46)
16. Rendering-Listen (05:12)
17. Erstellen einer Komponente (04:16)
18. Lokale Komponenten (02:44)
19. Datenreaktivität (04:35)
20. Komponenteneigenschaften (03:52)
21. Spielautomaten (04:37)
22. Slots mit Spielraum (04:52)
23. Benutzerdefinierte Ereignisse (04:27)
24. Teleports (02:53)
Vue. Einzeldateikomponenten
1. Installieren des Projekts. VUE-CLI (09:22)
2. Einzeldateikomponente (03:18)
3. Arbeiten mit Stilen (07:02)
4. Übergeben von Attributen und Handlern (02:53)
5. Einzelne Dateien (01:26)
6. Validierung von Komponenteneigenschaften (07:35)
7. Validierung von Benutzerereignissen (02:01)
8. Zwei-Wege-Datenkommunikation (04:11)
9. Benutzerdefiniertes V-Modell (05:51)
10. Lebenszyklus-Hooks (07:08)
11. Verunreinigungen (04:40)
NPM
1. Was ist npm? (05:50)
2. NPM installieren und aktualisieren (02:33)
3. Hilfe mit npm (01:28)
4. Pakete finden und installieren (04:24)
5. Paketabhängigkeiten (02:09)
6. Manifestdatei package.json (03:02)
7. Pakete entfernen und aktualisieren (03:02)
8. Abhängigkeiten und DevDependencies (01:51)
9. Webpack und Npx (04:04)
10. NPM-Skripte (04:02)
11. npm, git und github (02:40)
Garn
1. Garn (07:07)
Webpack. Grundlagen
1. Theorie (01:09)
2. Minimale Konfiguration und Start (04:41)
3. Dateibenennung (02:34)
4. Lader (04:28)
5. Dev-Server (02:43)
6. Plugins (02:34)
7. Suche nach Modulen (03:18)
8. Sorsmaps (03:17)
9. Dev et al. (02:42)
10. Modultypen (03:00)
11. Minimale Montage (05:30)
ESLint. Konfigurationsübersicht
1. Einführung (01:26)
2. Installation und Start (03:10)
3. Fehlerbehebungen (02:04)
4. Konfiguration (05:21)
5. Ausgabeformat (00:52)
Figma für Layoutdesigner
1. Figma. Schnittstelle (04:37)
2. Figma. Projektorganisation (01:32)
Flexbox
1. Einführung (00:45)
2. Flexcontainer (01:43)
3. Ausrichtung der Hauptachse (01:37)
4. Querachsenausrichtung (01:50)
5. Ausrichten eines einzelnen Elements (01:09)
6. Flexelement - Container (00:53)
7. Achsenrichtung (03:18)
8. Mehrzeiliger Container (02:54)
9. Ausrichten mehrzeiliger Inhalte (01:25)
10. Proportionen (02:46)
11. Kompressionsverhältnisse (01:24)
12. Grundgröße (04:02)
13. Reihenfolge der Elemente (02:40)
GIT
1. Einführung (07:03)
2. Erste Schritte mit Git (03:01)
3. Ein neues Repository erstellen (01:09)
4. Dateien zum Git-Index hinzufügen (Überwachungsbereich) (06:49)
5. Commit erstellen (07:17)
6. Navigation festlegen. Änderungen verwerfen (12:10)
7. Typischer Git-Zyklus (03:34)
8. Verzweigung in Git (11:27)
9. Konflikte beim Zusammenführen von Zweigen (06:06)
10. Temporäres (ohne Commit) Speichern von Daten (05:25)
11. Arbeiten mit Remote-Repositorys (20:04)
12. Verwenden von GitHub-Seiten zum Hosten von Projekten (04:31)
Vue. Workshop Nr. 1
1. Projektstart (05:24)
2. Header-Komponente (04:13)
3. Symbolkomponente (05:06)
4. Komponentenliste anzeigen (02:56)
5. Komponente umschalten (03:19)
Woche 2 – Vue.js
— Wir machen das Layout adaptiv.
— Wir werden den „Skills“-Block in Vue.js implementieren.
— Wir werden den Block „Meine Projekte“ in Vue.js implementieren.
— Wir implementieren den Block „Slider for reviews“ mithilfe des Vue.js-Plugins.
Märchenbuch
1. Installation (01:56)
2. Erste Geschichte (04:35)
3. Anschließen einer Komponente (01:24)
4. Konfigurationserweiterung (04:26)
5. Allgemeine Stile (02:08)
6. Story für die Komponente (05:23)
7. CDD (04:16)
8. Erstellen einer Komponente (02:28)
9. Anwenden einer Komponente (02:29)
10. Ereignisprotokollierung (03:29)
11. Hintergrund-Add-on (01:41)
12. Addon-Knöpfe (02:28)
13. Addon-Quelle (02:17)
14. Fazit (01:11)
JavaScript – ES6
1. String-Interpolation (07:39)
2. Methodenbeschreibungen vereinfachen (13:35)
3. Standardeinstellungen (30:08)
4. Destrukturierungsaufgabe: Objekte (07:30)
5. Neue Funktionen und alte Browser (13:07)
Asynchronität in JavaScript
1. Timer (23:44)
2. Bilder werden geladen (22:21)
3. Versprechen (36:29)
4. AJAX (32:28)
Axios. Abfragebibliothek
1. Einführung (02:23)
2. Senden einer Anfrage (02:12)
3. Konfigurationsübersicht (04:30)
4. Anfragetext (01:43)
5. Standardeinstellungen (01:38)
6. Abfangjäger (02:11)
7. Dienstleistungen (02:33)
8. async-await (01:18)
Vue. Workshop Nr. 2
1. Vorbereitung (02:39)
2. Anschließen einer Komponente (02:16)
3. Steuerausgang (02:38)
4. Fortschrittskomponente (05:09)
5. Anfrage an den Server (06:38)
6. Datenausgabe (05:55)
Woche 3 – Natives JavaScript
— Wir erstellen das Admin-Panel.
— Wir studieren Storybook und wenden es in unserem Projekt an.
— Wir führen die notwendige Bearbeitung (Validierung) der Projektformulare durch.
VueRouter. Routing im Browser
1. Einführung (04:31)
2. Linkaufbau (02:41)
3. Software-Navigation (02:35)
4. Pfadparameter (04:42)
5. Parameter als Eigenschaften (00:49)
6. Erweiterte Optionen und 404 (03:29)
7. Verschachtelte Routen (03:23)
8. Aktivitätskurse (02:37)
9. Verschiedene Router-Ansichten (01:08)
10. Dynamische Importe (02:00)
11. Schöne URL (02:16)
Vuex. Staatsmanager
1. Einführung (01:13)
2. Verbindung (02:30)
3. Aktion (02:27)
4. Mutationen (02:16)
5. Getter (02:02)
6. Anwendung in der Praxis (08:07)
7. Assistenzfunktionen (02:59)
8. Module (05:18)
9. Dynamische Module (01:38)
Frage Antwort
Vue. Workshop Nr. 3
1. Layout (04:33)
2. Datenausgabe (02:42)
3. Vorbereitung auf die Animation (02:14)
4. Tastenanzeige (03:45)
5. Zusätzlicher Inhalt wird geladen (11:38)
6. Folie nach dem Übergang anzeigen (02:17)
Woche 4 – Vue.js, SPA
— Wir implementieren SPA im Admin-Panel.
— Wir untersuchen den Umgang mit Daten über den Anwendungsspeicher
— Wir verwenden Ajax, um mit der API zu kommunizieren und Client-Server-Interaktionen einzurichten.
Genehmigung. Token
1. Berechtigungsarten (04:20)
2. GitHub OAuth (01:42)
3. Erstellen einer GitHub-Anwendung (02:28)
4. Empfangen eines Tokens (08:38)
5. Daten im Code speichern (01:46)
6. Streckenschutz (04:13)
Vue. Workshop Nr. 4
1. Vorbereitung (01:33)
2. Eine Aktion erstellen (02:30)
3. Download-Status (04:01)
4. Anfrage (02:27)
5. Duplikate entfernen (03:29)
6. Streckensicherung (03:23)
7. Abmelden (00:51)
Woche 5 – Üben
— Wir zeigen die gespeicherten Daten vom Admin-Panel auf der Landingpage an.
— Wir testen die Komponenten.
— Gruppenarbeit an einem Projekt mit einem Mentor.
Vue.js. Kompositions-API
1. Einführung (01:29)
2. Allgemeines Beispiel (03:57)
3. Songfunktion (01:51)
4. Reaktive Funktion (00:55)
5. toRef-Funktion (01:35)
6. toRefs-Funktion (00:58)
7. Berechnete Eigenschaften (00:56)
8. Uhrfunktion (01:41)
9. watchEffect-Funktion (03:14)
10. Readonly-Funktion (00:40)
11. Testfunktionen (02:30)
12. unref-Funktion (01:27)
13. Lebenszyklus-Hooks (00:58)
14. Beispiel. Projektübersicht (00:53)
15. Beispiel. Ladefunktion (01:20)
16. Beispiel. Kategorien (02:20)
17. Beispiel. Erste Filterung (02:46)
18. Beispiel. Filterumschaltung (02:11)
19. Beispiel. Weitere Filterfunktionen (02:03)
20. Beispiel. Sortiermethode (03:05)
JS-Codetests
1. Einführung (16:05)
2. Scherz (15:47)
3. Die Vorteile von Tests (09:01)
4. Berichterstattung (10:02)
Vue.js. Komponententests
1. Pakete einrichten (04:39)
2. Komponenten-Wrapper (04:13)
3. Was zu testen ist (02:48)
4. Erster Test (05:25)
5. Überprüfung des Emissionsereignisses (03:44)
6. Eigenschaften übertragen (02:58)
7. Arbeiten mit Formularelementen (05:42)
8. Allgemeine Einstellungen (01:15)
9. Moki (05:04)
10. Bibliotheken verbinden (02:32)
11. Aktionstest (03:26)
12. Testen des Shops (02:53)
13. Testen mit Bildern (03:08)
Testen. Moki
1. Erstellen eines Modells (02:39)
2. Mit Argumenten arbeiten (01:39)
3. Rückgabewert (02:57)
4. Module (04:24)
5. Timer (02:05)
Vue. Workshop Nr. 5
1. Einfache Komponente (03:03)
2. Komponente mit Store (05:21)
3. Testen. Vorbereitung (03:20)
4. Testen. Umschalter (02:38)
5. Testen. Probleme (05:08)
Woche 6 – Abschluss des Projekts
— Wir schließen das Projekt ab.
— Wir reichen das Projekt zur Begutachtung durch Mentoren ein.
— Benotungsdiplome.
Wie man einen Job in der IT bekommt: Tipps und Tricks
1. Wie bekomme ich einen Job in der IT? Suche, Interview und Probezeit (42:21)
2. Wie finde ich Remote-Arbeits- und Freelance-Aufträge? (20:12)
3. Erster Job in der IT – wie verhält man sich? Praktika, offizielle Beschäftigung und Arbeit „für Essen“ (14:11)
4. Wie besteht man die Probezeit? (27:10)
5. So bereiten Sie sich auf ein Vorstellungsgespräch bei einem FAANG-Unternehmen vor (08:52)
6. Der Vorgang des Ladens einer Webseite (25:19)
7. Programmierer-Interview – alles, was Sie wissen müssen (01:24:07)
8. Lösen eines Problems aus einem Programmiererinterview (19:36)
9. Frontend-Entwicklerinterview (01:37:17)
React.js-Webanwendungsentwicklung
Woche 1 – Einführung in React.js
— Wir lernen das Kursteam und die Klassenkameraden kennen.
– JSX und Virtual DOM in React lernen.
— Wir erwägen den Komponentenansatz und Methoden der Datenübertragung.
Bekanntschaft
1. Kurseröffnung (05:41)
Ich React.js
1. Was ist Reagieren (07:05)
2. Virtuelles DOM (02:46)
3. JSX (06:10)
4. Rendern mit Bedingungen (05:11)
5. Mit Listen arbeiten (02:45)
6. Komponenten (02:41)
7. Requisiten (01:45)
8. Staat (06:45)
9. Ereignisse (02:26)
10. Devtools reagieren (03:58)
II React.js
1. Lebenszyklusmethoden (05:19)
2. Komponenten - Funktionen (01:29)
3. Reine Komponente (02:54)
4. Synthetische Ereignisse (01:42)
5. Mit Formularen arbeiten (02:51)
6. Fehlerbehandlung (01:39)
Analyse der Aufgaben #1
1. Workshop Nr. 1 (30:36)
Woche 2 – React.js-Muster, Tests
— Wir untersuchen Komponenten, Elemente und Instanzen der Komponentenklasse.
– Wir berücksichtigen die Recompose-Bibliothek, Komponenten höherer Ordnung und Render Props-Muster.
— Wir verstehen die Vorteile von Tests, studieren Jest, Enzyme, Snapshots.
III Reagieren
1. Einführung (01:43)
2. PropTypes (10:18)
3. Kontext (05:19)
4. Refs (05:18)
5. Portale (05:02)
6. Haken (10:42)
IV React.js
1. Komponenten höherer Ordnung (HOCs) - Komponenten höherer Ordnung (10:33)
2. Ref-Forwarding (HOCs) (04:31)
3. Requisitenmuster rendern (05:25)
4. Neuzusammenstellung der HOK-Bibliothek (10:32)
5. Profilerstellung (04:02)
Testen
1. Einführung (05:06)
2. Testläufer (02:51)
3. DSL testen (08:41)
4. Enzym (06:57)
5. Schnappschüsse (03:09)
6. Sagen testen (05:01)
7. React Testing-Bibliothek (06:32)
Analyse der Aufgaben #2
1. Workshop Nr. 2 (27:54)
Woche 3 – Redux, Routing
— Wir untersuchen Routing: Einfaches Routing, Routing mit Switch sowie verschachteltes Routing.
— Kennenlernen der Redux-Bibliothek: Grundkonzepte und Konzepte von Store, Actions, Reducers, React-redux.
— Middleware wird als eine Möglichkeit betrachtet, mit Sideeffect zu arbeiten.
Routing im Browser
1. Verlaufs-API (02:48)
2. Einfaches Routing (05:39)
3. Routing vom Switch (04:16)
4. Verschachteltes Routing (05:32)
5. Privatroute (04:39)
Ich Redux
1. Einführung (04:07)
2. Laden (05:03)
3. Aktionen (02:17)
4. Reduzierstücke (07:56)
5. React-redux (03:26)
II Redux
1. Einführung (03:11)
2. CreateActions (Redux-Aktionen) (09:13)
3. Middleware (07:54)
4. Aktionen verarbeiten (05:52)
5. Selektoren (06:17)
6. Neu auswählen (04:49)
7. Enten (06:56)
Analyse der Aufgaben #3
1. Workshop Nr. 3 (39:13)
Woche 4 – Redux-Saga
— Wir studieren die Redux-Saga-Bibliothek. Wiederholen Sie die Generatorfunktionen*. Lassen Sie uns lernen, wie man sie parallel ausführt.
— Schauen wir uns die Take-Methode an. Sehen wir uns Select als Möglichkeit an, Daten aus dem Store abzurufen.
— Wir suchen nach Möglichkeiten, eine React-Anwendung zu gestalten. Wir untersuchen die Bibliotheken ClassNames, StyledComponents, BrowserList, MaterialUI.
Ich Redux-Saga
1. Einführung (00:57)
2. Übersicht (02:08)
3. Generatoren (04:11)
4. Sagen hinzufügen (02:07)
5. Auf Aktionen reagieren (03:53)
6. Funktionseinführungen (02:06)
II Redux-Saga
1. Einführung (00:27)
2. Effekte parallel ausführen (03:41)
3. In Kraft treten (02:45)
4. Effekt auswählen (02:04)
5. Effekte abbrechen (04:05)
Arbeiten mit Stilen
1. Einführung (01:34)
2. CRA-Stile (05:21)
3. Klassennamen (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material-Benutzeroberfläche (08:13)
Analyse der Aufgaben Nr. 4
1. Workshop Nr. 4 (09:55)
Woche 5 – Formulare, CI & DI & Client-Fehlerbehandlung
— Wir erwägen die Arbeit mit Formularen unter Verwendung der Bibliotheken Formik, Redux Forms und React Final Form.
— Wir erwägen Methoden zur Sicherstellung der Qualität des Produktionscodes. Wir analysieren solche Tools wie: Husky, TravisCI, HerokuNow.
— Wir untersuchen eine Reihe nützlicher Bibliotheken für die Entwicklung (Storybook, RamdaJS, Axios).
— Wir denken über TypeScript nach.
Arbeiten mit Formularen
1. Einführung (05:07)
2. Formik (08:51)
3. Redux-Formular (06:22)
4. Endgültige Form reagieren (06:36)
CI-, DI- und Client-Fehlerbehandlung
1. Einführung (05:07)
2. Husky (02:32)
3. CI mit TravisCI (03:32)
4. Bereitstellung für Heroku (04:57)
5. Überrollbügel (02:00)
Eine Reihe nützlicher Bibliotheken für die Entwicklung
1. Märchenbuch (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Typoskript (09:31)
Analyse der Aufgaben Nr. 5
1. Workshop Nr. 5 (13:17)
Woche 6 – Projektarbeit
— Wir füllen den Antrag aus und senden ihn zur Prüfung.
Wie man einen Job in der IT bekommt: Tipps und Tricks
1. Wie bekomme ich einen Job in der IT? Suche, Interview und Probezeit (42:21)
2. Wie finde ich Remote-Arbeits- und Freelance-Aufträge? (20:12)
3. Erster Job in der IT – wie verhält man sich? Praktika, offizielle Beschäftigung und Arbeit „für Essen“ (14:11)
4. Wie besteht man die Probezeit? (27:10)
5. So bereiten Sie sich auf ein Vorstellungsgespräch bei einem FAANG-Unternehmen vor (08:52)
6. Der Vorgang des Ladens einer Webseite (25:19)
7. Programmierer-Interview – alles, was Sie wissen müssen (01:24:07)
8. Lösen eines Problems aus einem Programmiererinterview (19:36)
9. Frontend-Entwicklerinterview (01:37:17)