Fullstack-JavaScript-Entwickler – Kurs 59.200 RUB. von der Innopolis University, Ausbildung 4 Monate
Verschiedenes / / November 27, 2023
Sie beherrschen den gesamten Zyklus der Website-Erstellung und werden zum universellen Spezialisten. Mit diesem Wissen können Sie Ihr Gehalt als Fullstack-Entwickler erhöhen oder als Freelancer Websites erstellen.
Sie lernen, komplexe interaktive Schnittstellen zu erstellen und mit Frameworks zu arbeiten, Ihre Soft Skills zu verbessern, Holen Sie sich fachkundigen Rat für Ihre Karriereentwicklung, damit Sie teure Projekte annehmen können und wissen, wohin Sie gehen müssen weiter. Die Schulung erfolgt im Format Live-Webinare mit einem Lehrer und Gruppenberatungen mit einem Mentor.
— Der gesamte Prozess der Erstellung einer Anwendung von der Konzeptions- und Zeichnungsphase bis zur Veröffentlichung der ersten Arbeitsversion;
— Micro-Frontend-Entwicklungstechnik.
— Sie verfügen über eine eigene MVP-Anwendung, die Sie im Team unter Anleitung eines Lehrers entwickeln;
— Sie verstehen die Backend- und Frontend-Komponenten des Produkts und sind außerdem in der Lage, selbstständig eine Webanwendung zu entwerfen und zu programmieren.
ICH. Einleitend. Toolkit, Git, Projekteinrichtung
Im ersten Block stellen wir allen Kursteilnehmern eine Reihe von Werkzeugen zur Verfügung, die sie zum Durcharbeiten der Themen benötigen. Es finden individuelle Installationsberatungen statt, bei denen wir anhand Ihrer persönlichen Entwicklungserfahrung individuelle Ziele für den Kurs festlegen. Als Ergebnis dieses Blocks erfahren Sie, wie Sie die Assembly einer SPA-Anwendung mit jedem CSS-Präprozessor mithilfe von Webpack unabhängig konfigurieren. Außerdem erhalten Sie ein grundlegendes Verständnis der Typescript-Sprache und der Funktionen ihrer Konfiguration und Verwendung.
— In der ersten Lektion zeigen wir Ihnen die notwendigen Tools sowie deren Installation und Konfiguration. Sie erfahren, wie Sie einen React-Projekt-Build von Grund auf einrichten.
— Machen Sie sich mit den Grundlagen der Typescript-Sprache und ihren Unterschieden zu JavaScript vertraut.
II. Reagieren
Im zweiten Block werden Teams gebildet, die Beratungen gehen in Teambesprechungen über. Bei solchen Treffen entscheiden wir über das Projekt und bilden eine Reihe von Funktionen, die unser Ziel für den Kurs sein werden. Sie entwickeln Layouts und haben am Ende des Blocks alle Seiten des Teamprojekts in React angelegt.
— Machen wir uns mit der Entstehungsgeschichte von Web-Frameworks vertraut, diskutieren wir die Vor- und Nachteile von React und beginnen wir mit der Entwicklung der ersten Komponenten in React.
— Sehen wir uns die Best Practices zum Organisieren der Struktur einer React-Anwendung an. Lassen Sie uns in die Details des Renderns von React-Komponenten eintauchen. Beginnen wir mit der Verwendung des modernen CSS-IN-JS-Ansatzes zum Gestalten von React-Komponenten basierend auf gestalteten Komponenten.
— Lassen Sie uns lernen, wie man mit den Hauptkomponenten der React-Komponenten – Props und State – richtig arbeitet, was dazu beiträgt, den Komponenten mehr Flexibilität zu verleihen. Lassen Sie uns die richtige Methode für die Interaktion mit DOM-Elementen aus React-Komponenten herausfinden.
— Lassen Sie uns die React-API weiter studieren, nach Möglichkeiten suchen, mit untergeordneten Komponenten zu interagieren, und lernen, wie wir das Problem endloser Props-Requisiten mithilfe des Kontexts vermeiden können. Werfen wir einen Blick auf einen alternativen Ansatz zur Erweiterung der Funktionen einer React-Komponente.
— Lassen Sie uns den Lebenszyklus einer Komponente analysieren und verstehen, wie sie implementiert wird, was es uns ermöglicht, Komponenten mit neuen Arten von Logik anzureichern.
— Lassen Sie uns verstehen, wie React mithilfe des neuen Hooks-Musters vollständig von Klassenkomponenten zu funktionalen Komponenten übergehen konnte. Machen wir uns mit den grundlegenden Hooks von React vertraut.
— Wir werden genau herausfinden, wie das Wechseln zwischen Seiten ohne Neuladen funktioniert, und auch React-Router in die Arbeit integrieren.
— Lassen Sie uns lernen, wie man mehrsprachige React-Anwendungen entwickelt.
— Sehen wir uns am Beispiel von Lotty Möglichkeiten an, wie wir Flexibilität in die Gestaltung der Benutzeroberfläche einführen können, indem wir mit Themen (z. B. hell/dunkel) und mit Symbolen und Animationen arbeiten.
III. Nodejs
In diesem Schritt implementieren Sie Ihren Server in Node.js mithilfe der Express.js-Bibliothek. Implementierung einer API für ein Teamprojekt. Lernen Sie, im Postbotenprogramm zu arbeiten. Lernen Sie die Grundlagen der Verwendung eines Docker-Images am Beispiel der Arbeit mit der Mongodb-Datenbank.
— Einführung in Node.js, seine Geschichte und die Grundlagen des Paketmanagers.
— Erfahren Sie, wie Node.js mit Dateien arbeitet, wie Module erstellt und veröffentlicht werden, und machen Sie sich mit den Funktionen dieses Prozesses vertraut.
– Erfahren Sie, wie Sie mithilfe des Express.js-Frameworks einen Server auf Node.js erstellen.
– Weitere Untersuchung der Funktionen des Servers auf Express.js.
IV. Redux
Nachdem Sie diesen Block abgeschlossen haben, werden Sie verstehen, wie die Interaktion mit der Backend-API in einer modernen React-Anwendung erfolgt. Erfahren Sie, wie Sie Stub-Stubs für die lokale Entwicklung entwickeln und verwalten und wie Sie eine konfigurierbare Microfrontend-Anwendung für die Zusammenarbeit mit einem echten Server erstellen.
— Um ein tieferes Verständnis der Funktionsweise des Redux-Statusmanagers zu erlangen, schreiben wir unsere eigene Version und verstehen die Grundlagen der Verwendung von Redux.
— Sehen wir uns in der Praxis an, wie und warum Redux in seiner klassischen Form verwendet wird.
— Beherrschen Sie die Verwendung und verstehen Sie das Konzept von Selektoren mit und ohne Haken.
— Betrachten wir basierend auf den bisherigen Erkenntnissen eine modernere Nutzung von Redux dank der @reduxjs/toolkit-Bibliothek.
— Lassen Sie uns die Feinheiten der Arbeit mit dem Server und die Rolle von Redux in diesem Prozess verstehen.
V. Scherz
In diesem Block werden wir untersuchen, wie und warum eine Webanwendung getestet wird. Sie erfahren, wie Sie Ihre Anwendung testen und die Code-Testabdeckung auf den Industriestandard von 80 % erhöhen. Sie lernen die Prinzipien des Anwendungstests am Beispiel der Jest-Bibliothek kennen.
— Lassen Sie uns darüber sprechen, warum Sie überhaupt Tests schreiben müssen und wie Sie dies schnell und effizient tun können.
– Meistern Sie die Einrichtung des Jest-Test-Frameworks von Grund auf.
— Fortsetzung des vorherigen Themas mit Schwerpunkt auf Unit-Tests.
— Sie erfahren, wie Sie UI-Tests zum Projekt hinzufügen.
VI. Einzelseitenanwendung
In diesem Block werden wir Technologien untersuchen, die in allen modernen Webanwendungen verwendet werden und nach der Entfernung der Unterstützung durch Internet Explorer verfügbar werden. Dies geschah am 15. Juni 2022.
— Machen wir uns mit der Idee einer Single-Page-Anwendung vertraut.
— Lassen Sie uns herausfinden, wie Sie Ihre eigene Komponentenbibliothek schreiben.
– Lassen Sie uns Multithreading auf Node.js meistern.
— Schreiben wir einen Chat über einen Web-Socket. Sie werden es im Unterricht mit Ihren eigenen Händen hacken und lernen, sich gegen solche Angriffe zu verteidigen.
— Schauen wir uns an, wie Sie Ihren eigenen Video-Chat für zwei Personen erstellen.
— Machen wir uns mit den Grundlagen der Einrichtung eines Servers auf Nginx und dem Ausgleich vertraut. Außerdem lernen wir, wie wir Suchmaschinen mit unserer SPA-Anwendung verbinden.
Verteidigung des endgültigen Projekts