Tailwind CSS 和 Alpine JS - 基础培训
- 1. Getting started
- 1. Introduction to Tailwind CSS and Alpine JS Course
- 2. What is Tailwind CSS
- 3. What is Alpine JS
- 2. Mini Project
- 1. Adding Tailwind CSS and Alpine JS to a project
- 2. Project part 1 - Building the homepage with Tailwind CSS
- 3. Project part 2 - Building the homepage with Tailwind CSS
- 4. Project part 3 - Navigation with Tailwind CSS and Alpine JS
- 3. Tailwind CSS
- 1. A deeper dive into Tailwind CSS part 1
- 2. A deeper dive into Tailwind CSS part 2
- 3. Adding Tailwind CSS custom fonts
- 4. Adding Tailwind CSS custom colours
- 4. Alpine JS
- 1. A deeper dive into Alpine JS
- 2. Alpine JS example - classes and text
- 3. Alpine JS tip - multiple components
- 4. Alpine JS tip - using javascript
- 5. Alpine JS example - tabs
- 5. Finishing Project
- 1. How the navigation menu is built with Alpine JS
- 2. Project details page
- 3. Contact us page
- 4. Making our site responsive with Tailwind CSS
- 5. Outro