Introduction to Marionette.js – The Backbone Framework
INTERACTIVE COURSE

Introduction to Marionette.js – The Backbone Framework

Intermediate

92 Lessons

28h

Certificate of Completion

AI Explanations
AI Explanations
Introduction to Marionette.js – The Backbone Framework
90 Playgrounds
16 Quizzes
114 Illustrations

Takeaway Skills

An understanding of Marionette and its application to build a contact management application

Familiarity with the difference between views and templates in Marionette

Hands-on experience in displaying the collection on the application's main page by using CompositeView

Hands-on experience using CollectionView, to list our collection and apply sorting by using the comparator option

Hands-on experience in adding routing to an application for quick navigation using Marionette

The ability to add web storage persistence to retain the data modified by the user using Marionette

Working knowledge of adding several buttons, adding events, bubbling, triggers, and animations in Marionette

Course Overview

Marionette is an extension of Backbone that is very popular in building various JavaScript applications with a client-server system. It introduces a method for creating applications where you can define a class object that handles the entire application and acts as its root. You’ll learn the differences between views and templates. Next, you will cover displaying a model with a default value and use events to generate alerts. Then you’ll cover collectionView and CompositeView, to list contacts and display...Show More

Course Content

1

Introduction

2

Displaying a Static View

3

Displaying a Model

4

Displaying a Collection of Models

5

Structuring Code with Modules

6

Creating Tables in Views

6 Lessons

7

Events, Bubbling, and TriggerMethod

6 Lessons

8

Displaying Contacts in Dedicated Views

2 Lessons

9

Implementing Routing

9 Lessons

10

Dealing with Persisted Data

4 Lessons

11

Handling Data Latency

7 Lessons

12

Managing Forms

4 Lessons

13

Displaying a Modal Window

3 Lessons

14

Complex Views and Base Views

5 Lessons

15

Managing Dialogs with a Dedicated Region

2 Lessons

16

Filtering Contacts

5 Lessons

17

Addition to Sub-Application

7 Lessons

18

Conclusion

2 Lessons

19

Appendix: Using Web Storage for Persistence

5 Lessons

20

Appendix: Creating a FilteredCollection

2 Lessons

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath