Introduction to Marionette.js – The Backbone Framework

Introduction to Marionette.js – The Backbone Framework

Intermediate

92 Lessons

28h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

90 Playgrounds
16 Quizzes

This course includes

90 Playgrounds
16 Quizzes

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

TAKEAWAY SKILLS

Javascript

React.js

Interactive Real Time Web Applications

What You'll Learn

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

What You'll Learn

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

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

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

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