Single Page Web Applications with AngularJS

所在平台: Coursera

课程主页: https://www.coursera.org/learn/single-page-web-apps-with-angularjs

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:使用 AngularJS 开发单页面 web 应用 课程概述:如果你想更快速、更少代码地编写强大、可维护和可测试的前端应用程序,那么本课程将帮助你掌握今天最流行的单页面应用(SPA)框架之一——AngularJS。由谷歌开发并支持,AngularJS 是一项极具市场竞争力的技能。在本课程中,我们将探索 AngularJS 1.x 的核心设计、组件和代码组织技术。我们将使用依赖注入来重用现有服务,并编写自己的服务来增强我们的 web 应用功能。我们将创建可重用的 HTML 组件,利用 AngularJS 的数据绑定,并用一个称为指令的强大特性扩展 HTML 语法。我们会设置路由,使我们的 SPA 可以拥有多个视图。我们还将学习如何对我们的功能进行单元测试。课程结束时,你将构建一个功能完整、组织良好且经过测试的使用 AngularJS 的 web 应用,并将其部署到云端。 课程大纲: 1. **AngularJS 介绍**:介绍课程评分方式和推荐书籍,设置开发环境,讲解 AngularJS 的基础知识和背后的核心概念。 2. **过滤器、消化周期、控制器继承和自定义服务**:学习如何使用 Angular 过滤器、理解消化周期、掌握原型继承,并创建自定义 Angular 服务以共享数据。 3. **Promises、Ajax 和自定义指令**:了解 Promise API,学习如何通过 Angular HTTP 服务进行服务器调用,深入掌握指令的使用。 4. **组件、事件、模块和路由**:介绍基于组件的架构,学习 AngularJS 事件系统,分解应用程序模块,并深入了解视图间的路由及 ui-router 模块的使用。 5. **表单验证、测试和餐厅网站开发**:学习如何进行表单验证,进行 AngularJS 代码的单元测试,并重新编写已有网站,增强新开发的 AngularJS 应用的功能。 通过本课程,学员将全面掌握使用 AngularJS 开发高质量单页面应用的关键技术及最佳实践。

课程大纲

Name:Introduction to AngularJS

Description: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.

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

Description: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.

Name:Week 3 - Promises, Ajax, and Custom Directives

Description: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!

Name:Module 4 - Components, Events, Modules, and Routing

Description: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.

Name:Module 5 - Form Validation, Testing, and Restaurant Site Development

Description:Welcome to module 5! This is the last module in the course. We'll start this module by learning just how easy it is to validate forms with Angular. We will then delve into unit testing our AngularJS code. We will go over how to set up tests for every type of major Angular artifact: controller, service, directive, and component, as well as how to test services that access the network through the HTTP service. However, the last part of the module is the most fun. We will take the site that was developed for our real client in my previous course and re-write the entire thing using AngularJS. However, the coding fun doesn't have to stop there. After you finish the required part of the course, you can move on to the optional bonus part where we take our newly developed AngularJS application and enhance with it even more features that will allow the restaurant owners to administer their own data. We'll go over setting up authentication, editing restaurant menu items, uploading menu item pictures and so on.

课程评论(0条)

课程详情

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.

课程标签

0人关注该课程

主题相关的课程