Course Content
1. Introduction
0/4
2. Introduction.mp4
02:20
3. Editor setup.mp4
02:35
4. Udemy ratings & reviews.mp4
00:38
5. Project setup & tailwind css overview.mp4
16:43
2. Building the navbar
0/9
1. Create the navbar and logo (with spacing, flexbox, and gradients).mp4
12:29
2. Apply Google Fonts to tailwind project.mp4
04:44
3. Create the first menu item, add classes on hover, & add transitions.mp4
07:13
4. Finish the menu items, editing techniques, & tailwind css components.mp4
10:03
5. Create the sub menu items & use tailwind css group functionality.mp4
06:17
6. Create the mobile menu icon.mp4
05:53
7. Animate mobile menu icon & create custom variant plugin with addVariant.mp4
10:13
8. Extend tailwind css custom open variant & implement mobile menu functionality.mp4
13:27
9. Implement mobile sub menu with custom group open tailwind variant.mp4
08:44
3. Building the Hero section
0/4
1. Create the Hero section and background image.mp4
07:49
2. Add the hero content.mp4
08:23
3. Create the waveform logo animation.mp4
10:41
4. Create custom animation delay tailwind css plugin with matchUtilities.mp4
07:00
4. Building the headliners section & carousel
0/3
1. Default base styles for headings.mp4
04:27
2. Create a scrollable & snappable carousel in tailwind css.mp4
07:09
3. Adding left and right arrows to the carousel.mp4
08:54
5. Light and dark mode
0/2
1. Implement light and dark mode based on user’s local machine settings.mp4
03:04
2. Implement tailwind css light & dark mode with toggle button.mp4
06:53
6. Building the tickets & lineup timeline sections
0/4
1. Create the tickets table & custom tailwind plugin with addUtilities.mp4
06:30
2. Start the lineup timeline (with advanced background gradients in tailwind).mp4
06:23
3. Finish the lineup timeline.mp4
07:23
4. Advanced tailwind css plugins & creating dynamic button component plugin.mp4
15:46
7. Deploy
0/1
1. Upload code to github and deploy to vercel.mp4
06:26
[Last updated 3/2024] Tailwind CSS – Zero to Hero tailwind css – tailwind v3 2024 (Udemy – Engsub)
Previous
Next
0% Complete