Webentwickler von Grund auf - Kurs 72.900 Rubel. von Brunoiam, Ausbildung 9 Monate, Datum 27. November 2023.

instagram viewer

Block 1 – Grundlagen der Webtechnologien

• Persönliche Ziele für den Kurs festlegen
• Arten von Websites, Funktionalität
• Phasen der Website-Erstellung, wichtigste Branchenberufe
• Netzwerktechnologien und Internetprotokolle: TCP/IP, HTTP, HTTPS, FTP
• Hosting und Domain, DNS-System
• Client- und Servermodell
• Die Rolle des Browsers und der Code-Editoren
• Richten Sie Ihren Arbeitsbereich ein
• Versionskontrollsysteme. Git

Block 2 – HTML

• Einführung in HTML: Tag- und Attributkonzepte
• HTML-Textkodierung
• Tags zum Bilden von Text
• Hyperlinks und Dateiadressen
• Ankerlinks
• Link zum Anrufen und Senden einer E-Mail
• Tabellen in HTML
• img-Tag und seine Attribute. Regeln für das Posten von Bildern. Bildformate: welche Sie wählen sollten

Block 3 – CSS

• Grundlegende CSS-Syntax
• Haupttypen von Selektoren: Bezeichner, Klassen, Pseudoklassen
• Spezifitätspunkte und Regelprioritäten
• Kaskaden- und Eigentumsvererbung
• Kontextueller und universeller Selektor
• Text- und Schriftarteigenschaften in CSS
• Anbindung externer Schriftarten
• HEX- und RGB-Farben. Hinzufügen eines einheitlichen Hintergrunds zu Elementen. Hintergrundbild für die Seite, Hintergrundeinstellungen

Block 4 – Blockmodell und Webseitenlayout

• Block- und Inline-Elemente verstehen
• Schlüsseleigenschaften von Blöcken
• Wie werden Blockgröße und Boxgröße berechnet: border-box
• Was ist ein Blockmodell?
• Verwenden von Blöcken zum Erstellen eines Layouts
• Inline-Blockelemente
• Anzeigeeigenschaft
• Veraltete Methoden zur Erstellung eines Layouts: wissen Sie, können nicht verwendet werden

Block 5 – Mehrspaltige Layouts mit Flexbox

• Semantische Tags für das Layoutdesign
• Flexbox-Grundlagen: Container und Elemente
• Ausrichten von Elementen entlang der Haupt- und Querachse
• Achsen ändern und vertikale Ausrichtung von Elementen
• Probleme bei der Verwendung von Flexbox

Block 6 – Grundlagen grafischer Editoren für Layouter

• Arbeiten mit Bildern: Zuschneiden, Zuschneiden
• Einsparung: Format, Qualität, Gewicht
• So finden Sie den Farbcode heraus
• Schriftarten-Tools
• Fertiges CSS kopieren
• Entfernungen messen: Werkzeuge, Einstellungen
• Effekte und ihr Kopieren
• Einbetten von Karten und Videos

Block 7 – Positionierung

• Positionierungsarten: statisch, absolut, relativ, fest
• Merkmale verschiedener Positionierungsarten
• Z-Index und Overlay-Kontext
• Wann und wie man die Positionierung nutzt
• Beispiel eines mehrstufigen Dropdown-Menüs
• Lösung typischer Positionierungsprobleme

Block 8 – Feedback-Formulare

• Grundlegende Formularelemente: Eingabe, Auswahl, Textbereich, Schaltfläche
• Feldzustand und Pseudoklassen
• Kontrollkästchen für Auswahlelemente, Radio, auswählen
• Gruppierungselemente: Fieldset und Legende
• Stile für das Platzhalter-Pseudoelement
• Regeln für Schreibstile für Formulare
• Styling-Tasten

Block 9 – Responsives und adaptives Webdesign

• Konzept des adaptiven und responsiven Webdesigns
• Medien-Anfragen
• Ansichtsfensteroptionen und Meta-Ansichtsfenster-Tag
• Browserübergreifende Probleme
• Codegültigkeit, Validatoren
• Funktionen mehrseitiger Websites
• Layoutregeln für SEO-Werbung

Block 10 – Animation mit HTML5 und CSS3

• Sanfte Übergänge zum Erstellen von Animationseffekten
• Animation mit Keyframes
• Transformation von Elementen
• Hinzufügen grundlegender Animationselemente zur Site 

Block 11 – JavaScript-Grundlagen

• Einführung in JavaScript
• Variablen und Datentypen
• Mathematische Operatoren und Typkonvertierung
• Logische Operatoren
• Verzweigungen und bedingte Anweisungen
• Integrierte Benutzerinteraktionsfunktionen

Block 12 – Schleifen und Arrays in JavaScript

• Arrays
• Methoden zum Arbeiten mit Arrays
• for- und while-Schleifen
• Verschachtelte Arrays
• Arbeiten mit der Konsole

Block 13 – Funktionen

• Definition einer Funktion. Die Pfeilfunktion und ihre Unterschiede zum Üblichen. Funktionsausdruck und Funktionsdeklaration.
• Sichtbereich. Wie es funktioniert. Lexikalische Umgebung.
• Timer und Schließung. Funktionen setInterval, setTimeout, clearInterval, clearTimeout. Was ist ein Verschluss und wie kann er verwendet werden?
• Rückruffunktionen

Block 14 – Objekte. DOM. Veranstaltungen

• Objekte und Wörterbücher. So erstellen Sie Objekte. Das Schlüsselwort ist dieses. Objekteigenschaften abrufen, ändern und löschen. Links zu Objekten.
• Prototypenvererbung. So funktioniert die Vererbung von Eigenschaften und Methoden. Designer.
• Klassen. Definition von Klassen und Nutzungsvorteilen. Erweiterung der Klassen. Private und öffentliche Methoden. Getter und Setter. Ein Beispiel für die Erstellung eines Programms mithilfe von Klassen und MVP-Architektur.
• DOM. Seitenobjektmodell und warum es benötigt wird. Elemente auf einer Seite finden und abrufen. Aufzählung von Elementen und grundlegenden Eigenschaften.
• Veranstaltungen

Block 15 – Animation und Effekte in JavaScript

• JavaScript-Animationen. CSS-Eigenschaften von Elementen ändern. Bezier-Kurve. Beispiele für Animationen.
• Rendern im Browser. Optimierte Eigenschaften. requestAnimationFrame-Funktion.
• Bibliotheken mit Animationen

Block 16 – Interaktive Elemente

• Schieberegler
• Akkordeon
• Tooltip

Block 17 – Node.js

• Einführung in Node.js. Node.js-Funktionen. Kurz zu den Modulen und ihren Zwecken: fs, child_process, https.
• NPM. Grundlegende Befehle des npm-Paketmanagers. Initialisierung des Projekts und Installation der ersten Pakete. package.json-Struktur.
• Webpack-Grundlagen. Warum brauchen wir Monteure und welche Schritte können automatisiert werden? Erste Webpack-Konfiguration und Build-Automatisierung: Codeminimierung, Modulverkettung und Verwendung des SCSS-Präprozessors.
• SCSS-Präprozessor. Vorteile von Präprozessoren. Ein kurzer Überblick über die Unterschiede zwischen einigen: SCSS, SASS, Less, Post-CSS. Grundkonstrukte: Variablen, Mixins, Funktionen.

Block 18 – Arbeiten mit dem Server

• Promise-API
• Kontaktaufnahme mit dem Server und der XMLHttpRequest-Klasse
• Abrufmethode
• Axios-Bibliothek

Block 19 – Grundlagen der Reaktion

• Komponenten und JSX
• Komponentenzustand
• Haken
• Styling-Komponenten
• React-Router

Einheit 20 – TypeScript-Grundlagen

• Statisches Tippen
• Schnittstellen und Typen
• Enum-Typen

Block 21 – Überblick über die JS-Entwickler-Roadmap

• Kurz darüber, wie man sich als Entwickler weiterentwickeln kann und was man studieren sollte 

Block 22 – Grundlagen der PHP-Programmierung

• Zweck von Servertechnologien
• Lokaler Webserver und Domäne
• Dynamische Webseiten erstellen
• Das Konzept von CMS-Systemen
• Websitehosting
• FTP-Protokoll zum Herunterladen von Dateien
• Zusammenfassung und Abschluss des Projekts

Bonussatz

Kostenloser Kurs „Lernen lernen“

Wir gewähren jedem Schüler Zugang zu diesem Kurs, damit die Schulung nicht verschwendet wird. Das Problem besteht darin, dass Menschen durch das Training keine Ergebnisse erzielen. Es gibt drei Hauptgründe:

• Es gibt keine klaren Ziele. Und selbst diejenigen, die die Bedeutung von Zielen verstehen, tun es immer noch nicht. Ich möchte meinen Job wechseln und ein cooler Social-Media-Manager werden – kein Ziel, sondern ein Wunsch. Mit dieser Einstellung wird das Ergebnis angemessen sein.
• Das Lernen auf halbem Weg aufgeben. Viele Menschen finden die Motivation bereits in der ersten Woche. Aber es ist unmöglich, das Ende zu erreichen. Denn das Gehirn lernt nicht gerne regelmäßig.
• Mangel an Konsistenz. Es kommt recht häufig vor, dass wir uns Informationen zu einem ausgewählten Thema aneignen, sie dann aber willkürlich und damit vergeblich vorgehen.

Warum haben wir diese drei Gründe hervorgehoben? Weil wir seit 11 Jahren unterrichten und Rückmeldungen von Studierenden erhalten. Während des Kurses zeigen wir Ihnen, wie Sie all dieses wertvolle Wissen im Leben anwenden können.