Basics of getting up and running with Riot.

• Different Riot library versions
• Compilation options
• Mounting your first Riot tag

Understand some key Riot concepts and the basic structure of Riot tag files.

An overview of using Riot with CoffeeScript, TypeScript, ES6 etc.

Basics of Riot HTML tags, including concepts like parent & child tags.

Style Riot components with modular, scoped CSS.

Understand conditional tag expressions like "if", "show" and "hide".

Yield nested HTML inside a Riot tag using the special Riot yield tag.

Learn to implement event handlers for user interactions like 'click', 'submit' etc.

See attached for complete list of Riot events.

Respond to Riot's own internal events like 'mount', 'unmount' etc.

Access DOM node contexts directly using the ref attribute.

An in-depth look at iterating objects and arrays inside Riot tag files.

Learn how to share functionality across your Riot tags with powerful mixins.

Use Riot to turn any object into an event-emitting observable object.

A demo of Riots very simple alternative syntax for writing completely valid W3C markup.

Use the Node module to compile and serve tags from the server.

Watch and compile Riot tags during development for serving pre-compiled Javascript tag files.

Set up the Riot project from scratch and use Bower to add dependancies.

Implement a search field using Riot event handlers and connect to an api mixin to get result.

Make the API mixin observable and implement API events for getting data from Tags.

Add a fancy CSS animation for the loading action and format the final API results on the front-end.

An overview to the changes affecting the Riot Router post version 3.

Introduction to using and configuring the built-in Riot router

Fine-tune routing by implementing route filters.

An overview of the changes to anticipate in this version 2 project.

Breaking changes affecting the project include:

• Named elements now use ref instead of name.
• Riot router no longer bundled with Riot core.
• Event handlers no longer prevent default - preventDeafult() - behavior by default.
• Template's no longer fail silently. Undefined tag variables therefore render undefined.

Create the initial layout of the Blog app.

Create and persist a blog post.

Display the newly created post(s) on the app homepage in basic blogroll format.

Enable individual post linking from the blogroll, to a more detailed single post view.

Adapt the 'new post' form to enable post editing on a unique route.

Implement a simple confirm/delete action on blog posts.

An outro consisting of:

• Expected course updates & additions

• Course Feedback & Suggestions

• Links to more Stackacademy.tv Courses