★ 4.3 (1,651)
⏱ 1 Std. 37 Min.
📚 8 Lektionen
Über diesen Kurs
E-commerce merchants require highly customizable, fast, and unique storefronts to stand out in a crowded market. Developing Shopify themes using modern Online Store 3.0 standards allows you to build flexible, section-based layouts that merchants can easily configure without touching code.
This text-based course guides you through the process of building a modern Shopify theme from scratch. You will learn to leverage Shopify CLI, write dynamic Liquid templates, style components efficiently with Tailwind CSS, and implement structured JSON templates for sections and blocks, ensuring your themes are modular, performant, and highly accessible.
What you'll learn:
- Understand Shopify's theme architecture, file directory structure, and basic Liquid syntax.
- Configure Shopify CLI to set up a local development environment and sync changes seamlessly.
- Build dynamic layouts using Online Store 3.0 JSON templates, sections, and customizable blocks.
- Integrate Tailwind CSS to design responsive, modern, and highly performant e-commerce interfaces.
- Implement foundational SEO practices and web accessibility standards for product, collection, and blog pages.
- Manage dynamic store data using Liquid loops, conditionals, filters, and Shopify objects.
The course begins with the foundational concepts of Shopify's theme ecosystem, guiding you through setting up your local environment and understanding Liquid. You will then progress through structuring templates, styling with Tailwind CSS, and configuring flexible schema settings for merchant customization.
This course is designed for web developers, freelancers, and designers who already understand basic HTML, CSS, and JavaScript and want to learn how to build professional Shopify themes. No prior experience with Shopify development or Liquid is required.
Start reading today to build and customize your own high-performance Shopify storefronts.
Was du erhältst
-
📜
Abschlusszertifikat
Füge es deinem LinkedIn-Profil hinzu
-
♾️
Lebenslanger Zugang
Komme jederzeit zurück, kein Ablauf
-
📱
Smartphone oder Computer
Auf jedem Gerät, überall
-
💸
30 Tage Rückgaberecht
Ohne Wenn und Aber
-
⚡
Kurz und fokussiert
1 Std. 37 Min. praktische Inhalte
Bewertungen (11)
Die Beispiele waren meist hilfreich. Möglicherweise benötigen Sie zusätzliche Übung an anderer Stelle, um sie zu meistern.
Es ist eine anständige Einführung, die von mehr verschiedenen Beispielen und einem etwas besseren Fluss zwischen den Modulen profitieren könnte.
Die Beispiele waren super klar und haben wirklich geholfen, die Konzepte zu festigen. Definitiv die investierte Zeit wert.
Die Beispiele waren genau richtig und haben wirklich geholfen, die Konzepte zu festigen. Großer Daumen hoch.
Die Beispiele waren super hilfreich, um die Kernideen zu verstehen. Auf jeden Fall die Zeit wert.
Die Struktur floss perfekt, und die praktischen Anwendungen sind sofort nützlich. Tolle Arbeit!
Super praktisch und gut organisiert. Ich liebte die gezeigten Anwendungen aus der Praxis.Dies ist genau das, wonach ich gesucht habe.
Solider Inhalt und klar präsentiert. Ich schätzte die gezeigten Anwendungen aus der Praxis.
Ich habe die praktischen Beispiele geliebt, sie haben wirklich geholfen, die Konzepte zu festigen.
Solider Inhalt hier. Während ein paar der Module detaillierter hätten sein können, sind der Gesamtwert und die Anwendbarkeit hoch.
Eine gute Einführung. Die Struktur war meist klar, aber ich wünschte, es gäbe ein paar mehr Beispiele aus der realen Welt.
Andere belegten auch
Grundlagen des Webdesigns: Moderne, responsive Websites erstellen
Meistern Sie die Prinzipien des modernen Webdesigns, lernen Sie Layoutgestaltung mit Figma und erstellen Sie responsive, benutzerfreundliche Website-Layouts mithilfe von Schritt-für-Schritt-Anleitungen in schriftlicher Form.
★ 5.0 (7,121)
$4.99$9.99
Figma Grundlagen für modernes Website-Design
Erfahren Sie, wie Sie professionelle Website-Layouts und interaktive Prototypen mit den Kernwerkzeugen und modernen Design-Workflows von Figma erstellen.
★ 5.0 (20)
$4.99$9.99
Design & Erstellung von responsiven Web-Portfolios mit Figma & KI
Lernen Sie, wie Sie Ihr eigenes responsives Web-Portfolio von Grund auf entwerfen und entwickeln, indem Sie Figma für UI / UX nutzen und KI-Tools integrieren, um Ihren Workflow zu optimieren.
★ 4.9 (19)
$4.99$9.99
Responsives UI-Design mit Figma
Lernen Sie, mit Figma flexible, benutzerfreundliche Schnittstellen zu erstellen, die sich nahtlos an jede Bildschirmgröße anpassen.
★ 4.9 (18)
$4.99$9.99
Häufige Fragen
Was brauche ich, um diesen Kurs zu belegen?
+
Nur Telefon oder Computer mit Internet. Keine Installation, keine spezielle Hardware.
Wie kann ich bezahlen?
+
Per Karte über Stripe oder mit Kryptowährung. Wir speichern keine Kartendaten — Stripe übernimmt das sicher.
Kann ich eine Rückerstattung erhalten?
+
Ja — volle Rückerstattung innerhalb von 30 Tagen, ohne Wenn und Aber.
Wie lange habe ich Zugang?
+
Für immer. Nach dem Kauf kannst du jederzeit zum Kurs zurückkehren.
Erhalte ich ein Zertifikat?
+
Ja. Nach Abschluss erhältst du ein Zertifikat, das du in dein LinkedIn-Profil aufnehmen kannst.
Entwickelt für Lernende in
Tech
Design
Finanzen
Marketing
Gesundheit
Bildung
Gastgewerbe
Produktion