From the course: Tailwind CSS Essential Training

Using the exercises for this course - CSS Tutorial

From the course: Tailwind CSS Essential Training

Start my 1-month free trial

Using the exercises for this course

“

- [Narrator] This course is a little bit different from most of my other courses. There are no exercise files, but you can find the code for this course on GitHub and CodePen. Now, to get the code, simply go to rebel.org/slide_tailwind. This will take you to a slide show that you see right here with all the links that you'll need for the course. At the bottom of the slideshow, you'll find a navigation toolbar. You can hit the Tiki to show or hide the toolbar. You can also find links to the GitHub repository for some of the parts of this course, as well as contact information. If you hit the M key, you'll see an index of all the slides for the course. If you click on a slide, that slide will play on your monitor. At the beginning of each slide there is an overlay with a link to each of the slides. You'll see that in the videos that I recorded. If you're watching the video, you can jump to each one of the slides by typing in that URL. To move through the slides, you can use the arrow keys. Slides are fully interactive, so you can click on buttons, or interact with the code on screen. If you see a link like this, it'll take you to the documentation for Tailwind. If you see a link like this, it means that there is a CodePen associated with this part of the course. You can play around with the code, and I do encourage you to play around, and modify the things that I've shown you as I'm working through the course. You also have access to a microsite with all of my notes for this course. Just open up the slide index by hitting the M key, and then click on any of the notes. You can navigate to each of the notes on the left navigation, and on the right, you can jump to the different sections in this particular slide. If you want to go back to the slide view, click on the icon to the right of the index. Towards the beginning of the course, you can get to a GitHub repo that has some of the code for the course. The link to the repo is at the bottom of every slide, or if you go to one of the beginning movies in chapter one, you'll see links to the GitHub repos at the last slide. Let's go to the repo and show you what that looks like. This repository is built so there are branches for each of the videos in the course. You can use this branch pop-up here to go to any of the videos and see how the code looked at that specific stage. For example, the branch titled a 0102, would show the course on chapter one and show the second video in that chapter. If you see a letter B at the end of the name, it means that's how the code looked at the beginning of the video. And if you see an E at the end, then that's how the code looked at the end of the video. If you want to, you can download the course by clicking on the code button, and then choosing one of the options like open with CodeSpaces or GitHub desktop. You can also download a zip file for this particular branch. We recommend that you download the main branch and issue and NPM install command. You may want to install no JS which has NPM as well as golf before you do this. Now, if you need more experience working with getting GitHub, do a search for learning Git and GitHub in our library. And if you're comfortable with this, then let's get started.

Contents