Master Riot v3: Learn Riot.js from Scratch

Go from zero to Master with the React-inspired, Riot.js library. A powerful, yet flexible, javascript view layer.
Rating: 4.6 out of 5 (269 ratings)
8,541 students
Master Riot v3: Learn Riot.js from Scratch
Rating: 4.6 out of 5 (269 ratings)
8,541 students
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.

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.
Description

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.

Who this course is for:
  • 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.
Course content
8 sections • 34 lectures • 3h 15m total length
  • Course Overview
    01:27
  • Why Riot?
    03:00
  • Lesson Structure
    03:32
  • Setting up a Riot project
    09:15
  • Syntax & Structure
    10:30
  • Pre-processors
    02:57
  • Tags
    06:48
  • Conditionals
    02:53
  • Yielding
    05:24
  • Event Handlers
    07:57
  • Events
    06:05
  • Named Elements
    04:38
  • Loops
    07:45
  • Observables
    05:31
  • Writing Valid W3C Markup
    01:23
  • Rendering Pre-Compiled Tags
    07:00
  • Manuel Pre-Compilation
    04:42
  • Project Setup
    09:16
  • Implement the Search
    06:59
  • API Data
    06:04
  • Display Results
    06:56
  • Routing Introduction - V3 Update
    03:11
  • Basic Routing
    07:50
  • Route Filtering
    05:05
  • Blog Project Intro - Riot Version 2
    02:26
  • Project Setup
    05:56
  • Creating Posts
    13:32
  • Implement a Blogroll
    08:54
  • Single Post View
    05:48
  • Editing Posts
    08:10
  • Delete Posts
    04:05
  • Bonus Lecture: Feedback & Stackacademy.tv Courses
    00:49

Instructor
Practical Courses Designed for Learning Efficiency.
Ray Viljoen
  • 4.6 Instructor Rating
  • 7,299 Reviews
  • 45,589 Students
  • 7 Courses

Stackacademy provides high-quality Courses for Developers, with learning-efficiency as the number one priority.

My name is Ray Viljoen,
I have over 10 years experience as a Full Stack Developer and have real world experience building, maintaining & optimising a wide range of applications.

My courses are concise, teaches practical skills and is designed to also serve as usable future reference material.