This course starts with a coding Sandbox to explore colors, typography, spacing, flex classes, and more in Tailwind CSS, building a strong foundation before small projects.
Tailwind CSS From Scratch - Learn by Building Projects
Tailwind CSS From Scratch - Learn by Building Projects
Dozent: Packt - Course Instructors
Bei 
enthalten
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger
Empfohlene Erfahrung
Es dauert 14 Stunden
3 Wochen bei 4 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Was Sie lernen werden
Create and design rapid layouts and custom styles using Tailwind CSS.
Understand and describe the fundamentals and environment setup with Tailwind CLI.
Apply breakpoint classes and media queries effectively.
Kompetenzen, die Sie erwerben
- Kategorie: JavaScript Build
- Kategorie: Tailwind CLI
- Kategorie: Tailwind
- Kategorie: CSS Grid
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Kürzlich aktualisiert!
September 2024
Bewertungen
5 Aufgaben
Unterrichtet in Englisch
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erwerben Sie ein Karrierezertifikat.
Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.
Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.
In diesem Kurs gibt es 11 Module
In this module, we will introduce you to the course by discussing the outcomes and project details, explaining what Tailwind CSS is, and guiding you through the initial setup of your development environment.
Das ist alles enthalten
5 Videos1 Lektüre
In this module, we will delve into the foundational aspects of Tailwind CSS, focusing on utility-first design, color management, spacing, typography, layout, positioning, backgrounds, shadows, borders, and filters.
Das ist alles enthalten
9 Videos
In this module, we will expand on Tailwind CSS fundamentals by exploring interactivity, responsive design with media queries, and advanced layout techniques using columns, Flexbox, and Grid. We will also cover transitions, animations, and customization options.
Das ist alles enthalten
9 Videos1 Aufgabe
In this module, we will improve your development environment by teaching you how to set up Tailwind CLI, use directives and functions, and configure optional tools like Webpack and PostCSS for a more efficient workflow.
Das ist alles enthalten
3 Videos
In this module, we will engage in hands-on learning through mini projects, focusing on creating useful components and layouts with Tailwind CSS to solidify your understanding and skills.
Das ist alles enthalten
6 Videos
In this module, we will guide you through the creation of a Clipboard website, covering the setup and configuration, designing various sections, and deploying the project to Netlify for live hosting.
Das ist alles enthalten
8 Videos1 Aufgabe
In this module, we will build a Loopstudios website, focusing on setting up the project, designing the hero section, features, and creations, and ensuring responsiveness before deploying to Vercel.
Das ist alles enthalten
9 Videos
In this module, we will develop the Shortly website, covering the setup, navbar, hero section, link shortening form, and JavaScript validation, ensuring a fully functional and responsive design.
Das ist alles enthalten
9 Videos
In this module, we will create a testimonial grid project, focusing on the setup, designing individual testimonial boxes, applying grid classes, and utilizing the line clamp plugin for better text management.
Das ist alles enthalten
6 Videos1 Aufgabe
In this module, we will build the Fylo website, covering the setup, header design with dark mode, JavaScript for color modes, and creating the hero section, features, testimonials, and smooth scroll functionality.
Das ist alles enthalten
8 Videos
In this module, we will develop the Bookmark Manager website, focusing on the setup, navbar, hero section, tabs layout, JavaScript for interactive elements, and ensuring a responsive design.
Das ist alles enthalten
10 Videos2 Aufgaben
Dozent
von
Empfohlen, wenn Sie sich für Mobile and Web Development interessieren
Status: [object Object]Google
University of California, Davis
Scrimba
Coursera Project Network
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.