I’ve recently started properly planning CSS From Scratch and it’s become apparent, very quickly, that this project is going to suit being a screencast-based course, rather than a book. The more thought I put into it, the more I’ve thought that it’ll actually be better that way.
Practical learning permalink
While I’ve been coming up with the outline, I’ve been thinking for each lesson/chapter: “how can I best teach this”, and almost always, the answer has been how I taught lectures, in my brief stint as a lecturer.
In those lectures, I would spend a short period of time explaining a concept, show some examples and then get practical and work through it with the students. I’m going to do it in the same way for this project too, because it worked incredibly well. The context was the same too: absolute beginners learning code for the first time!
Like I said earlier in the post, I’ve put together the initial outline and it’s split into two main sections.
As this is CSS From Scratch, we start from day zero and work through the fundamentals first. Lessons include:
- What is the role of CSS?
- Cascade and Specificity
- Progressive Enhancement
We then move on to building a proper project. I’m not 100% sure what this will be yet, but the aim will be to cover all of the fundamentals that we’ll have learned together and then apply them into a proper project context. We’ll treat this like a client/internal project.
Lessons of this section include:
- Setting up
- Global styles and tokens
- Accessibility testing
- Performance testing
- Finishing touches
- Bundling and deployment
- Wrap up
That’s it, really. I just thought I’d keep you all in the loop about what’s going on and how this project is evolving.
A slight aside is that I’m going to create some proper branding and stings for continuity, so I’ll keep you all in the loop about that too!
Anyway: sign up for updates on Product Hunt, subscribe to the RSS feed or follow @cssfromscratch on Twitter to keep in the loop.