Ractivejs Fundamentals For Web Developers

[LeeAndro]

Last updated 11/2018MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHzLanguage: English | Size: 699.91 MB | Duration: 3h 58m

A complete manual to get you started on the powerful RactiveJS library

What you'll learn
Learn all about Ractive JavaScript library
Master the powerful front end technology which can work seamlessly with other backend langauges
Learn to make dynamic HTML using Ractive
Learn all the fundamentals to get you started quickly on your own projects

Requirements
Students should have a basic understanding of JavaScript

Description
Technology
is no longer static, but rather dynamic.​

It talks, it listens and it
grows. Interactivity has become a must for apps to survive in a tech
driven world. Ractive.JS is the perfect way to get interactive apps
and this course is the PERFECT way for you to learn this brilliant
technology.
Ractive
JS is not a framework, but rather a JavaScript library that can be
added on to any HTML and JavaScript framework. It is quite similar to
React JS, but it still stands miles apart, making it easier for you
to turn your static pages into dynamic content. Ractive was designed
by theguardian news website for their application, making it faster
and easier to update.
Ractive
transforms your HTML templates into blueprints for your apps and is
small and unobtrusive. Ractive relies on your Mustache templates and
converts them into a lightweight representation of the DOM, updating
your real DOM only when changes occur.
This
technology has been in the around since 2013, but is slowly now
gaining importance in the field of dynamic applications. There are NO
COURSES that directly help you learn and master Ractive, until NOW.
Our
Ractive tutorial has been designed in collaboration with experts to
help you learn this brilliant technology and boost your development
skills. Breaking Ractive down into 6 sections, the course covers
everything you need to know about this amazing JavaScript library.
The
first five sections cover RactiveJS, including what is Ractive, how
to get started with the library, incorporating it with your current
app, mustache templates, working with events, data bindings and how
Ractive can simplify the process, as well as multiple different
animations and transitions that can be used in your app with Ractive.

The
last section gives you hand-on experience of actually using the
technology and building an app from scratch. You will use Ractive,
NodeJS, Webpack, and Babel to build a user manager application.

With
so much to learn, what are you waiting for Let's get started and
bring your app a step closer to the future.

Overview
Section 1: Introduction

Lecture 1 Introduction

Section 2: Getting Started With Ractive

Lecture 2 Intro

Lecture 3 Intro to Ractive

Lecture 4 Basic Syntax

Lecture 5 Nested Properties

Section 3: Mustache Templates

Lecture 6 Intro

Lecture 7 Sections & Conditionals

Lecture 8 Iterating With Each

Lecture 9 Partials

Lecture 10 Variables & Custom Delimiters

Section 4: Working With Events

Lecture 11 Intro

Lecture 12 Proxy Events

Lecture 13 Method Calls

Lecture 14 Extend & Lifecycle Events

Lecture 15 Build a Slideshow

Section 5: Data Binding

Lecture 16 Intro

Lecture 17 2 Way Data Binding

Lecture 18 Observers

Lecture 19 Computed Properties

Lecture 20 Components

Section 6: Animation & Transitions

Lecture 21 Intro

Lecture 22 Animate Method

Lecture 23 Simple SVG & Animate

Lecture 24 Transitions

Section 7: Project With Ractive & Node.js

Lecture 25 Project Intro

Lecture 26 Installing Ractive via NPM

Lecture 27 Webpack & Babel Setup

Lecture 28 UserList Component & Template

Lecture 29 List & Add Users

Lecture 30 Delete & Update Users

Lecture 31 Implement Local Storage

Section 8: Summary

Lecture 32 Summary

Lecture 33 Bonus Lecture: More Interesting Stuff, Offers and Discounts

Student who want to use Ractive in their own projects will find this course extremely useful

HomePage:

https://www.udemy.com/course/ractivejs-fundamentals-for-web-developers/

DOWNLOAD

https://1dl.net/ck8l94xr7586/RimVDqos__RactiveJS_.rar.html