Master Riot: Learn Riot.js from Scratch Premium class

Ray Viljoen, Stackacademy.tv

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
28 Videos ()
    • Introduction

      1:29
    • Why Riot?

      3:00
    • Lesson Structure

      3:32
    • Setting Up a Riot Project

      9:49
    • Syntax & Structure

      10:30
    • Pre-Processors

      2:57
    • API: Tags

      6:48
    • API: Styling

      4:00
    • API: Conditionals

      2:53
    • API: Yielding

      5:24
    • API: Named Elements

      2:47
    • API: Event Handlers

      10:21
    • API: Events

      6:05
    • API: Loops

      9:40
    • API: Mixins

      6:01
    • API: Observables

      5:31
    • API: Valid Markup

      1:23
    • Router: Basics

      7:50
    • Router: Filtering

      5:05
    • Server-side: Render Pre-compiled Tags

      7:00
    • Server-side: Manual Pre-compilation

      4:42
    • Blog Project: Setup

      5:56
    • Blog Project: Creating Posts

      13:32
    • Blog Project: Blogroll

      8:54
    • Blog Project: Single Post

      5:48
    • Blog Project: Editing Posts

      8:10
    • Blog Project: Deleting Posts

      4:05
    • Outro

      0:33

This class is no longer available.

About This Class

963eb515

Learn to create rich web applications using the Riot javascript library.

Go from zero to mastery in all aspects of Riot, including configuration, client & server-side rendering, routing and more.

Master Riot is suited to both complete newcomers to Riot, and advanced Javascript developers looking to quickly and efficiently add Riot to their arsenal.

  • Learn to set up a base Riot configuration according to your project needs
  • Understand the entire Riot API in depth
  • Configure HTML5 routing and route filtering
  • Integrate Riot in more advanced server-side projects
  • Be more creative with your code via Riot’s flexible approach

An incredibly powerful library to know for any Javascript developer.

Javascript is hands-down the fastest growing programming language, and Riot is an invaluable skill for any developer with existing Javascript knowledge.

Riot will enable developers to create rich, powerful web applications without the steep learning curve of React or Angular, and also works exceptionally well as a view layer for native mobile & desktop apps, through the use of technologies such as Phonegap and Electron.

This course will allow Javascript developers to use Riot to it’s full potential and go from complete Riot novice to an an advanced level as quickly as possible.

Content and Overview

This course comprises of 25+ concise video lessons designed to make learning Riot as quick and efficient as possible. The course is suited to anyone with a good understanding of the Javascript programming language.

Absolutely no knowledge of any other Javascript libraries is required, although a basic grasp of Node.js would be helpful for a small section of the course.

The course starts by looking at the different variations of the Riot library, different compilation options and the basics of Riot’s tag syntax.

The next section, which forms the bulk of the course, takes an in-depth look at each individual aspect of the Riot API, including concepts such as styling, looping and handling user interactions.

After mastering the API, the course will move to using Riot on the server (Node.js) and then teach you how to configure and use the Riot router for creating rich, routable web apps.

The final section of the course is a practical project which will put all the previous lessons’ knowledge to use in a real-world web app.

Completing this course will allow you to start creating practical Riot-based web/mobile apps immediately.

All the lessons are designed to be as concise as possible and the course focuses on learning in a practical way.

What are the requirements?

  • Good understanding of the basic of Javascript.
  • Have a simple text editor with some syntax highlighting.
  • Basic knowledge of HTML is required.
  • Pre-installing Node.js would be advantageous, but is not required.

What am I going to get from this course?

  • Create customised Riot implementations specific to the project they are working on.
  • Understand, in depth, each individual aspect of the Riot API.
  • Have the know-how to implement Riot in practical ways to build rich, real-world web applications.
  • Know how to use Riot both client-side & server-side.
  • Implement dynamic HTML5 routing, using the built-in Riot router.
  • Write more logical & modular Javascript via simple Riot design principles.

What is the target audience?

  • This course is designed for developers with some experience of writing dynamic Javascript and basic working knowledge of HTML5 and CSS.
  • It is also ideal for existing React developers , looking to learn Riot as a leaner, more flexible alternative.

19

Students

--

Projects

Ray Viljoen

Stackacademy.tv

Stackacademy is dedicated to providing high quality courses for developers, designers and digital marketers.

My name is Ray Viljoen, I have 9 years of development experience as a full stack developer for a London-based tech company and I'm 100% self-taught.

My courses focus on practical skills and is designed to be easy to follow and review. Every lesson is concise and aims to teach real world skills.