Starting with Ember.js 2
Ember isn't like other JavaScript frameworks. Instead of providing a solution to the 'view' part of the Model-View-Controller design process, it tackles the client-side application problem as a whole. Whether it's web, mobile, or service applications, Ember works it using the model-view-viewmodel approach and does it flawlessly. If you're a IT professional or just a hobbyist interested in web architecture, UI design, or even testing and administrating, Ember will make your life infinitely easier.
More
Create Ambitious Web Applications
· Understand how Ember 2 works in web and mobile solutions
· Learn how Ember 2 solutions are designed, administered and developed
· Code an Ember 2 project with an online IDE
· Use Ember's component paradigm, data management library, CLI tool, and more
· Implement Ember Add-Ons, routing, authentication, and more
· Write and run Unit, Acceptance and Integration tests
· Style and Ember app with an Ember Material CSS Library
Launch Your Ember 2 Projects Now
This Ember 2 online course was designed specifically with web developers who design and build UI/UX solutions in mind. However, the information presented is just as valuable for architects, testers, or product managers. Ideally you'll have some experience in creating web UIs with normal JavaScript tools like jQuery or Bootstrap, as well as programming with an object-oriented or scripting language and JavaScript development of complete client-side solutions. Ember Experience, on the other hand, is absolutely not necessary.
This course will start off by giving you an overview of what Ember is and how and why it works. Then you'll install it and get going with the good stuff! You'll start off with routing, templates and helpers, Ember components and Ember Data, and once you've to grip with the fundamentals you'll begin building your own Ember app.
You'll design your app, build it out, create the components and complete the code, and then you'll move on to testing it. But it doesn't stop there; this course also covers more advanced aspects including styling, add-ons and security. By the time you're finished, you'll be more than capable of getting your own Ember projects up and running.
About Ember
Ember is a free, open-source, JavaScript framework for creating ambitious web applications. It allows web developers and UI/UX developers to create scalable, single-page web apps by incorporating common idioms, reducing code lines with Handlebars-integrated templates, and creating application-specific HTML tags. Websites such as Groupon, Nordstrom and the desktop app Apple Music all use Ember.
- Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) JavaScript development of complete client-side solutions. EMBER EXPERIENCE IS NOT REQUIRED!!!
- This course was built for web developers who design and build UI/UX solutions for mobile and the web. This course is designed for those developers who want to design with Ember 2.x as easily as they can with other JavaScript frameworks. Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how Ember 2.x is designed and used in a complete web solution.
What you'll learn:
- Code an Ember 2.0 Project with an Online IDE
- Understand and use Ember's Component paradigm
- Use Ember Data, Ember's powerful data management library
- Use Ember's CLI tool to create everything Ember
- Implement Ember Add On's for instant, amazing app functionality
- Compose Components with Ember's Component-driven design
- Implement Authentication in an Ember application
- Style an Ember app with an Ember Material CSS library
- Write and run Unit, Acceptance and Integration tests for Ember code
- Implement Routing in Ember
- Understand what Ember 2.0 is all about, and how it can help you as a developer ... and much, much more!
Watch Online Starting with Ember.js 2
| # | Title | Duration |
|---|---|---|
| 1 | Welcome to Starting with Ember | 02:24 |
| 2 | What is Ember? | 04:00 |
| 3 | Motivations Driving Ember | 02:16 |
| 4 | How Easy is it? | 05:44 |
| 5 | Course Outline | 04:18 |
| 6 | Section Introduction | 01:03 |
| 7 | Installing Ember CLI | 12:27 |
| 8 | And.. What Do We Have Here? | 07:54 |
| 9 | Ember Objects, Classes & Instances | 07:43 |
| 10 | Computed Properties, Observers, & Bindings | 09:39 |
| 11 | Concepts at Application Scope | 03:16 |
| 12 | Section Conclusion | 01:01 |
| 13 | Section Introduction | 01:13 |
| 14 | Route Definition | 03:04 |
| 15 | Nesting Routes & Templates | 06:07 |
| 16 | Dynamic URL Segments | 02:43 |
| 17 | Specific Route Handlers | 04:59 |
| 18 | Promises & Routers | 02:18 |
| 19 | Section Review | 01:15 |
| 20 | Section Introduction | 01:28 |
| 21 | Creating Templates with Helpers | 07:48 |
| 22 | Actionable Helpers | 07:48 |
| 23 | Custom Helpers | 02:49 |
| 24 | Section Conclusion | 01:04 |
| 25 | Section Introduction | 03:31 |
| 26 | Setting Up for a Component | 05:17 |
| 27 | Creating a Component | 09:10 |
| 28 | Creating a Controller | 08:25 |
| 29 | Components and Closure Actions | 02:45 |
| 30 | Section Conclusion | 01:10 |
| 31 | Section Introduction | 01:40 |
| 32 | Setup Mirage | 05:53 |
| 33 | Create an Ember Model | 02:04 |
| 34 | Access Our Model | 07:13 |
| 35 | Section Conclusion | 01:12 |
| 36 | Section Introduction | 04:16 |
| 37 | Design the App | 01:32 |
| 38 | Build Out the App | 06:13 |
| 39 | Create the Components | 09:06 |
| 40 | Complete the Code | 08:53 |
| 41 | Walk-Thru our New Code | 06:53 |
| 42 | Section Conclusion | 01:30 |
| 43 | Section Introduction | 01:32 |
| 44 | Ember Testing Tools | 04:13 |
| 45 | Unit Testing | 03:28 |
| 46 | Acceptance Testing | 01:43 |
| 47 | Integration Testing | 01:53 |
| 48 | Section Conclusion | 02:58 |
| 49 | Section Introduction | 01:11 |
| 50 | Ember Addon Sources | 00:49 |
| 51 | Add a YouTube Addon | 04:33 |
| 52 | Add Tooltips to our Templates | 03:38 |
| 53 | Section Conclusion | 00:48 |
| 54 | Section Introduction | 02:00 |
| 55 | Styling with an Addon | 09:49 |
| 56 | Styling our Main Template | 11:01 |
| 57 | Styling our List Component Template | 09:52 |
| 58 | Final Refactioring | 05:03 |
| 59 | Section Conclusion | 01:24 |
| 60 | Section Introduction | 02:27 |
| 61 | OAuth | 06:20 |
| 62 | Ember-Simple-Auth and Torii | 02:43 |
| 63 | Implementing Authentication and Authorization | 18:43 |
| 64 | Section Conclusion | 00:49 |
| 65 | What Do We Know Now? | 02:42 |
| 66 | Additional Resources | 01:44 |
| 67 | Final Thoughts | 01:15 |
Similar courses to Starting with Ember.js 2
