이 강좌는 Full Stack Web and Multiplatform Mobile App Development 특화 과정의 일부입니다.

제공자:

Full Stack Web and Multiplatform Mobile App Development 특화 과정홍콩과학기술대학

이 강좌에 대하여

최근 조회 400,757회

This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 6.x). This course will use Typescript for developing Angular application. Typescript features will be introduced in the context of Angular as part of the exercises. You will also get an introduction to the use of Angular Material and Angular Flex-Layout for responsive UI design. You will be introduced to various aspects of Angular including components, directives and services. You will learn about data binding, Angular router and its use for developing single-page applications. You will also learn about designing both template-driven forms and reactive forms. A quick introduction to Observables, reactive programming and RxJS in the context of Angular is included. You will then learn about Angular support for client-server communication through the HTTP client and the use of REST API on the server side. A quick tour through Angular animation support and Angular testing rounds off the course. You must have either completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of front end web-UI frameworks to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended.
At the end of this course you will:

- Be familiar with client-side Javascript frameworks and the Angular framework
- Be able to implement single page applications in Angular
- Be able to use various Angular features including directives, components and services
- Be able to implement a functional front-end web application using Angular
- Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications
- Be able to use Observables and RxJS in the context of Angular applications

학습자 경력 결과

24%

가 이 강좌를 수료한 후 새로운 커리어를 시작함

39%

가 이 강좌를 통해 확실한 경력상 이점을 얻음

19%

가 급여 인상 또는 승진 성취

공유 가능한 수료증

완료 시 수료증 획득

100% 온라인

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

다음 특화 과정의 5개 강좌 중 2번째 강좌:

Full Stack Web and Multiplatform Mobile App Development 특화 과정

유동적 마감일

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

중급 단계

완료하는 데 약 45시간 필요

영어

자막: 영어

귀하가 습득할 기술

Node.JsAngularjsReactive ProgrammingTypescript

학습자 경력 결과

24%

가 이 강좌를 수료한 후 새로운 커리어를 시작함

39%

가 이 강좌를 통해 확실한 경력상 이점을 얻음

19%

가 급여 인상 또는 승진 성취

공유 가능한 수료증

완료 시 수료증 획득

100% 온라인

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

다음 특화 과정의 5개 강좌 중 2번째 강좌:

Full Stack Web and Multiplatform Mobile App Development 특화 과정

유동적 마감일

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

중급 단계

완료하는 데 약 45시간 필요

영어

자막: 영어

강사

강사 평가

4.72/5 (142개의 평가)

Jogesh K. Muppala

Associate Professor

Department of Computer Science and Engineering

362,058명의 학습자

12 Courses

제공자:

홍콩과학기술대학

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.

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

콘텐츠 평가97%(14,360개의 평가)

주

주 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.

완료하는 데 12시간 필요

19개 동영상 (총 242분), 23 개의 읽기 자료, 2 개의 테스트

19개의 동영상

Welcome to Front-End JavaScript Frameworks: Angular11m

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.

완료하는 데 10시간 필요

14개 동영상 (총 201분), 18 개의 읽기 자료, 2 개의 테스트

14개의 동영상

Data Binding12m

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.

완료하는 데 9시간 필요

17개 동영상 (총 254분), 19 개의 읽기 자료, 1 개의 테스트

17개의 동영상

Exercise (Video): Dialogs13m

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.

완료하는 데 13시간 필요

20개 동영상 (총 307분), 24 개의 읽기 자료, 2 개의 테스트

20개의 동영상

Networking Essentials17m

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

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

자주 묻는 질문

강의 및 과제를 언제 이용할 수 있게 되나요?
강의 및 과제 이용 권한은 등록 유형에 따라 다릅니다. 청강 모드로 강좌를 수강하면 대부분의 강좌 자료를 무료로 볼 수 있습니다. 채점된 과제를 이용하고 수료증을 받으려면 청강 도중 또는 이후에 수료증 경험을 구매해야 합니다. 청강 옵션이 표시되지 않는 경우:
강좌에서 청강 옵션을 제공하지 않을 수 있습니다. 대신 무료 평가판을 사용하거나 재정 지원을 신청할 수 있습니다.
이 전문 분야를 구독하면 무엇을 이용할 수 있나요?
강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.
환불 규정은 어떻게 되나요?
구독하는 경우, 취소해도 요금이 청구되지 않는 7일간의 무료 평가판을 이용할 수 있습니다. 해당 기간이 지난 후에는 환불이 되지 않지만, 언제든 구독을 취소할 수 있습니다. 전체 환불 정책 보기.
재정 지원을 받을 수 있나요?
예, Coursera에서는 수업료를 낼 수 없는 학습자를 위해 재정 지원을 제공합니다. 왼쪽에 있는 등록 버튼 아래 재정 지원 링크를 클릭하면 지원할 수 있습니다. 신청서를 작성하라는 메시지가 표시되며 승인되면 알림을 받습니다. 성취 프로젝트를 포함하여 전문 분야의 각 강좌에서 이 단계를 완료해야 합니다. 자세히 알아보기.
강좌를 수료하면 대학 학점을 받을 수 있나요?
이 강좌는 대학 학점을 제공하지 않지만, 일부 대학에서 선택적으로 강좌 수료증을 학점으로 인정할 수도 있습니다. 자세한 내용은 해당 기관에 문의하세요. Coursera의 온라인 학위 및 Mastertrack™ 수료증은 대학 학점을 취득할 기회를 제공합니다.

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

Front-End JavaScript Frameworks: Angular

이 강좌에 대하여

학습자 경력 결과

24%

39%

19%

귀하가 습득할 기술

학습자 경력 결과

24%

39%

19%

강사

Jogesh K. Muppala

제공자:

홍콩과학기술대학

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

주 1

Front-End JavaScript Frameworks Overview: Angular

주 2

Angular Services, Routing and Single Page Applications

주 3

Angular Forms, Angular and Reactive JavaScript

주 4

Client-Server Communication

검토

FRONT-END JAVASCRIPT FRAMEWORKS: ANGULAR의 최상위 리뷰

Full Stack Web and Multiplatform Mobile App Development 특화 과정 정보

자주 묻는 질문

인기 온라인 강좌

인기 온라인 전문 분야

온라인 수료증

온라인 학위 프로그램

Coursera

커뮤니티

기타