Starting with Ember.js 2

4h 53m 42s
English
Paid

Course description

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.

Read more about the course

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.

Requirements:
  • 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!!!
Who this course is for:
  • 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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 67 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Starting with Ember.js 2

0:00
/
#1: Welcome to Starting with Ember

All Course Lessons (67)

#Lesson TitleDurationAccess
1
Welcome to Starting with Ember Demo
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

Unlock unlimited learning

Get instant access to all 66 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build Web Apps Using EmberJS: The Complete Course

Build Web Apps Using EmberJS: The Complete Course

Sources: udemy
EmberJS has altered the way people now create web applications by allowing developers to focus more on building the app, rather than working on backend coding. What is EmberJS? ...
4 hours 24 minutes