Download appDownload App

RactiveJS Fundamentals for Web Developers

Technology has become more interactive, with not only you communicating with your device, but it responding back to you. The growing JavaScript frameworks and libraries are only adding the confusion f...

  • All levels
  • English

Course Description

Technology has become more interactive, with not only you communicating with your device, but it responding back to you. The growing JavaScript frameworks and libraries are only adding the confusion for a lot of developers who now first have to narrow down the technologies that they want to use for their apps. This is where Ractive JS comes in. Ractive.JS is not a framework, but a JavaScript li...

Technology has become more interactive, with not only you communicating with your device, but it responding back to you. The growing JavaScript frameworks and libraries are only adding the confusion for a lot of developers who now first have to narrow down the technologies that they want to use for their apps. This is where Ractive JS comes in. Ractive.JS is not a framework, but a JavaScript library that is similar to React, but miles apart. It is meant to make apps designed in HTML and JavaScript interactive out of the box. It was originally designed by theguardian.com as a news application. News apps need to move fast and be interactive, so that it can constantly change. While that are many different tools that help you build apps, there are only few that help solve the problem of interactivity. Apps created in HTML describe static documents, instead of interactive ones.

What you’ll learn
  • What is Ractive and how to get started with the library
  • What are Mustache Templates with numerous examples
  • How can you work with events using Ractive
  • What are Data Bindings and how you can bind data using Ractive
  • Different animations and transitions that can be used in your app with Ractive
  • How to create a complete working app from scratch using Ractive and Node JS.

Covering Topics

1
Section 1 : Course Intro
2
Section 2 : Getting Started With Ractive
3
Section 3 : Mustache Templates
4
Section 4 : Working With Events
5
Section 5 : Data Binding
6
Section 6 : Animation & Transitions
7
Section 7 : Project With Ractive & Node.js
8
Section 8 : Course Summary

Curriculum

      Section 1 : Course Intro
1
Intro
      Section 2 : Getting Started With Ractive
2
Section 1 Intro Preview
3
Intro to Ractive
4
Basic Syntax
5
Nested Properties
      Section 3 : Mustache Templates
6
Section 2 Intro
7
Variables & Custom Delimiters
8
Sections & Conditionals
9
Iterating With Each
10
Partials
      Section 4 : Working With Events
11
Section 3 Intro
12
Proxy Events
13
Method Calls
14
Extend & Lifecycle Events
15
Build a Slideshow
      Section 5 : Data Binding
16
Section 4 Intro
17
2 Way Data Binding
18
Observers
19
Computed Properties
20
Components
      Section 6 : Animation & Transitions
21
Section 5 Intro
22
Animate Method
23
Simple SVG & Animate
24
Transitions
      Section 7 : Project With Ractive & Node.js
25
Project Intro
26
Installing Ractive via NPM
27
Webpack & Babel Setup
28
UserList Component & Template
29
List & Add Users
30
Delete & Update Users
31
Implement Local Storage
      Section 8 : Course Summary
32
Summary

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.