โ
4.3 (1,651)
โฑ 1 u 37 min
๐ 8 lessen
Over deze cursus
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.
Wat je krijgt
-
๐
Voltooiingscertificaat
Voeg toe aan je LinkedIn-profiel
-
๐ฌ
Personal AI tutor
Stuck on a lesson? Ask your built-in tutor anything, any time.
-
โพ๏ธ
Levenslange toegang
Kom altijd terug, geen einddatum
-
๐ฑ
Telefoon of computer
Werkt overal, op elk apparaat
-
๐ธ
30 dagen retour
Geen vragen
-
โก
Kort en gericht
1 u 37 min praktische inhoud
Beoordelingen (11)
Cursus: Vrij goede basis. De voorbeelden waren meestal nuttig. Mogelijk moet je elders extra oefenen voor beheersing.
Het is een goede introductie, maar zou kunnen profiteren van meer diverse voorbeelden en een iets betere flow tussen modules.
De voorbeelden waren super duidelijk en hielpen echt om de concepten te versterken. Zeker de tijd waard om te investeren.
De voorbeelden waren precies goed en hielpen echt om de concepten te versterken. Grote duimen omhoog.
De voorbeelden die werden gebruikt waren super nuttig voor het begrijpen van de kernideeรซn. Zeker de tijd waard.
Echt genoten van dit. De structuur vloeide perfect, en de praktische toepassingen zijn onmiddellijk nuttig.
Super praktisch en goed georganiseerd. Ik hield van de praktijktoepassingen die werden getoond.Dit is precies wat ik zocht.
Solide inhoud en duidelijk gepresenteerd. Ik waardeerde de praktijktoepassingen die werden getoond.Had een paar meer oefenmogelijkheden kunnen gebruiken.
Dit is precies wat ik zocht.Hield van de praktische voorbeelden, ze hielpen echt om de concepten te versterken.
Goede inhoud hier. Hoewel een paar van de modules gedetailleerder hadden kunnen zijn, zijn de algehele waarde en toepasbaarheid hoog.
Een goede introductie. De structuur was meestal duidelijk, maar ik wou dat er een paar meer voorbeelden uit de echte wereld waren.
Lerenden namen ook
Web Design Foundations: moderne, responsieve websites maken
Leer de principes van modern webdesign, leer lay-outontwerp met Figma en bouw responsieve, gebruiksvriendelijke websitelay-outs door middel van stapsgewijze schriftelijke lessen.
โ
5.0 (7,121)
9,19 โฌ
Figma Fundamentals voor modern website-ontwerp
Leer professionele websitelay-outs en interactieve prototypes te bouwen met behulp van de kerntools en moderne ontwerpworkflows van Figma.
โ
5.0 (20)
9,19 โฌ
Responsief UI-ontwerp met Figma
Leer hoe je met Figma flexibele, gebruiksvriendelijke interfaces maakt die zich naadloos aanpassen aan elk schermformaat.
โ
4.9 (18)
9,19 โฌ
Ontwerp en bouw responsieve webportfolio's met Figma & AI
Leer hoe u uw eigen responsieve webportfolio vanaf nul kunt ontwerpen en ontwikkelen, gebruikmakend van Figma voor UI / UX en het integreren van AI-tools om uw workflow te stroomlijnen.
โ
4.9 (19)
9,19 โฌ
Veelgestelde vragen
Wat heb ik nodig voor deze cursus?
+
Alleen een telefoon of computer met internet. Geen installaties of speciale hardware.
Hoe betaal ik?
+
Met kaart via Stripe of met cryptocurrency. We bewaren geen kaartgegevens โ Stripe handelt dit veilig af.
Kan ik een terugbetaling krijgen?
+
Ja โ volledige terugbetaling binnen 30 dagen, zonder vragen.
Hoe lang heb ik toegang?
+
Voor altijd. Eenmaal gekocht is de cursus van jou en kun je hem altijd opnieuw bekijken.
Krijg ik een certificaat?
+
Ja. Bij voltooiing ontvang je een certificaat dat je aan je LinkedIn-profiel kunt toevoegen.
Voor leerlingen in
Tech
Design
Financiรซn
Marketing
Gezondheidszorg
Onderwijs
Horeca
Productie