課程信息
4.8
777 個評分
227 個審閱

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

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

中級

完成時間大約為39 小時

建議:4 weeks of study, 6-8 hours/week...

英語(English)

字幕:英語(English)

您將獲得的技能

Node.JsAngularjsReactive ProgrammingTypescript

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

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

中級

完成時間大約為39 小時

建議:4 weeks of study, 6-8 hours/week...

英語(English)

字幕:英語(English)

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

1
完成時間為 12 小時

Front-End JavaScript Frameworks Overview: Angular

In this module we get a quick introduction to front-end JavaScript frameworks, followed by an introduction to Angular. We will also learn about Angular components and their templates....
19 個視頻 (總計 242 分鐘), 23 個閱讀材料, 2 個測驗
19 個視頻
How to Use the Learning Resources10分鐘
What is Full-Stack Web Development?5分鐘
Exercise (Video): Setting up Git6分鐘
Exercise (Video): Basic Git Commands18分鐘
Exercise (Video): Online Git Repositories12分鐘
Node.js and NPM3分鐘
Exercise (Video): Setting up Node.js and NPM2分鐘
Exercise (Video): Basics of Node.js and NPM23分鐘
Front-end JavaScript Frameworks Overview17分鐘
Introduction to Angular7分鐘
Exercise (Video): Getting Started with Angular8分鐘
Angular Application Architecture Overview14分鐘
Exercise (Video): Configuring your Angular Application24分鐘
Angular Components10分鐘
Exercise (Video): Angular Components Part 131分鐘
Structural Directives5分鐘
Exercise (Video): Angular Components Part 222分鐘
Assignment 1 Requirements (Video): Angular Components6分鐘
23 個閱讀材料
Welcome to Front-End JavaScript Frameworks: Angular: Additional Resources10分鐘
Full Stack Web Development: The Big Picture: Objectives and Outcomes10分鐘
Full Stack Web Development: Additional Resources10分鐘
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10分鐘
Setting up your Development Environment10分鐘
Exercise (Instructions): Setting up Git10分鐘
Exercise (Instructions): Basic Git Commands10分鐘
Exercise (Instructions): Online Git Repositories10分鐘
Exercise (Instructions): Setting up Node.js and NPM10分鐘
Exercise (Instructions): Basics of Node.js and NPM10分鐘
Setting up your Development Environment: Git and Node: Additional Resources10分鐘
Introduction to Angular: Objectives and Outcomes10分鐘
Exercise (Instructions): Getting Started with Angular10分鐘
Exercise (Instructions): Configuring your Angular Application10分鐘
Introduction to Angular: Additional Resources10分鐘
Angular Components: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular Components Part 110分鐘
Exercise (Instructions): Angular Components Part 210分鐘
Angular Components: Additional Resources10分鐘
Assignment 1: Angular Components: Additional Resources10分鐘
Ideation: Objectives and Outcomes10分鐘
Ideation Report Template10分鐘
Ideation: Additional Resources10分鐘
2
完成時間為 10 小時

Angular Services, Routing and Single Page Applications

In this week, you learn about data binding in Angular. You will learn how to design basic services. You will learn about Angular router and its use in designing single page applications. You will also learn about single page applications and use Angular Router to design single page applications....
14 個視頻 (總計 201 分鐘), 18 個閱讀材料, 2 個測驗
14 個視頻
Data Binding12分鐘
Exercise (Video): Data Binding19分鐘
MVC and MVVM7分鐘
Angular Services4分鐘
Dependency Injection6分鐘
Exercise (Video): Angular Service Basics11分鐘
Exercise (Video): Header and Footer23分鐘
Angular Routing Basics16分鐘
Exercise (Video): Angular Routing Basics22分鐘
Single Page Applications11分鐘
Exercise (Video): Single Page Applications Part 132分鐘
Angular Router: Parameters10分鐘
Exercise (Video): Single Page Applications Part 218分鐘
Assignment 2 Requirements (Video): Angular Services, Routing and Single Page Applications3分鐘
18 個閱讀材料
Data Binding: Objectives and Outcomes10分鐘
Exercise (Instructions): Data Binding10分鐘
Data Binding: Additional Resources10分鐘
Angular Service Basics: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular Service Basics10分鐘
Angular Service Basics: Additional Resources10分鐘
Angular Routing: Objectives and Outcomes10分鐘
Exercise (Instructions): Header and Footer10分鐘
Exercise (Instructions): Angular Routing Basics10分鐘
Angular Routing: Additional Resources10分鐘
Single Page Applications: Objectives and Outcomes10分鐘
Exercise (Instructions): Single Page Applications Part 110分鐘
Exercise (Instructions): Single Page Applications Part 210分鐘
Single Page Applications: Additional Resources10分鐘
Assignment 2: Angular Services, Routing and Single Page Applications: Additional Resources10分鐘
UI Design and Prototyping: Objectives and Outcomes10分鐘
UI Design and Prototyping Report Template10分鐘
UI Design and Prototyping: Additional Resources10分鐘
3
完成時間為 9 小時

Angular Forms, Angular and Reactive JavaScript

In this module we study Angular support for forms and form validation. Both template-driven forms and reactive forms will be introduced. You will also learn about Promises. Then you will learn briefly about reactive programming, RxJs and its use in Angular....
17 個視頻 (總計 254 分鐘), 19 個閱讀材料, 1 個測驗
17 個視頻
Angular Template-driven Forms4分鐘
Exercise (Video): Angular Template-driven Forms Part 118分鐘
Angular Template-driven Form Validation7分鐘
Exercise (Video): Angular Template-driven Forms Part 27分鐘
Angular Reactive Forms9分鐘
Exercise (Video): Angular Reactive Forms Part 134分鐘
Angular Reactive Form Validation4分鐘
Exercise (Video): Angular Reactive Forms Part 29分鐘
Promises12分鐘
Exercise (Video): Angular and Promise Part 111分鐘
Exercise (Video): Angular and Promise Part 217分鐘
Angular and RxJS22分鐘
Exercise (Video): Angular and RxJS Part 112分鐘
Exercise (Video): Angular and RxJS Part 228分鐘
Exercise (Video): Angular Reactive Forms Part 330分鐘
Assignment 3 Requirements (Video): Single Page Applications and Angular Forms9分鐘
19 個閱讀材料
Angular Template-driven Forms: Objectives and Outcomes10分鐘
Exercise (Instructions): Dialogs10分鐘
Exercise (Instructions): Angular Template-driven Forms Part 110分鐘
Exercise (Instructions): Angular Template-driven Forms Part 210分鐘
Angular Template-driven Forms: Additional Resources10分鐘
Angular Reactive Forms: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular Reactive Forms Part 110分鐘
Exercise (Instructions): Angular Reactive Forms Part 210分鐘
Angular Reactive Forms: Additional Resources10分鐘
Angular and Promise: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular and Promise Part 110分鐘
Exercise (Instructions): Angular and Promise Part 210分鐘
Angular and Promise: Additional Resources10分鐘
Angular and RxJS: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular and RxJS Part 110分鐘
Exercise (Instructions): Angular and RxJS Part 210分鐘
Exercise (Instructions): Angular Reactive Forms Part 310分鐘
Angular and RxJS: Additional Resources10分鐘
Assignment 3: Single Page Applications and Angular Forms: Additional Resources10分鐘
4
完成時間為 13 小時

Client-Server Communication

In this module you will explore client-server communication using both Angular HTTP module and the REST API. You will get a brief introduction to animation support in Angular and create a custom attribute directive. You will also learn about testing, building and deploying Angular applications....
20 個視頻 (總計 307 分鐘), 24 個閱讀材料, 2 個測驗
20 個視頻
Exercise (Video): Setting up a Server using json-server6分鐘
Angular HTTP Client10分鐘
Brief Representational State Transfer (REST)16分鐘
Exercise (Video): Angular HTTP Client21分鐘
Exercise (Video): Angular HTTP Client: Error Handling20分鐘
Exercise (Video): Saving Changes to Server12分鐘
Attribute Directives6分鐘
Exercise (Video): Custom Attribute Directives12分鐘
Angular Animations13分鐘
Exercise (Video): Angular Animations Part 112分鐘
Exercise (Video): Angular Animations Part 227分鐘
Assignment 4 Requirements (Video): Client-Server Communication10分鐘
Angular Testing13分鐘
Exercise (Video): Angular Testing49分鐘
End-to-End Testing Angular Applications7分鐘
Exercise (Video): End-to-End Testing Angular Applications24分鐘
Introduction to Webpack15分鐘
Exercise (Video): Building and Deploying the Angular Application5分鐘
Conclusions3分鐘
24 個閱讀材料
Client-Server Communication: Objectives and Outcomes10分鐘
Exercise (Instructions): Setting up a Server using json-server10分鐘
Client-Server Communication: Additional Resources10分鐘
Angular HTTP Client: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular HTTP Client10分鐘
Exercise (Instructions): Angular HTTP Client: Error Handling10分鐘
Exercise (Instructions): Saving Changes to Server10分鐘
Angular HTTP Client: Additional Resources10分鐘
Animation and Directives: Objectives and Outcomes10分鐘
Exercise (Instructions): Custom Attribute Directives10分鐘
Exercise (Instructions): Angular Animations Part 110分鐘
Exercise (Instructions): Angular Animations Part 210分鐘
Animation and Directives: Additional Resources10分鐘
Assignment 4: Client-Server Communication: Additional Resources10分鐘
Testing Angular Applications: Objectives and Outcomes10分鐘
Exercise (Instructions): Angular Testing10分鐘
Exercise (Instructions): End-to-End Testing Angular Applications10分鐘
Testing Angular Applications: Additional Resources10分鐘
Building and Deployment: Objectives and Outcomes10分鐘
Exercise (Instructions): Building and Deploying the Angular Application10分鐘
Building and Deployment: Additional Resources10分鐘
Conclusions: Additional Resources10分鐘
Project Implementation: Objectives and Outcomes10分鐘
Final Report Template10分鐘
4.8
227 個審閱Chevron Right

19%

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

32%

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

13%

加薪或升職

熱門審閱

創建者 ASDec 23rd 2017

One of the excellent courses I have taken. I learned a lot from this course. Really useful and very detailed.\n\nProf. Jogesh K. Muppala is a great instructor who has advanced teaching methods.

創建者 SSNov 29th 2018

This is a very good course on Angular whether you already have an experience with angular.js or only experience in javascript. This course provides with hands on experience with the concepts.

講師

Avatar

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

關於 香港科技大学

HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world....

關於 Full Stack Web and Multiplatform Mobile App Development 專項課程

Learn front-end and hybrid mobile development, with server-side support, for implementing a multi-platform solution. The first two courses in this Specialization cover front-end frameworks: Bootstrap 4 and Angular. You’ll also learn to create hybrid mobile applications, using the Ionic framework, Cordova and NativeScript. On the server side, you’ll learn to implement NoSQL databases using MongoDB, work within a Node.js environment and Express framework, and communicate to the client side through a RESTful API. Learners enrolling in this Specialization are expected to have prior working knowledge of HTML, CSS and JavaScript. Ideally learners should complete the courses in the specified sequence. It is strongly recommended that the Angular course be completed before proceeding with the Ionic and Cordova and/or the NativeScript course....
Full Stack Web and Multiplatform Mobile App Development

常見問題

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

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

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