About this Course
최근 조회 108,150

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

탄력적인 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 38시간 필요

권장: 4 weeks of study, 6-8 hours/week...

영어

자막: 영어

귀하가 습득할 기술

Node.JsAngularjsReactive ProgrammingTypescript

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

탄력적인 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 38시간 필요

권장: 4 weeks of study, 6-8 hours/week...

영어

자막: 영어

강의 계획 - 이 강좌에서 배울 내용

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 videos (Total 242 min), 23 readings, 2 quizzes
19개의 동영상
How to Use the Learning Resources10m
What is Full-Stack Web Development?5m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Front-end JavaScript Frameworks Overview17m
Introduction to Angular7m
Exercise (Video): Getting Started with Angular8m
Angular Application Architecture Overview14m
Exercise (Video): Configuring your Angular Application24m
Angular Components10m
Exercise (Video): Angular Components Part 131m
Structural Directives5m
Exercise (Video): Angular Components Part 222m
Assignment 1 Requirements (Video): Angular Components6m
23개의 읽기 자료
Welcome to Front-End JavaScript Frameworks: Angular: Additional Resources10m
Full Stack Web Development: The Big Picture: Objectives and Outcomes10m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Introduction to Angular: Objectives and Outcomes10m
Exercise (Instructions): Getting Started with Angular10m
Exercise (Instructions): Configuring your Angular Application10m
Introduction to Angular: Additional Resources10m
Angular Components: Objectives and Outcomes10m
Exercise (Instructions): Angular Components Part 110m
Exercise (Instructions): Angular Components Part 210m
Angular Components: Additional Resources10m
Assignment 1: Angular Components: Additional Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m
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 videos (Total 201 min), 18 readings, 2 quizzes
14개의 동영상
Exercise (Video): Data Binding19m
MVC and MVVM7m
Angular Services4m
Dependency Injection6m
Exercise (Video): Angular Service Basics11m
Exercise (Video): Header and Footer23m
Angular Routing Basics16m
Exercise (Video): Angular Routing Basics22m
Single Page Applications11m
Exercise (Video): Single Page Applications Part 132m
Angular Router: Parameters10m
Exercise (Video): Single Page Applications Part 218m
Assignment 2 Requirements (Video): Angular Services, Routing and Single Page Applications3m
18개의 읽기 자료
Data Binding: Objectives and Outcomes10m
Exercise (Instructions): Data Binding10m
Data Binding: Additional Resources10m
Angular Service Basics: Objectives and Outcomes10m
Exercise (Instructions): Angular Service Basics10m
Angular Service Basics: Additional Resources10m
Angular Routing: Objectives and Outcomes10m
Exercise (Instructions): Header and Footer10m
Exercise (Instructions): Angular Routing Basics10m
Angular Routing: Additional Resources10m
Single Page Applications: Objectives and Outcomes10m
Exercise (Instructions): Single Page Applications Part 110m
Exercise (Instructions): Single Page Applications Part 210m
Single Page Applications: Additional Resources10m
Assignment 2: Angular Services, Routing and Single Page Applications: Additional Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m
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 videos (Total 254 min), 19 readings, 1 quiz
17개의 동영상
Angular Template-driven Forms4m
Exercise (Video): Angular Template-driven Forms Part 118m
Angular Template-driven Form Validation7m
Exercise (Video): Angular Template-driven Forms Part 27m
Angular Reactive Forms9m
Exercise (Video): Angular Reactive Forms Part 134m
Angular Reactive Form Validation4m
Exercise (Video): Angular Reactive Forms Part 29m
Promises12m
Exercise (Video): Angular and Promise Part 111m
Exercise (Video): Angular and Promise Part 217m
Angular and RxJS22m
Exercise (Video): Angular and RxJS Part 112m
Exercise (Video): Angular and RxJS Part 228m
Exercise (Video): Angular Reactive Forms Part 330m
Assignment 3 Requirements (Video): Single Page Applications and Angular Forms9m
19개의 읽기 자료
Angular Template-driven Forms: Objectives and Outcomes10m
Exercise (Instructions): Dialogs10m
Exercise (Instructions): Angular Template-driven Forms Part 110m
Exercise (Instructions): Angular Template-driven Forms Part 210m
Angular Template-driven Forms: Additional Resources10m
Angular Reactive Forms: Objectives and Outcomes10m
Exercise (Instructions): Angular Reactive Forms Part 110m
Exercise (Instructions): Angular Reactive Forms Part 210m
Angular Reactive Forms: Additional Resources10m
Angular and Promise: Objectives and Outcomes10m
Exercise (Instructions): Angular and Promise Part 110m
Exercise (Instructions): Angular and Promise Part 210m
Angular and Promise: Additional Resources10m
Angular and RxJS: Objectives and Outcomes10m
Exercise (Instructions): Angular and RxJS Part 110m
Exercise (Instructions): Angular and RxJS Part 210m
Exercise (Instructions): Angular Reactive Forms Part 310m
Angular and RxJS: Additional Resources10m
Assignment 3: Single Page Applications and Angular Forms: Additional Resources10m
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 videos (Total 307 min), 24 readings, 2 quizzes
20개의 동영상
Exercise (Video): Setting up a Server using json-server6m
Angular HTTP Client10m
Brief Representational State Transfer (REST)16m
Exercise (Video): Angular HTTP Client21m
Exercise (Video): Angular HTTP Client: Error Handling20m
Exercise (Video): Saving Changes to Server12m
Attribute Directives6m
Exercise (Video): Custom Attribute Directives12m
Angular Animations13m
Exercise (Video): Angular Animations Part 112m
Exercise (Video): Angular Animations Part 227m
Assignment 4 Requirements (Video): Client-Server Communication10m
Angular Testing13m
Exercise (Video): Angular Testing49m
End-to-End Testing Angular Applications7m
Exercise (Video): End-to-End Testing Angular Applications24m
Introduction to Webpack15m
Exercise (Video): Building and Deploying the Angular Application5m
Conclusions3m
24개의 읽기 자료
Client-Server Communication: Objectives and Outcomes10m
Exercise (Instructions): Setting up a Server using json-server10m
Client-Server Communication: Additional Resources10m
Angular HTTP Client: Objectives and Outcomes10m
Exercise (Instructions): Angular HTTP Client10m
Exercise (Instructions): Angular HTTP Client: Error Handling10m
Exercise (Instructions): Saving Changes to Server10m
Angular HTTP Client: Additional Resources10m
Animation and Directives: Objectives and Outcomes10m
Exercise (Instructions): Custom Attribute Directives10m
Exercise (Instructions): Angular Animations Part 110m
Exercise (Instructions): Angular Animations Part 210m
Animation and Directives: Additional Resources10m
Assignment 4: Client-Server Communication: Additional Resources10m
Testing Angular Applications: Objectives and Outcomes10m
Exercise (Instructions): Angular Testing10m
Exercise (Instructions): End-to-End Testing Angular Applications10m
Testing Angular Applications: Additional Resources10m
Building and Deployment: Objectives and Outcomes10m
Exercise (Instructions): Building and Deploying the Angular Application10m
Building and Deployment: Additional Resources10m
Conclusions: Additional Resources10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m
4.8
238개의 리뷰Chevron Right

21%

이 강좌를 수료한 후 새로운 경력 시작하기

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

자주 묻는 질문

  • 강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.

  • 강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.