Intensivkurs „Front-End-Entwickler“ – Kurs 88.800 Rubel. von SkillFactory, Ausbildung 3 Monate, Datum: 13. August 2023.
Verschiedenes / / November 29, 2023
Projekt 1. Visitenkarten-Website
Sie erstellen Ihre erste vollwertige Website mit Layout-Tools – HTML und CSS. Auf der Website erfahren Sie mehr über Sie, Ihre Erfahrungen und Hobbys. Im Verlauf Ihrer Spezialisierung können Sie darauf zurückkommen und Informationen über sich selbst hinzufügen. Mithilfe von HTML-Tags bereiten Sie das Markup des Site-Inhalts vor und mithilfe von CSS-Styling entwickeln Sie ein individuelles Design für Ihre Visitenkarten-Site und fügen ihr einfache Interaktivität hinzu.
Trotz der Einfachheit der HTML- und CSS-Tools ist dieser Abschnitt für jeden Entwickler von grundlegender Bedeutung. HTML wird häufig in Verbindung mit Programmiersprachen wie JavaScript verwendet und CSS bietet eine Reihe eleganter Lösungen für das Interface-Design.
- Themen der Schulungsmodule zu HTML und CSS:
- HTML-Grundlagen
- CSS-Styling. Selektoren
- Flexbox
- Git-Technologie. Github
Projekt 2. Layout der Landingpage entsprechend dem Layout
Um Ihre HTML- und CSS-Kenntnisse umfassend zu stärken, wird Ihnen ein in Figma erstelltes Website-Mockup angeboten. Mit diesem Layout müssen Sie eine einseitige Landingpage für eine Designagentur für Desktop- und Mobilversionen entwerfen. Das endgültige Layout muss auf Github hochgeladen werden. Von nun an veröffentlichen Sie alle Ihre Projekte in Repositories.
Dieses Projekt ist die Quintessenz der Arbeit eines Front-End-Entwicklers in jedem Unternehmen. Ihre Arbeitsprojekte werden möglicherweise in Funktionalität und Optik viel fortschrittlicher, aber das Wesentliche bleibt genau das Gleiche.
Projekt 3. Schieberegler in JavaScript
Das nächste Projekt, das in Ihr Portfolio aufgenommen wird, ist die Implementierung eines Sliders auf einer Website mit reinem JavaScript, sogenanntem VanillaJS. Ein Slider ist eine interaktive Funktion zum Übergang zwischen Bildern mit Beschreibungen (dies können auch Links oder Textblöcke sein), die in Zukunft in jede Website oder Anwendung implementiert werden kann. JavaScript bietet mehr Möglichkeiten zum Erstellen interaktiver Webschnittstellen mit nicht trivialer Logik.
Durch den Abschluss dieses Projekts stärken Sie Ihre reinen JavaScript-Entwicklungsfähigkeiten, was einer der Trends ist In den letzten Jahren versuchen immer mehr Entwickler, Frontends möglichst ohne Rückgriff zu implementieren Rahmen. Unabhängig vom Technologie-Stack in dem Unternehmen, in dem Sie in Zukunft arbeiten werden, sind sichere Kenntnisse und der Umgang mit JavaScript das Mindestvoraussetzung für eine Karriere als Front-End-Entwickler.
Themen des JavaScript-Schulungsmoduls:
- Einführung in JavaScript
- Funktionen, Objekte
- Veranstaltungen und DOM. Pflücker.
- JavaScript-Programmierung
- Modularität
- Tippen
- AJAX
- Browser-API
Projekt 4. Kanban-Board in React
Um Ihre Kompetenz in der Frontend-Entwicklung zu erweitern, müssen Sie eines der JavaScript-Frameworks beherrschen. In dieser Spezialisierung schlagen wir vor, uns auf das Studium der beliebtesten Bibliothek zu konzentrieren – React. Im vierten Projekt, basierend auf dem Layout von Figma, implementieren Sie eine Webanwendung, die ein Aufgabenbuch mit dem Status jeder Aufgabe ist. Die Anwendung wird mit Create React App bereitgestellt.
In diesem Projekt müssen Sie sich das Layout merken und auch reines JavaScript verwenden. Der Teil mit React ermöglicht es Ihnen, Ihre Entwicklungskenntnisse in dieser Bibliothek zu festigen; dieses Modul bietet außerdem einen Überblick über die Vue- und Angular-Frameworks.
Themen der Schulungsmodule zu Frameworks und Bibliotheken:
- Erstellen einer Anwendung in React
- Komponenten reagieren
- Ereignisbehandlung in React
- Reaktionsmuster
- Reagieren Sie auf den Router
- Frameworks und Bibliotheken
- Vue und Angular
- Redux
Ein bekanntes Unternehmen, das in großen Städten Russlands Fahrräder vermietet, hat Probleme mit dem häufigen Diebstahl seines Eigentums (Fahrräder). Als mögliche Lösung des Problems möchte das Unternehmen diese Fälle protokollieren und den Fortschritt verfolgen. Ihre eigenen Entwickler haben den Serverteil der Anwendung (API) bereits vorbereitet, den Clientteil müssen sie implementieren.
Sie müssen sich alle Technologie-Stacks merken, die Sie behandelt haben: HTML, CSS, JavaScript, React. Zusätzlich zum Abschluss Ihrer Abschlussarbeit müssen Sie sich auf eine offene Reise vorbereiten: Unter unserer Anleitung bereiten Sie sich darauf vor einen ehrlichen und überzeugenden Lebenslauf, schreiben Sie ein kompetentes Begleitschreiben und erledigen Sie auch mehrere Aufgaben aus echten Tests.
Als Ergebnis erhalten Sie ein Github-Konto mit Projekten, die dem Arbeitgeber Ihr Potenzial zeigen, sowie einen Lebenslauf und jede Chance, schnell einen Job als Junior-Entwickler zu bekommen.
Themen der Schulungsmodule:
- Animation
- Tests und Linters
- JavaScript im Backend. Arbeiten mit Datenbanken
- Node.js. Interaktion mit dem Backend
Lernen Sie die wichtigsten Dinge für einen Webentwickler und verdienen Sie damit Geld! HTML, CSS, JavaScript, Figma, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, Git, GitHub, Gulp.
4
5 490 ₽