Frontend-Entwickler: Websites auf HTML/CSS/JavaScript – Kurs 18.000 Rubel. von der Coddy School of Programming for Children, Ausbildung 3 Module (Monate)

Verschiedenes / by admin / December 03, 2023

click fraud protection

Alter: 11-14 Jahre

Niveau: für Anfänger.

Dauer: ab 3 Modulen (Monate), ab 24 Stunden*.

Format: Einzel- und Gruppenunterricht, offline und online (Echtzeit).

Anzahl der Kinder: von 1 bis 8.

Preis:

ab 750 Rubel/Stunde in einer Online-Gruppe,
ab 850 Rubel/Stunde in einer Offline-Gruppe,
ab 1050 Rubel/Stunde einzeln online,
ab 1980 Rubel/Stunde einzeln offline.

In der modernen Welt strebt jedes seriöse Unternehmen danach, eine eigene Website zu erwerben, da dies eine Art ist „Visitenkarte“ im Internet, ohne die das Geschäft bereits veraltet, unseriös und frivol aussieht hoffnungslos.

Der Beruf des Webmasters hat sich in den letzten Jahren an die Spitze des Rankings der attraktivsten und gefragtesten Berufe im IT-Bereich gesetzt. Diesbezüglich gibt es derzeit immer mehr Menschen, die bereit sind, eine Ausbildung zum Erstellen von Websites zu absolvieren Diese prestigeträchtige Spezialität zu kratzen und zu beherrschen, um ein stabiles und anständiges Leben zu führen Verdienste. Unsere Programmierschule CODDY empfiehlt, Ihr Kind nicht zu zögern und gleich jetzt für den Kurs „Frontend-Entwickler: Websites auf HTML/CSS/JavaScript“ anzumelden! Ziel dieses Kurses ist es, Kindern das Erstellen moderner Websites beizubringen und sie in die Grundlagen des Berufs des Schnittstellenentwicklers einzuführen.

instagram viewer

Was ist Webmastering und wie wird man Webmaster?

Webmastering ist eine Reihe von Aktivitäten zur Entwicklung, Erstellung, Optimierung und Förderung von Websites. Alles, was in irgendeiner Weise mit der Erstellung und Wartung von Websites zusammenhängt. Dies ist eine ganze Wissenschaft, die bestimmte Fähigkeiten und Kenntnisse in vielen Bereichen erfordert, wie zum Beispiel Webprogrammierung, Design, Texterstellung, SEO und anderen.

Im modernen Internet kann jeder seine eigene Website erstellen. Doch in der Regel lässt die Qualität von Webprojekten zu wünschen übrig. Damit eine Website wettbewerbsfähig ist, müssen Sie das Thema kompetent angehen und Profis in die Arbeit einbeziehen. Mithilfe einer Programmiersprache erstellt der Programmierer Website-Seiten und kombiniert sie zu einem einzigen Objekt. Anschließend gestaltet er sie für die korrekte Anzeige in Browsern. Besonderes Augenmerk sollte auf die Schnittstelle der zukünftigen Site gelegt werden, um deren korrekten Betrieb und Sicherheit zu gewährleisten. Ein professioneller Webmaster erledigt also alles oben Genannte selbst! Er ist Programmierer, Webdesigner, Layouter, Administrator und Moderator und manchmal auch SEO-Texter in einer Person.

Welche Kenntnisse und Technologien müssen Sie beherrschen, um Webmaster zu werden?

Bevor Sie Webmaster werden, müssen Sie sich mit vielen Technologien, Programmen und Systemen vertraut machen und diese studieren. Hier sind die wichtigsten Schritte, die den Grundstein für Ihren zukünftigen Beruf legen:
1. HTML lernen – Hypertext-Auszeichnungssprache.
Sobald Sie mit dem Erlernen von HTML beginnen, werden Sie die Struktur eines Webdokuments verstehen und lernen, wie man einfache Websites erstellt.

2. CSS lernen – Sprache für den Anzeigestil der Webseite. Dank der Einführung von CSS-Stilen in das Dokument erhält die Site eine eigene Note und ein einzigartiges Erscheinungsbild. Sie können Farbe, Größe, Hintergrund und vieles mehr für die Webseite festlegen.

3. Einführung in CMS – Content-Management-System oder „Engine“ der Website.

4. Beherrschen von Adobe Photoshop – ein Grafikeditor mit unglaublich vielen Möglichkeiten. Viele Spezialisten zeichnen damit Entwürfe und erstellen eigene, originelle und hochwertige Layouts.

5. Grundkenntnisse in Programmiersprachen. Die überwiegende Mehrheit der Websites verwendet PHP und JavaScript. Die Geschwindigkeit der Website, ihre Sicherheit, mögliche Skalierbarkeit und die Unterstützung durch Drittentwickler hängen von der Qualität der geschriebenen Skripte ab. Mit anderen Worten: Sie müssen in der Lage sein, qualitativ hochwertigen Code zu schreiben.

6. Arbeiten mit Datenbanken.

Und am wichtigsten ist, dass der Webmaster originelle Websites erstellen muss. Mit dem Aufkommen vorgefertigter Lösungen für alle gängigen CMS ist eine Website mit einem originellen Design ohne Vorlagen gefragter denn je. Ein professioneller Webmaster kann nicht nur mit einer Reihe vorgefertigter Programme arbeiten, sondern diese auch vorgefertigte Programme schreiben. Um dieses Niveau zu erreichen, müssen Sie hart arbeiten. Und unser Kurs „Frontend-Entwickler: Websites auf HTML/CSS/JavaScript“ hilft Ihrem Kind, die ersten sicheren Schritte bei dieser schwierigen Aufgabe zu machen. Unter der Anleitung erfahrener Lehrkräfte lernt er, informative Websites mit originellem Grafikdesign zu erstellen.

Während des Bildungsprozesses werden folgende Themen behandelt:

1. Grundlagen der Hypertext Markup Language (HTML) und Cascading Style Sheets (CSS)

2. Layout moderner Websites

3. eingehende Untersuchung der Funktionen des Webseiten-Stylings

4. Grundlagen der Arbeit mit Adobe Photoshop und der Arbeit mit Website-Design-Layouts

In der Anfangsphase machen wir uns mit den Grundlagen des Berufs eines Webinterface-Entwicklers vertraut und studieren die Regeln Aufbau der Struktur und Logik von Websites, Erwerb praktischer Programmierkenntnisse Webschnittstellen. Jeder Schüler lernt die Grundlagen des Schreibens von HTML- und CSS-Code.

Nach Abschluss dieses Themas wird Ihr Kind seine eigene moderne Website erstellen.

Das zweite Modul beinhaltet eine eingehende Untersuchung der Programmiertools für Webschnittstellen. In diesem Modul werden wir unsere Einführung in HTML und CSS fortsetzen. Die Studierenden lernen den Algorithmus und die Struktur zur Erstellung moderner Websites in der Praxis kennen, erstellen selbstständig eine interaktive Bildergalerie und veröffentlichen ihr Projekt im Internet.

Im dritten Modul lernen wir den Beruf des Webentwicklers weiter kennen, erwerben praktische Kenntnisse im Umgang mit Adobe Photoshop und lernen moderne Webdesign-Tools kennen. In der Phase der Erstellung eines Website-Designs erwirbt der Student grundlegende Kenntnisse in der Arbeit mit einem Grafikeditor. Wir analysieren verschiedene Website-Designoptionen, besprechen die Vor- und Nachteile jeder einzelnen Website und finden heraus, wie das Design verbessert werden kann.

Am Ende des Kurses werden meine Studierenden und ich anhand eines vorgefertigten Design-Layouts mit den neuesten Web-Programmiertools eine Website erstellen und das Ergebnis unserer Arbeit im Internet veröffentlichen.

Ella T.

Kurse

Kursleiter:
„Minecraft: Einführung in die künstliche Intelligenz“, „Unity 3D“, „Frontend-Entwickler: HTML/CSS/JavaScript-Websites“, „Zeichnen im Anime-Stil“, „Programmieren für die Kleinen“, „Minecraft-Programmierung“, „Design Thinking“, „Bots in Python“, „Photoshop-Grafikdesign“, „Videobloggen“

Ausbildung:

Zahlreiche Kurse zur Verbesserung der IT-Kompetenzen in internationalen Unternehmen (Chatbot Hackathons, Prototyping im Bereich Künstliche Intelligenz, IT-Architektur etc.). Universität Heilbronn, Heilbronn, Deutschland (Master of Business Administration). Belarussische Staatliche Wirtschaftsuniversität, Minsk, Weißrussland (Master of Business Administration).

Berufserfahrung:

Er ist in der Mandantenberatung von Rechtssystemen, Systemen für Revisionslösungen und Prozessautomatisierung tätig, arbeitet im innovativen IT-Bereich und ist ein Start-up in Deutschland in einem internationalen Unternehmen.

Interessen:

Persönliche Weiterentwicklung, Leidenschaft für den Wissensaustausch, Netzwerker, Weltöffner, Lebensgestalter, Sportaktivist.

„Heute ist die ganze Welt miteinander verbunden: Menschen, Länder, Volkswirtschaften, Technologien usw. Programmieren ist eine Schlüsselkompetenz der Zukunft. Es hilft Ihnen, die Welt der Zukunft besser zu verstehen, sie aktiv mitzugestalten und ein innovatives Mitglied einer spannenden Gesellschaft ohne Grenzen zu sein. Die Fähigkeit zu programmieren öffnet unseren Kindern auf dieser Welt endlose Türen in die Zukunft und macht sie zu Botschaftern neuer Technologien.“

Sergey T.

Kurse

Ausbildung:

Zahlreiche Kurse zur Verbesserung der IT-Kenntnisse in internationalen Unternehmen (SAP, Prozessautomatisierung, E-Commerce). FOM Universität Stuttgart, Stuttgart, Deutschland (Master of Business Administration) Staatliche Technische Universität Karaganda, Karaganda, Kasachstan.

Berufserfahrung:

Gründer eines erfolgreichen Online-Elektrofachgeschäfts in Deutschland, tätig in der Kundenberatung in Bereich der Automatisierung von Vertriebsprozessen, tätig im Bereich IT-Vertrieb in Deutschland im internationalen Bereich Firmen.

Interessen:

Reisen, Angeln, Sport, Schach.

I. Goethe sagte: „Man kann nur lernen, was man liebt“

1. Modul

Der erste Tag

Grundlagen des Webseiten-Layouts

HTML-Dokumentstruktur
Erste Webseite mit HTML-Auszeichnungssprache
Vorstellung des Sublime Text 3 Editors

Ergebnis der Lektion: Erstellte die erste Webseite und lernte grundlegende Methoden zum Markieren von Text mithilfe von Tags.
Praktische Aufgabe: Erstellen Sie eine Webseite mit der HTML-Markup-Sprache.

Zweiter Tag

Div-Element- und Tag-Attribute

Arbeiten mit dem Web-Inspektor
Erstellen einer mehrseitigen Website
Erlernen neuer Tag-Elemente und -Attribute

Ergebnis der Lektion: Ich habe gelernt, wie man Links und Bilder zur Site hinzufügt und Attribute zu Tags hinzugefügt
Praktische Aufgabe: Erstellen Sie Ihre erste mehrseitige Website.

Tag drei

Cascading Style Sheets

Einführung in Cascading Style Sheets
HTML-Elemente gestalten
Selektoren verwenden
Installieren und Arbeiten mit dem Emmet-Plugin sowie Hinzufügen von Lorem-Text

Ergebnis der Lektion: gelernt, wie man die Hintergrundfarbe und Textfarbe von HTML-Elementen ändert, zwei Arten von Selektoren verwendet und Lorem-Text mit dem Emmet-Plugin erstellt
Praktische Aufgabe: Ändern Sie das Erscheinungsbild der Seite mithilfe von CSS-Eigenschaften.

Tag vier

Erstellung der Jaguar-Website

Erstellung einer mehrseitigen Jaguar-Website
Erstellen einer Projektdateistruktur
Arbeiten mit Polsterung und Polsterung von Elementen

Ergebnis der Lektion: lernte den Umgang mit einer externen CSS-Datei und machte sich mit dem externen und internen Auffüllen von Elementen vertraut.
Praktische Aufgabe: Erstellen Sie eine mehrseitige Jaguar-Website.

2. Modul

Der erste Tag

Boxmodell in CSS

Boxmodell in CSS
Erstellen Sie ungewöhnlich geformte Blöcke
Arbeiten Sie mit der Box-Sizing-Eigenschaft, um zu ändern, wie die Breite und Höhe eines Elements berechnet wird

Ergebnis der Lektion: gelernt, Blöcke mit ungewöhnlichen Formen zu erstellen, die Box-Sizing-Eigenschaft mit dem Border-Box-Wert zu verwenden, um die Breite eines Elements korrekt zu berechnen, und die Größen von Elementen in verschiedenen Maßeinheiten festzulegen
Praktische Aufgabe: Erstellen Sie Karten mit Text und verwenden Sie dabei unterschiedliche Eigenschaftswerte für die Feldgröße.

Zweiter Tag

Erweiterte Textmanipulation in CSS

Verschiedene Arten von Schriftarten
Auswahl von Schriftarten für Websites
Erstellen neuer Stile, mit denen Sie die Textanzeige auf fortgeschrittenem Niveau anpassen können

Ergebnis der Lektion: hat eine Seite mit verschiedenen Schriftarten erstellt und mithilfe der übergebenen Eigenschaften das Erscheinungsbild und die Lesbarkeit des Textes verbessert.
Praktische Aufgabe: Erstellen Sie eine Seite mit grundlegenden Schriftarten.

Tag drei

Positionierung von Elementen in CSS

Arbeiten mit der Float-Eigenschaft
Arten der Positionierung von Elementen auf der Seite
Positionseigenschaft

Ergebnis der Lektion: Ich habe gelernt, mit den Eigenschaften „float“ und „position“ zu arbeiten und Textumbrüche um Bilder zu erstellen
Praktische Aufgabe: Erstellen Sie eine Webseite und platzieren Sie Elemente mithilfe der Float- und Positionseigenschaften darauf

Tag vier

Erstellen einer Blogseite

Erstellen einer Blogseite
Elementpositionierungseigenschaften zum Platzieren von Menüs und Beiträgen auf der Seite
Semantische Tags

Ergebnis der Lektion: lernte, mit semantischen Tags unter Verwendung von Positionierungseigenschaften zu arbeiten, platzierte die Hauptkomponenten des Blogs auf der Seite
Praktische Aufgabe: Erstellen Sie eine Blog-Seite mit semantischen Tags

3. Modul

Der erste Tag

Pseudoklassen und Arbeiten mit Bildern in CSS

Verwendung von Hintergrundbildern auf einer Webseite
Pseudoklassen schweben, sind aktiv und werden besucht
Ändern des Stils eines Elements beim Aktivieren einer Pseudoklasse für ein anderes Element
Hintergrundmuster erstellen

Ergebnis der Lektion: lernte, wie man mit Hintergrundbildern arbeitet, studierte Eigenschaften für die Arbeit mit Bildern
Praktische Aufgabe: Fügen Sie externe Änderungen an Elementen hinzu, wenn Sie mit dem Mauszeiger darüber fahren.

Zweiter Tag

FlexBox in CSS

Arbeiten mit dem flexiblen CSS-Box-Layout
Eigenschaften zum Ausrichten von Elementen in einem Flex-Container
Flex-Frosch-Lernspiel

Ergebnis der Lektion: lernte, mit der Flex-Technologie zu arbeiten, um flexible Layouts zu erstellen, absolvierte das Flex-Frosch-Spiel, um das behandelte Material zu festigen
Praktische Aufgabe: Vervollständigen Sie das Flex-Frosch-Spiel, um das behandelte Material zu festigen

Tag drei

Entwicklung der Sneakers-Shop-Website. Teil 1

Erstellen einer Site-Struktur mit Modellen
Herstellen einer Verbindung zu einer Schriftarten-Site
Eigenschaften des Site-Headers und seiner untergeordneten Elemente
Funktionen zum Erstellen eines Seitenhintergrunds mit Farbverlauf

Ergebnis der Lektion: erstellte eine Site-Struktur mit Modellen und verband die Schriftart mit der Site.
Praktische Aufgabe: Wählen Sie Bilder mit Modellen aus und laden Sie sie herunter. Fügen Sie dem Site-Header einen Schatten hinzu

Tag vier

Entwicklung der Sneakers-Shop-Website. Teil 2

Abschluss der Arbeiten an der Website
Einen Block mit Karten erstellen
Ändern des Verhaltens von Elementen, wenn Sie mit der Maus darüber fahren
FlexBox-Technologie zur Kartenpositionierung

Ergebnis der Lektion: eine Website mit Modellkarten erstellt
Praktische Aufgabe: Fügen Sie mithilfe der FlexBo-Technologie eine Galerie hinzu

4. Modul

Der erste Tag

Rasterlayout in CSS

Einführung in das Grid-System
Erstellen einer Seite mit Raster
Eigenschaften für erweiterte Arbeit mit Rasterzellen

Ergebnis der Lektion: studierte das zweidimensionale Layoutsystem (CSS Grid Layout) und lernte, wie man Grid-Zellen auf der Seite positioniert.
Praktische Aufgabe: Vervollständigen Sie das Spiel „Gittergarten“, um das behandelte Material zu festigen.

Zweiter Tag

Pseudoelemente danach und davor

Pseudoelemente vorher und nachher
Ein Bild mit Text darin kombinieren
Elemente mit Anfangsbuchstaben- und Erstzeilen-Pseudoelementen

Ergebnis der Lektion: gelernt, mit Pseudoelementen vor, nachher, mit dem ersten Buchstaben und der ersten Zeile zu arbeiten und Pseudoelemente mit unterschiedlichen Eigenschaften zu kombinieren, um schöne Blöcke zu erstellen
Praktische Aufgabe: Erstellen Sie ein Element mit den After- und Before-Pseudoelementen.

Tag drei

Animationen und Transformationen in CSS

CSS-Transformationen
Anwenden von Transformationen auf HTML-Elemente
Animierte Blöcke in CSS erstellen
Anwenden von Timing-Funktionen auf Keyframes

Ergebnis der Lektion: Ich habe gelernt, wie man mit Transformationen in CSS arbeitet und endlose Animationen in CSS erstellt.
Praktische Aufgabe: Erstellen Sie eine Schaltfläche und fügen Sie Transformationen hinzu, wenn Sie mit der Maus darüber fahren.

Tag vier

Üben Sie das Erstellen von Animationen in CSS

Anwendung von Animation und Transformation in der Praxis
Erstellen eines animierten Orbitalsystems von Planeten in unserem Sonnensystem

Ergebnis der Lektion: hat eine Seite erstellt, die die Bewegung der Planeten im Sonnensystem zeigt, und einen animierten Hintergrund.
Praktische Aufgabe: Erstellen Sie ein animiertes Orbitalsystem von Planeten in unserem Sonnensystem.

5. Modul

Der erste Tag

Erstellung eines Online-Shops

Was ist ein Online-Shop?
Erstellen einer Projektstruktur
Projektaufbau

Ergebnis der Lektion: begann mit der Erstellung eines Online-Shops.
Praktische Aufgabe: Wählen Sie Symbole aus, die auf der Website verwendet werden sollen.

Zweiter Tag

Erstellen eines Online-Shop-Headers

Variablen in CSS und wie man sie verwendet
Schriftarten mithilfe der URL-Funktion mit einem externen Stylesheet verbinden
Online-Shop-Header, sein Styling
Hinzufügen zusätzlicher Menüfunktionen mithilfe der Programmiersprache JavaScript

Ergebnis der Lektion: globale Variablen im Projekt konfiguriert, einen multifunktionalen Header mit einem Menü erstellt, eine Javascript-Datei angebunden, um zusätzliche Menüfunktionen hinzuzufügen.
Praktische Aufgabe: Hinzufügen des Änderns des Hintergrunds des Site-Headers beim Scrollen der Seite

Tag drei

Erstellen des ersten Bildschirms mit dem Hauptprodukt

HTML-Struktur des Präsentationsblocks
Rastersystem zur korrekten Darstellung der Elemente
CSS-Eigenschaftswerte mithilfe von Variablen
Styling-Elemente

Ergebnis der Lektion: erstellte den Präsentationsteil des Online-Shops
Praktische Aufgabe: Erstellen Sie einen Präsentationsteil eines Online-Shops

Tag vier

Erstellen Sie einen Block mit beliebten Produkten

HTML-Markup für einen Block mit Produkten
Styling für Produktkarten
Raster zur Kartenpositionierung
Stilisierung eines Blocks mit der Geschichte des Unternehmens

Ergebnis der Lektion: hat einen Block mit beliebten Produkten und Firmengeschichte erstellt
Praktische Aufgabe: Fügen Sie den Elementen im Block mit der Firmengeschichte externe und interne Polsterung hinzu

6. Modul

Der erste Tag

Erstellen eines Sliders mit Kundenbewertungen.

Überprüfungsblock
Möglichkeiten zum Erstellen scrollbarer Container in CSS
scroll-behavior- und scroll-snap-type-Eigenschaften
Slider-Ankerpunkte

Ergebnis der Lektion: Mit HTML und CSS einen Slider mit Kundenbewertungen erstellt.

Praktische Aufgabe: Fügen Sie Ankerpunkte zu den Hauptabschnitten der Site hinzu und erstellen Sie einen automatischen Bildlauf zu diesen Blöcken, wenn Sie auf die Schaltfläche klicken.

Zweiter Tag

Arbeiten mit Formularen und Videoinhalten.

HTML5-Tags zum Einfügen von Videoinhalten in eine Website
Gestalten Sie einen Abschnitt mit einem Vollbild-Videoclip
Eingabefeld-Tag – und seine Attribute
Tag zum Erstellen von Formularen in HTML
Gestalten eines Texteingabeelements

Ergebnis der Lektion: einen Abschnitt mit einem Video und einen Block mit einem Feedback-Formular erstellt

Praktische Aufgabe: Erstellen Sie ein Feedback-Formular und gestalten Sie die Elemente

Tag drei

Erstellen einer separaten Galerieseite

Benutzerdefiniertes Raster für eine Galerieseite
Blöcke mit Bildern zum Raster hinzufügen
Pseudoelemente und verschiedene Animationen von Blöcken mit Bildern
CSS-Filter zur Verbesserung des visuellen Designs der Galerie

Ergebnis der Lektion: Habe eine eigene Seite mit Fotogalerie erstellt

Praktische Aufgabe: Verwenden Sie verschiedene Positionierungsarten, um einen durchscheinenden, ungewöhnlichen Hintergrund zu schaffen.

Tag vier

Anpassung von Inhalten für alle Arten von Geräten.

Möglichkeiten zur Anpassung von Inhalten für mobile Geräte
Medienabfragen, um auf Geräten mit unterschiedlichen Breiten unterschiedliche Eigenschaften auf dasselbe Element anzuwenden
CSS-Regeln für drei Gerätetypen

Ergebnis der Lektion: Wir haben die Website für Tablets und Telefone angepasst.

Praktische Aufgabe: Ändern Sie mithilfe von Medienabfragen die Eigenschaftswerte von HTML-Elementen, um den Inhalt an alle Arten von Geräten anzupassen

7. Modul

Der erste Tag

Einführung in das Tailwind SS-Framework.

Was sind Frameworks und wie beschleunigen sie den Projektentwicklungsprozess?
Installieren des Tailwind CSS-Frameworks und der Plugins
Tailwind CSS Framework-Konzepte
Arbeiten mit Typografie und Farben in Tailwind CSS

Ergebnis der Lektion: hat die erste Webseite mit dem Tailwind CSS-Framework erstellt.
Praktische Aufgabe: Erstellen Sie einen Block mit Text- und Stilelementen mithilfe von Rückenwindklassen.

Zweiter Tag

Rückenwind-Kurse zum Erstellen einer responsiven Website

Arbeiten Sie mit Tailwind-Klassen, um eine responsive Website zu erstellen
Klassen zum Hinzufügen von Hover- und Fokuseffekten
Klassen zum Hinzufügen von Schatten zu Elementen
Klassen zum Arbeiten mit Elementgrößen
Klassen zum Arbeiten mit externer und interner Polsterung von Elementen

Ergebnis der Lektion: Wir haben eine adaptive Seite für alle Gerätetypen erstellt.
Praktische Aufgabe: Erstellen Sie Schaltflächen und fügen Sie mithilfe von Tailwind-Klassen Effekte hinzu, wenn Sie darauf klicken

Tag drei

Rückenwind-Flex-Layout.

Arbeiten mit Tailwind Flex Layout
Klassen zum Ausrichten untergeordneter Elemente in einem Flex-Container
Erstellen einer Karte mit dem Preis eines Produkts
Fortschrittsindikatoren erstellen
Arbeiten mit Pseudoelementen in Tailwind CSS

Ergebnis der Lektion: hat einen Flex-Container mit Produktkarten erstellt
Praktische Aufgabe: Erstellen Sie eine Karte mit einer Beschreibung des Produkts.

Tag vier

Rastersystem in Tailwind CSS.

Row-Span- und Col-Span-Eigenschaften
Eigenschaften zum automatischen Füllen leerer Räume in einem Raster mit Elementen
Seite des Projektteams

Ergebnis der Lektion: hat mithilfe des Tailwind Grid-Systems eine adaptive Projektteamseite erstellt.
Praktische Aufgabe: Fügen Sie Effekte zu Rasterelementen hinzu, wenn Sie mit der Maus darüber fahren

8. Modul

Der erste Tag

Projektaufbau

Einrichten des Anwendungs-Site-Projekts „Verwalten“.
Erstellen eines responsiven Website-Headers
Erstellen eines Hamburger-Menüs mit JavaScript
Erstellen eines Präsentationsbereichs mit einem Produkt

Ergebnis der Lektion: hat den ersten Bildschirm der Anwendungswebsite „Verwalten“ erstellt
Praktische Aufgabe: Fügen Sie dem ersten Bildschirm ein Hintergrundbild hinzu.

Zweiter Tag

Erstellen eines Abschnitts mit einer Beschreibung der Anwendung

Abschnitt mit einer Beschreibung der Anwendung und ihrer Vorteile
Passen Sie den erstellten Block für alle Gerätetypen an
Abschnitt mit Anwendungsbetrieb
Wenden Sie Tailwind-Filter auf ein Bild an

Ergebnis der Lektion: hat zwei Abschnitte der Website „Verwalten“ erstellt
Praktische Aufgabe: Erstellen Sie einen zusätzlichen Abschnitt mit dem Verlauf der Anwendungserstellung

Tag drei

Erstellen eines Abschnitts über das Projektteam

Abschnitt über das Team
Slider mit Tailwind CSS und Javascript
Mitarbeiterkarten

Ergebnis der Lektion: hat einen Abschnitt über das Projektteam erstellt
Praktische Aufgabe: Erstellen Sie einen Abschnitt mit einer CTA-Schaltfläche

Tag vier

Einen Abschnitt mit Preisen erstellen

Erstellen Sie einen Abschnitt mit Preisen
Erstellen Sie eine responsive Website-Fußzeile
Beenden Sie das Projekt

Ergebnis der Lektion: Abschluss der Projektarbeiten, Erstellung der Website für die Anwendung „Manage“.
Praktische Aufgabe: Schließen Sie das Projekt ab und stellen Sie die Website ins Internet

9. Modul

Der erste Tag

Beginnen Sie mit der Arbeit an Ihrem eigenen Projekt.

Wählen Sie ein Projektthema aus
Beginnen Sie mit der Entwicklung Ihrer eigenen Website

Ergebnis der Lektion: Ein Thema wurde ausgewählt und die Arbeit am Projekt hat begonnen
Praktische Aufgabe: Projektarbeit

Zweiter Tag

Fortsetzung der Arbeit am Projekt

Arbeiten Sie weiter am Projekt
Beheben Sie Fehler im Projekt

Ergebnis der Lektion: Erstellung von Website-Seiten
Praktische Aufgabe: Projektarbeit

Tag drei

Vorbereitung einer Projektpräsentation.

Beschreiben Sie Ihr Projekt
Erstellen Sie eine Präsentationsvorlage, um Ihr Projekt zu verteidigen
Beenden Sie das Projekt
Stellen Sie die Website ins Internet

Ergebnis der Lektion: bereitete eine Präsentation vor und probte die Rede.
Praktische Aufgabe: Bereiten Sie eine Präsentation des Projekts vor und stellen Sie die Website ins Internet.

Tag vier

Projektschutz.

Schließen Sie die Projektpräsentation ab
Verteidigen Sie Ihr Projekt vor Publikum

Ergebnis der Lektion: Wir haben die Arbeit am Kursprojekt abgeschlossen und es den Eltern vorgestellt.
Praktische Aufgabe: Schließen Sie das Projekt ab, bereiten Sie eine Präsentation vor und führen Sie sie durch.

Tags Wolke

Verschiedenes

Bewertung

Ansichten

Bemerkungen