This course includes
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...
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
Introduction
Displaying a Static View
Displaying a Model
Displaying a Collection of Models
Structuring Code with Modules
Creating Tables in Views
6 Lessons
Events, Bubbling, and TriggerMethod
6 Lessons
Displaying Contacts in Dedicated Views
2 Lessons
Implementing Routing
9 Lessons
Dealing with Persisted Data
4 Lessons
Handling Data Latency
7 Lessons
Managing Forms
4 Lessons
Displaying a Modal Window
3 Lessons
Complex Views and Base Views
5 Lessons
Managing Dialogs with a Dedicated Region
2 Lessons
Filtering Contacts
5 Lessons
Addition to Sub-Application
7 Lessons
Conclusion
2 Lessons
Appendix: Using Web Storage for Persistence
5 Lessons
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
See how Educative uses AI to make your learning more immersive than ever before.
Instant Code Feedback
AI-Powered Mock Interviews
Adaptive Learning
Explain with AI
AI Code Mentor