課程信息
4.9
1,415 個評分
536 個審閱
專項課程

第 5 門課程(共 6 門)

100% 在線

100% 在線

立即開始,按照自己的計劃學習。
可靈活調整截止日期

可靈活調整截止日期

根據您的日程表重置截止日期。
中級

中級

完成時間(小時)

完成時間大約為38 小時

建議:6 hours/week...
可選語言

英語(English)

字幕:英語(English)

您將獲得的技能

Unit TestingJavaScriptAngularjsWeb Development
專項課程

第 5 門課程(共 6 門)

100% 在線

100% 在線

立即開始,按照自己的計劃學習。
可靈活調整截止日期

可靈活調整截止日期

根據您的日程表重置截止日期。
中級

中級

完成時間(小時)

完成時間大約為38 小時

建議:6 hours/week...
可選語言

英語(English)

字幕:英語(English)

教學大綱 - 您將從這門課程中學到什麼

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....
Reading
21 個視頻 (總計 152 分鐘), 7 個閱讀材料, 10 個測驗
Video21 個視頻
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
Reading7 個閱讀材料
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分鐘
Quiz9 個練習
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....
Reading
25 個視頻 (總計 195 分鐘), 3 個閱讀材料, 13 個測驗
Video25 個視頻
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分鐘
Reading3 個閱讀材料
Recommended Books10分鐘
CONNECT WITH ME!10分鐘
Frequently Asked Questions10分鐘
Quiz12 個練習
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! ...
Reading
19 個視頻 (總計 156 分鐘), 3 個閱讀材料, 11 個測驗
Video19 個視頻
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分鐘
Reading3 個閱讀材料
Recommended Books10分鐘
ENTER RAFFLE (ends April 23rd, 2017)10分鐘
Frequently Asked Questions10分鐘
Quiz10 個練習
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....
Reading
22 個視頻 (總計 164 分鐘), 3 個閱讀材料, 10 個測驗
Video22 個視頻
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分鐘
Reading3 個閱讀材料
Recommended Books10分鐘
CONNECT WITH ME!10分鐘
Frequently Asked Questions10分鐘
Quiz9 個練習
Quiz 328分鐘
Quiz 336分鐘
Quiz 346分鐘
Quiz 354分鐘
Quiz 362分鐘
Quiz 372分鐘
Quiz 382分鐘
Quiz 394分鐘
Quiz 404分鐘
4.9
536 個審閱Chevron Right
職業方向

31%

完成這些課程後已開始新的職業生涯
工作福利

25%

通過此課程獲得實實在在的工作福利

熱門審閱

創建者 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.

創建者 NOSep 18th 2016

My special "thank you" for going deep inside the subject with your "how?" and "why?", instead of just instructing us "do this and that". It's a real pleasure to participate in your class, thank you!

講師

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

常見問題

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

還有其他問題嗎?請訪問 學生幫助中心