Einführung in die Responsive Web Development mit HTML und CSS
Ein Kurs von Javier Usobiaga Ferrer , Webdesigner
Lernen Sie die Grundlagen der Frontend-Webentwicklung kennen
Lernen Sie die Grundlagen der Frontend-Webentwicklung kennen
Bringen Sie Ihr Design in den Browser! In diesem Kurs zeigt Ihnen Javier Usobiaga, wie Sie Webseiten mit den grundlegendsten Tools erstellen: HTML und CSS. Sie lernen, Ihren eigenen Code zu schreiben, und Sie ändern die Art und Weise, wie Sie das Web anzeigen (und gestalten), und verstehen, wie es im Inneren funktioniert und wie Sie eine reaktionsfähige Website entwerfen, um sie effektiver zu gestalten. Und wenn Design nicht Ihr Ding ist, kann dieser Kurs eine gute Basis sein, um in die Welt der Front-End-Webentwicklung einzusteigen.
Was lernst du in diesem Onlinekurs?
31 Lektionen & 13 Downloads
- 98% positive Bewertungen (2.5K)
- 48,651 Lernende
- 31 Lektionen (2 Stdn. 18 Min.)
- 13 Zusatzmaterialien (9 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch, Englisch
- Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Was ist das Kursprojekt?
Das Abschlussprojekt besteht aus der Erstellung einer reaktionsschnellen Webseite (dem Web einer fiktiven Cafeteria), die auf einem Design basiert, das als Synthese der verschiedenen Themen dient, die wir im Verlauf des Kurses sehen werden.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
An alle, die Grundkenntnisse in HTML und CSS erwerben möchten, unabhängig davon, ob sie Designer sind oder nicht.
Anforderungen und benötigte Materialien
Für diesen Kurs benötigen Sie keine großen technischen oder gestalterischen Kenntnisse. Sie benötigen einen Computer und einen kostenlosen Code-Editor.
Bewertungen
Javier Usobiaga Ferrer
Ein Kurs von Javier Usobiaga Ferrer
Javier Usobiaga ist seit 10 Jahren Webdesigner und Mitbegründer von Marta Armada vom Swwweet-Studio. Er hat sich auf die Gestaltung reaktionsschneller Websites von der ersten Konzeption bis zur Front-End-Entwicklung spezialisiert.
Er genießt auch seine Rolle als Professor für Webdesign in renommierten Workshops und Schulen wie Elisava, IDEP.
Usobiaga versteht das Web in seiner Gesamtheit, nicht nur wie schön es auf dem Computerbildschirm sein kann, sondern auch seine Verwendbarkeit unter verschiedenen Geräten und Umständen.
In seinen Worten "Ich denke, genauso wichtig wie die Ästhetik ist, wie schnell es geladen wird oder wie gut es reagiert, und es scheint mir, dass wir das in unserer Branche oft vergessen."
Inhalt
-
E1
Einführung
-
Präsentation des Kurses und des Projekts
-
Das Web: HTML, CSS und JS
-
Code-Editor. Erstellen Sie ein Projekt. Bearbeitungsumgebung
-
Inspektor- und Entwicklertools
-
-
E2
HTML-Struktur
-
HTML-Tags und Attribute
-
Textbeschriftungen
-
Bilder und Links
-
Blocketiketten
-
Dokumentetiketten
-
-
E3
Beginnend mit CSS
-
Verknüpfen Sie eine CSS-Datei und eine CSS-Syntax
-
Grundlegende Selektoren
-
Typografische Stile
-
Spezifität und Struktur in Stylesheets
-
Erweiterte Selektoren: die Pseudoklassen
-
-
E4
CSS-Strukturen
-
Browser-Stile und CSS zurücksetzen
-
Das Boxmodell
-
Anzeigen
-
Schwimmt
-
Position
-
-
E5
CSS-Dekoration
-
Stile für Listen
-
Rand, Randradius und Kastenschatten
-
Hintergründe und Hintergrundbilder
-
Webfonts
-
-
E6
Reaktionsschnelle Techniken
-
Responsive Design und Mobile First
-
Flexible Struktur
-
Die Medienabfragen
-
Reaktionsschnelle Navigation
-
-
E7
Interaktion hinzufügen
-
E-Mail-Link
-
CSS-Übergänge
-
Verknüpfen Sie eine JavaScript-Datei
-
Navigation mit JavaScript hinzugefügt
-
-
AP
Abschlussprojekt
-
Responsive Webentwicklung mit HTML und CSS
-
Was erwartet dich in einem Domestika-Kurs?
-
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
-
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
-
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
-
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
-
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
-
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
Domestika-Kurse sind Onlinekurse, die dir Kenntnisse im Umgang mit bestimmten Werkzeugen oder Fähigkeiten vermitteln, mit deren Hilfe du ein eigenes Projekt realisieren kannst. Jeder Schritt ist so gestaltet, dass du mit einer Kombination aus Videolektionen und ergänzenden Lehrmaterialien praktisch lernst. Im Rahmen eines Domestika-Kurses hast du außerdem die Möglichkeit, dein eigenes Projekt mit der Lehrperson und anderen Teilnehmenden zu teilen, sodass eine dynamische Kursgemeinschaft entsteht.
Alle Kurse sind zu 100 % online verfügbar, das heißt, sobald ein Kurs veröffentlicht wurde, steht er dir zur Verfügung, wann immer du willst. Du bestimmst das Tempo, in dem du lernen willst. Du kannst jederzeit zu einem Teil zurückkehren, der dich besonders interessiert, oder überspringen, was du schon kennst. Genauso ist das Kursforum immer offen für neue Fragen, Kommentare, geteilte Projekte und mehr.
Die Kurse sind in mehrere Einheiten unterteilt. Jede Einheit enthält Lektionen, informative Begleittexte, Aufgaben und Übungen, mit denen du dein Projekt Schritt für Schritt vollendest, inklusive ergänzender Materialien und Downloads. Außerdem hast du Zugang zu einem exklusiven Forum, in dem du dich mit der Lehrperson und anderen Lernenden austauschen kannst und deine Arbeit und dein Kursprojekt teilen kannst, sodass eine Gemeinschaft rund um den Kurs entsteht.
Du kannst den geschenkten Kurs aktivieren, indem du den Gutscheincode hier Einlöseseite eingibst.
eegg_2k
Buenos días a tod@s, este curso me pareció excelente, utiliza un lenguaje muy sencillo que permite comprender todas las instrucciones técnicas de manera fácil. Incentiva a la actividad autodidacta que es importante en el aprendizaje informal y proporciona todos los elementos adicionales que son necesarios para implementar las practicas. Buena idea profundizar un poco más diferentes características de CSS para generar un sitio web más atractivo. Muchas gracias por este tipo de cursos.
Übersetzung anzeigen
Übersetzung ausblenden
jato_juan
Buen curso de iniciación, conceptos básicos explicados y buena forma de iniciar la programación!
Übersetzung anzeigen
Übersetzung ausblenden
alfredolazo
PlusHace muchos años estudié html 4 con css, pero había dejado de hacer web por un período muy largo.
La verdad es que como curso de reenganche me ha venido muy bien. Eso si es un curso de "Introducción".
Übersetzung anzeigen
Übersetzung ausblenden
cursologo01
Muy buen curso, explica todo muy bien y de manera entendible
Übersetzung anzeigen
Übersetzung ausblenden
usersara439
Excelente curso, estoy entendiendo todo, es recomendable para aquellos quienes estamos iniciando en el mundo de HTML y CSS. El maestro explica de manera sencilla y fácil de comprender, lo recomiendo.
Übersetzung anzeigen
Übersetzung ausblenden