JavaScript Frameworks
Rebuilding the Expense Tracker with Backbone.js
Rebuilding an application with a framework.
In this course, you'll get firsthand experience using Backbone.js - one of the earlier, popular frameworks for JavaScript. Learning Backbone is an excellent stepping stone to understanding other newer frameworks like Angular and React, as many foundational concepts can be traced to this framework. Backbone is a common requirement in web developer job listings.
Here, you'll get to rebuild the application you previously built (the Expense Tracker). This will give you a unique perspective on the differences between coding an application from scratch, versus using a modern framework to aid in the development process.
This course is taught by Senior Software Engineer and mentor Gerard O'Neill (Trello/Atlassian). Get ready because you're going to learn a lot of useful skills in this course!
Curriculum
-
StartAbout this Project
-
StartDemo and Project Code (1:01)
-
StartBasic Setup (1:43)
-
StartBackbone Setup (5:38)
-
StartAdd Form (4:51)
-
StartAdd App and View (2:39)
-
StartForm View Intro (3:37)
-
StartAppend Form View (4:37)
-
StartMove Form to JS (4:39)
-
StartForm Submit Setup (3:28)
-
StartLog Form Values (3:07)
-
StartExpense Model (4:26)
-
StartExpenses Collection (5:25)
-
StartExpenses View Part I (5:05)
-
StartExpenses View Part II (5:57)
-
StartExpenses View Part III (1:34)
-
StartDisplay Expense (5:52)
-
StartExpense ID (3:56)
-
StartSave Expense to LocalStorage (4:42)
-
StartLoad Expenses from LocalStorage (5:03)
-
StartRemove Expense View (3:24)
-
StartRemove Expense Model (3:43)
-
StartEdit Expense Form Setup (4:24)
-
StartEdit Expense Form Complete (4:57)
-
StartBasic Amount Validation (3:42)
-
StartRender Validation Errors (4:46)
-
StartValidate Expense Edit View (3:02)
-
StartValidate Expense Amount Complete (5:37)
-
StartValidate Date Complete (5:27)
-
StartFormat Amount Setup (5:40)
-
StartFormat Amount Complete (5:43)
-
StartFix Broken Validation (1:47)
-
StartFormat Dates (4:08)
-
StartFormat on Edit (1:48)
-
StartFix Firefox (2:43)
-
StartSorting Setup (4:29)
-
StartRouter Setup (4:35)
-
StartRouter Params (4:32)
-
StartSort Collection Setup (3:17)
-
StartExpenses Sort Parameters (2:04)
-
StartComparator (5:19)
-
StartExpenses View Sort Links (1:33)
-
StartExpenses View Sort Direction (5:39)
-
StartExpense Sorting Complete (3:23)
-
StartForm Reset and Closing (2:02)