このコースについて
39,818 最近の表示

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

中級レベル

約37時間で修了

推奨:6 hours/week...

英語

字幕:英語

習得するスキル

Unit TestingJavaScriptAngularjsWeb Development

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

中級レベル

約37時間で修了

推奨:6 hours/week...

英語

字幕:英語

シラバス - 本コースの学習内容

1
5時間で修了

Introduction to AngularJS

In this module, we are going to start by going over how grading works for this course, will introduce some recommended books, as well as give you the information on how to find all of the source code that you will see throughout the course. We will then dive into the development environment setup for both Mac and Windows. The core of this module will be the introduction not only to the basics of AngularJS, but more importantly, the concepts that back AngularJS as a good solution for developing front-end web applications. To become a good software developer and not just with AngularJS, you will need to understand these concepts. But for becoming a good AngularJS developer, these concepts are essential, because they will allow you to understand the issues the framework is addressing and therefore get a good grasp on the solutions AngularJS is offering.

...
21件のビデオ (合計152分), 7 readings, 10 quizzes
21件のビデオ
Welcome to Module 11 分
Development Environment Setup - What We Will Need2 分
Development Environment Setup for Mac, Part 16 分
Development Environment Setup for Mac, Part 215 分
Development Environment Setup for Windows, Part 15 分
Development Environment Setup for Windows, Part 214 分
Lecture 1: Why NOT Keep Things Simple?6 分
Lecture 2, Part 1: Why Does Code Get Complex?5 分
Lecture 2, Part 2: Why Does Code Get Complex?7 分
Lecture 3: Model-View-ViewModel (MVVM)9 分
Lecture 4: AngularJS Installation and First Simple App9 分
Lecture 5: Sharing Data With The View Through Scope5 分
Lecture 6: Implementing NameCalculator Example in AngularJS9 分
Lecture 7: What’s Behind the “Magic”: Custom HTML Attributes7 分
Lecture 8: Dependency Injection6 分
Lecture 9: How Dependency Injection Works in Javascript8 分
Lecture 10: Protecting Dependency Injection from Minification10 分
Lecture 11, Part 1: Expressions and Interpolation8 分
Lecture 11, Part 2: Expressions and Interpolation7 分
Module 1 Wrap-up57
7件の学習用教材
How Grading and Being Late on Assignments Works10 分
Recommended Books10 分
CHECK OUT MY SITE!10 分
ALL of the EXAMPLE CODE for this course10 分
Is It Worth It To Learn Angular 1 Since Angular 2 Already Came Out?10 分
Frequently Asked Questions10 分
ENTER RAFFLE (ends April 23rd, 2017)10 分
9の練習問題
Quiz 1 - Very Important Quiz!10 分
Quiz 24 分
Quiz 32 分
Quiz 44 分
Quiz 56 分
Quiz 62 分
Quiz 74 分
Quiz 84 分
Quiz 92 分
2
5時間で修了

Module 2 - Filters, Digest Cycle, Controller Inheritance, and Custom Services

We will start this module by learning how to use Angular filters to manipulate our data into the format we want and learn how to create our own custom filters. We will then dive deep into the digest cycle, which is the process AngularJS uses to magically update our web page with the bound data from our ViewModel or the controller. Understanding this process is crucial in getting comfortable with AngularJS. We'll also see some cases where we'll need to assist that process somewhat and understand why that is. After that, we'll learn one of the most fundamental concepts in the Javascript programming language, which is Prototypal Inheritance. Clear understanding of that topic is a must before we talk about inheritance between AngularJS controllers in our application. We'll finish off the module by learning how to create our own custom Angular services as well as how to configure them. With custom Angular services we'll be able to share data across different controllers or other components in our application. We will also learn a few useful Angular directives that allow us to place looping and conditional logic direction into our HTML. You'll see that by the end of this module, you'll have the skills to create a fairly sophisticated web application that starts to use some of the more advanced software architecture techniques.

...
25件のビデオ (合計195分), 3 readings, 13 quizzes
25件のビデオ
Lecture 12: Filters7 分
Lecture 13, Part 1: Creating Custom Filters6 分
Lecture 13, Part 2: Creating Custom Filters3 分
Lecture 13, Part 3: Creating Custom Filters8 分
Lecture 14, Part 1: Digest Cycle4 分
Lecture 14, Part 2: Digest Cycle7 分
Lecture 14, Part 3: Digest Cycle9 分
Lecture 15: $digest and $apply10 分
Lecture 16: 2-way, 1-way and 1-time Binding11 分
Lecture 17: ng-repeat11 分
Lecture 18: Filtered ng-repeat11 分
Lecture 19, Part 1: Prototypal Inheritance5 分
Lecture 19, Part 2: Prototypal Inheritance13 分
Lecture 19, Part 3: Scope Inheritance7 分
Lecture 19, Part 4: Scope Inheritance10 分
Lecture 19, Part 5: Controller As Syntax8 分
Lecture 20, Part 1: Custom Services4 分
Lecture 20, Part 2: Custom Services11 分
Lecture 21, Part 1: Custom Services with .factory()7 分
Lecture 21, Part 2: Custom Services with .factory()9 分
Lecture 22, Part 1: Custom Services with .provider()5 分
Lecture 22: Part 2: Custom Services with .provider()8 分
Lecture 23: ng-if, ng-show and ng-hide7 分
Module 2 Wrap-Up1 分
3件の学習用教材
Recommended Books10 分
CONNECT WITH ME!10 分
Frequently Asked Questions10 分
12の練習問題
Quiz 104 分
Quiz 116 分
Quiz 122 分
Quiz 132 分
Quiz 144 分
Quiz 152 分
Quiz 166 分
Quiz 172 分
Quiz 184 分
Quiz 194 分
Quiz 204 分
Quiz 212 分
3
6時間で修了

Week 3 - Promises, Ajax, and Custom Directives

Welcome to module 3! In this module, we go over a lot of essential features of AngularJS. We will start with learning about the Promise API. While Promises are essential to Angular, this topic reaches far beyond Angular. It's really an essential topic to understanding modern web development with Javascript. We will also learn about making calls to the server through the built in Angular service called the HTTP service. We'll finish off the module by spending a considerable amount of time on THE crown feature of AngularJS: directives. Directives are really at the core of the entire framework. They not only allow us to extend the functionality of existing HTML elements, which is already pretty amazing in an of itself, but they also allow us to create our own element with custom view and custom behavior. Pretty exciting stuff!

...
19件のビデオ (合計156分), 3 readings, 11 quizzes
19件のビデオ
Lecture 24, Part 1: Asynchronous Behavior with Promises and $q5 分
Lecture 24, Part 2: Asynchronous Behavior with Promises and $q15 分
Lecture 25, Part 1: Ajax with $http Service5 分
Lecture 25, Part 2: Ajax with $http Service14 分
Lecture 26, Part 1: Directives: Dynamic HTML6 分
Lecture 26, Part 2: Directives: Dynamic HTML12 分
Lecture 27: restrict Property11 分
Lecture 28, Part 1: Directive’s Isolate Scope: “=” and “@”8 分
Lecture 28, Part 2: Directive’s Isolate Scope: “=” and “@”9 分
Lecture 29, Part 1: Using Controllers Inside Directives5 分
Lecture 29, Part 2: Using Controllers Inside Directives10 分
Lecture 30, Part 1: Directive APIs and “&”7 分
Lecture 30, Part 2: Directive APIs and “&”12 分
Lecture 31, Part 1: Manipulating the DOM with link4 分
Lecture 31, Part 2: Manipulating the DOM with link14 分
Lecture 32, Part 1: Using Directive’s transclude to Wrap Other Elements2 分
Lecture 32, Part 2: Using Directive’s transclude to Wrap Other Elements5 分
Module 3 Wrap-Up1 分
3件の学習用教材
Recommended Books10 分
ENTER RAFFLE (ends April 23rd, 2017)10 分
Frequently Asked Questions10 分
10の練習問題
Quiz 222 分
Quiz 236 分
Quiz 244 分
Quiz 254 分
Quiz 264 分
Quiz 276 分
Quiz 288 分
Quiz 294 分
Quiz 306 分
Quiz 312 分
4
6時間で修了

Module 4 - Components, Events, Modules, and Routing

In this module, we start by introducing the idea of Component-based architecture. We will then delve into the AngularJS component API. The component API is something that was just recently added into Angular 1 and it's not only supposed to improve your application through the use of Component-based architecture, but also prepare you for an upgrade to Angular version 2, which uses components almost exclusively. We will then learn about the AngularJS event system and how to split up our application into smaller modules that can then be glued together to produce our final application. We'll finish off the module by diving fairly deep into Routing between views in your application and, specifically, into the use of the ui-router module, which is one of the most popular open source routing solutions within the AngularJS ecosystem. In fact, it's so popular that even the main Google documentation for routing in Angular links to ui-router. Routing is a very important topic. Without it, your Single Page Application is stuck displaying just 1 view, without an elegant way to display other views.

...
22件のビデオ (合計164分), 3 readings, 10 quizzes
22件のビデオ
Lecture 33, Part 1: Components & Component-Based Architecture7 分
Lecture 33, Part 2: Components & Component-Based Architecture8 分
Lecture 33, Part 3: Components & Component-Based Architecture9 分
Lecture 33, Part 4: Components & Component-Based Architecture9 分
Lecture 34, Part 1: AngularJS Event System8 分
Lecture 34, Part 2: AngularJS Event System14 分
Lecture 35, Part 1: Modules7 分
Lecture 35, Part 2: Modules10 分
Lecture 36, Part 1: Routing12 分
Lecture 36, Part 2: Routing15 分
Lecture 37, Part 1: Routing State with Controller2 分
Lecture 37, Part 2: Routing State with Controller7 分
Lecture 38, Part 1: Routing State with resolve3 分
Lecture 38, Part 2: Routing State with resolve5 分
Lecture 39, Part 1: Routing State with URL Parameters2 分
Lecture 39, Part 2: Routing State with URL Parameters11 分
Lecture 40, Part 1: Routing State with Nested Views2 分
Lecture 40, Part 2: Routing State with Nested Views9 分
Lecture 41, Part 1: Router State Transition Events2 分
Lecture 41, Part 2: Router State Transition Events6 分
Module 4 Wrap-Up1 分
3件の学習用教材
Recommended Books10 分
CONNECT WITH ME!10 分
Frequently Asked Questions10 分
9の練習問題
Quiz 328 分
Quiz 336 分
Quiz 346 分
Quiz 354 分
Quiz 362 分
Quiz 372 分
Quiz 382 分
Quiz 394 分
Quiz 404 分
4.9
553件のレビューChevron Right

35%

コース終了後に新しいキャリアをスタートした

29%

コースが具体的なキャリアアップにつながった

Single Page Web Applications with AngularJS からの人気レビュー

by SSJan 30th 2017

Very expressively explained. I like the way that you explain it by showing us what you are doing as well. In that way, it is easy for me to grasp the contents of the lecture. Thank you for the course.

by PBMar 28th 2017

First of all I want to thank the author of this course in investing his time sharing knowledges about this JS framework. The course helped me to better understand the mechanism of Angular framework.

講師

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

ジョンズ・ホプキンズ大学(Johns Hopkins University)について

The mission of The Johns Hopkins University is to educate its students and cultivate their capacity for life-long learning, to foster independent and original research, and to bring the benefits of discovery to the world....

Ruby on Rails Web Developmentの専門講座について

This Specialization covers the fundamentals of web development with Ruby on Rails. You’ll learn everything you need to develop your own web application using Ruby on Rails, SQL and NoSQL databases, and HTML/CSS, and Javascript. We will also touch on advanced topics such as security, services using HTTP/RESTful access patterns, and user access and user experience from multiple device platforms. In the final Capstone Project, you’ll apply your skills to develop a web application that hosts uploaded photos and displays them using a map....
Ruby on Rails Web Development

よくある質問

  • 修了証に登録すると、すべてのビデオ、テスト、およびプログラミング課題(該当する場合)にアクセスできます。ピアレビュー課題は、セッションが開始してからのみ、提出およびレビューできます。購入せずにコースを検討することを選択する場合、特定の課題にアクセスすることはできません。

  • コースに登録する際、専門講座のすべてのコースにアクセスできます。コースの完了時には修了証を取得できます。電子修了証が成果のページに追加され、そこから修了証を印刷したり、LinkedInのプロフィールに追加したりできます。コースの内容の閲覧のみを希望する場合は、無料でコースを聴講できます。

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。