Build Web Apps Using EmberJS: The Complete Course

Explore chapter one of EmberJS, learn what EmberJS is and its advantages. Set up your environment, install Node.js and npm, and create an app with Ember CLI.

Explore Ember, an open source javascript framework for building ambitious web applications, using templates, components, models, routes, and the mvc pattern with Ember cli.

Install and verify the Node.js runtime, npm, Git for Windows, Get Bash, and Sublime Text to set up your Windows development environment for EmberJS apps.

Set up ember-cli and create a new app, then explore the app structure (components, controllers, models, routes, templates) and run the ember server on port 4200 to view localhost:4200.

Explore routing in Ember.js, learn how Ember handles routing, create routes linked to templates, connect routes with the link helper, design layouts, and implement bootstrap in an Ember app.

Learn Ember routing to navigate app states via user actions or the browser, using the map method in router.js, route handlers to redirect or update controllers, and outlets for templates.

Create routes and templates in Ember.js by defining paths and templates. Configure the router, build templates and outlets, and use the inspector plugin for debugging and live reload management.

Link routes and layouts with a persistent application navigation across home, about, services, and contact; highlight the active link, integrate bootstrap, and attach a services model.

Explore templates and controllers in EmberJS, learn the handlebars syntax, bind data from controller to template, create actions, and write simple helpers.

Explore handlebars, a mustache-compatible template engine, for Ember apps, enabling dynamic templates with expressions, context data, and compilation. Use if, unless, each, and with to render conditional and iterative content.

Learn to pass dynamic data from an Ember.js controller to templates, trigger actions, and render authors and comments with the each helper, using generators to create controllers, routes, and templates.

Create actions in a controller and trigger them from the template to handle click and mouse enter events. Use input helpers for name and comments and implement a submit action.

Learn how to write a helper in emberjs to format dates for a blog post, by installing moment with bower, importing it, and using the format helper in templates.

Explore models and data in Ember with JSON API and JSON syntax, using the MBR Data Library to perform CRUD operations and connect a Firebase database.

Learn how Ember Data models manage persistent data with adapters and stores, define relationships, perform CRUD via REST and JSON representations, and use computed properties.

Create a new Ember route with a simple model that returns a cars array and render it in the template. Fetch JSON from a public file with Ember getJSON.

Set up an Ember data model and controller, configure the rest adapter with the MBRD data library, and fetch car data from a json file to simulate an API.

Create a new cars route and template, connect a form to a new controller action, and use store.createRecord to add a car (make, model, year) with a redirect.

Add an edit link next to each record, configure routes and controllers, and implement update and delete actions to modify and remove records.

Implement a database using firebase and ember fire, configure environment settings and content security policy, and perform create, save, and delete operations in a sample cars app.

Dive into Ember components: fundamentals, properties, classes, templates, and building a simple component that displays a user's latest repos.

Explore EmberJS components as reusable, encapsulated user interface blocks using custom html tags, with isolated interfaces, properties, bindings, yielding content, and event handling to drive dynamic templates.

Create a simple EmberJS component to render text, pass properties, and trigger actions. Embed it in templates with yields, block syntax, and class bindings to manage state and styling.

Build a Bootstrap-styled Ember component that shows the latest good hub repositories in the sidebar, formatted with Moment and sorted by date.

Build a to-do app with Firebase persistence, CRUD tasks, automatic due-date sorting, and features like search, Markdown formatting, and Bootstrap styling.

Create a new Ember application and scaffold a to-do list with routes, a controller, and a to-do model. Integrate bootstrap, moment, and showdown, and set up a landing index page.

set up firebase and emberfire in EmberJS app, define a todo model with title, body, date, and created, and implement a create flow with a form that saves to firebase.

Fetches todos from firebase, formats dates with a helper, and sorts them by soonest due date. Users filter todos by typing in a search box that matches title or body.

Learn to update and delete to-do items in an EmberJS app by adding edit links, building update forms and actions, wiring delete functionality, saving to Firebase, and rendering markdown safely.

Review EmberJS fundamentals across chapters, from environment setup, routing, templates and controllers, to models and data handling with restful and firebase adapters, and a final to-do list mvc app.