课程信息
4.9
1,385 ratings
522 reviews
Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS. Developed and backed by Google, AngularJS is a very marketable skill to acquire. In this course, we will explore the core design of AngularJS 1.x (latest version of AngularJS 1), its components and code organization techniques. We will enhance the functionality of our web app by utilizing dependency injection to reuse existing services as well as write our own. We will create reusable HTML components that take advantage of AngularJS data binding as well as extend HTML syntax with a very powerful feature of AngularJS called directives. We’ll set up routing so our SPA can have multiple views. We will also learn how to unit test our functionality. At the end of this course, you will build a fully functional, well organized and tested web application using AngularJS and deploy it to the cloud....
Globe

100% 在线课程

立即开始,按照自己的计划学习。
Calendar

可灵活调整截止日期

根据您的日程表重置截止日期。
Intermediate Level

中级

Clock

建议:6 hours/week

完成时间大约为39 小时
Comment Dots

English

字幕:English

您将获得的技能

Unit TestingJavaScriptAngularjsWeb Development
Globe

100% 在线课程

立即开始,按照自己的计划学习。
Calendar

可灵活调整截止日期

根据您的日程表重置截止日期。
Intermediate Level

中级

Clock

建议:6 hours/week

完成时间大约为39 小时
Comment Dots

English

字幕:English

教学大纲 - 您将从这门课程中学到什么

1

章节
Clock
完成时间为 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-up分钟
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

章节
Clock
完成时间为 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

章节
Clock
完成时间为 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

章节
Clock
完成时间为 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
Direction Signs

33%

完成这些课程后已开始新的职业生涯
Briefcase

83%

通过此课程获得实实在在的工作福利

热门审阅

创建者 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!

讲师

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

常见问题

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

还有其他问题吗?请访问 学生帮助中心