Brief Introduction
Create your own interactive web app with this powerful JavaScript framework in this exciting expert-led course.Description
This hands-on course will walk you through the entire process of creating a single-page interactive web app using Ember JS. Throughout the course, you will be working on building a functional grocery shopping list app. This course is designed for users who have experience with HTML, CSS, and JavaScript, although no experience with Ember JS is needed.
You'll start by learning about the concepts for making the app, including setting up the wireframe, then jump into learning the basic styles for creating and displaying categories. From there, Jason will teach you how to build the model for categories and create category pages. This video tutorial will also cover creating and displaying items, and how to work with categories. Finally, you will learn how to delete and edit items and categories.
Once you have completed this training, you will be fully capable of using Ember JS to create your own ambitious apps.
Requirements
- a solid understanding of HTML, CSS, and Javascript (variables, arrays, objects) and using the command line in your respective operating system
Outline
- Getting Started
- Important - Download These First - Working Files
- What You Will Learn
- What You Need To Know
- How To Access Your Working Files
- Software Required
- Installing Node.JS - Mac OSX
- Installing Node.JS - Windows
- Super Quick Setup With Yeoman
- Installing EmberJS
- How To Work With The Code Samples
- About Ember.JS
- What Is EmberJS
- Concepts For Making The App
- Setting Up The Wireframe - Our End Goal
- Basic Styles For Creating And Displaying Categories
- Setting Up The EmberJS App
- Making HTML And CSS For The Category Page
- Installing EmberJS Templates
- Building The Model For Categories
- Defining The Category Model
- Making A Fixture For Category Model
- Editing The Template To Display The Fixture
- Creating Category Pages
- Adding Dynamic Routes And Template
- Link Back To Category Page
- Creating And Displaying Items
- Building The Items Model, Fixture And Template
- Adding A Controller To Create Items
- Working With Categories
- Adding Categories
- Adding A Route All Category
- Using Partials To Dry Up Code
- Kick Away The Fixtures
- Deleting And Editing And Totals
- Adding A Delete Button To The Templates
- Actions For Deleting Items
- Actions For Deleting Categories
- Displaying An Item Count
- Editing Items
- Conclusion
- Wrap Up, Extra Tools And Additional Resources01. Getting Started
Infinite Skills
3.6 Raiting
Learning Ember JS
- 3.6
-
![]()
![]()
![]()
![]()
![]()
Create your own interactive web app with this powerful JavaScript framework in this exciting expert-led course. Finally, you will learn how to delete and edit items and categories....
React and Flux Web Development for Beginners
- 3.7
-
![]()
![]()
![]()
![]()
![]()
The comprehensive guide to building professional web apps with Facebook's React & Flux React & Flux Course Description Welcome to React and Flux Web Development for Beginners....
Learning Path: Mastering Ember.js Application Development
- 3.4
-
![]()
![]()
![]()
![]()
![]()
Get started with building blazing-fast, high performance apps with Ember Ever wanted to take your web development skills to the next level?...
JavaScript Complete Beginners Course For Web Development
- 4.4
-
![]()
![]()
![]()
![]()
![]()
Learn JavaScript from the beginning! Quizzes, JavaScript ES6, Array, JavaScript Operator,OOP, JS Console,prototypes,DOM JavaScript For Beginners One of the best Practical JavaScript tutorial udemy....
