Informações sobre o curso
4.8
574 ratings
168 reviews
This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 4.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 and the use of REST API on the server side. You will use Restangular for communicating with a server supporting the REST API. 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...
Globe

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Intermediate Level

Nível intermediário

Clock

Sugerido: 4 weeks of study, 6-8 hours/week

Aprox. 38 horas restantes
Comment Dots

English

Legendas: English

Habilidades que você terá

AngularjsTypescriptNode.JsReactive Programming
Globe

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Intermediate Level

Nível intermediário

Clock

Sugerido: 4 weeks of study, 6-8 hours/week

Aprox. 38 horas restantes
Comment Dots

English

Legendas: English

Programa - O que você aprenderá com este curso

1

Seção
Clock
12 horas para concluir

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....
Reading
19 vídeos (Total de 248 min), 23 leituras, 2 testes
Video19 videos
How to Use the Learning Resources10min
What is Full-Stack Web Development?6min
Exercise (Video): Setting up Git6min
Exercise (Video): Basic Git Commands18min
Exercise (Video): Online Git Repositories12min
Node.js and NPM3min
Exercise (Video): Setting up Node.js and NPM2min
Exercise (Video): Basics of Node.js and NPM23min
Front-end JavaScript Frameworks Overview17min
Introduction to Angular7min
Exercise (Video): Getting Started with Angular9min
Angular Application Architecture Overview14min
Exercise (Video): Configuring your Angular Application27min
Angular Components10min
Exercise (Video): Angular Components Part 131min
Structural Directives5min
Exercise (Video): Angular Components Part 221min
Assignment 1 Requirements (Video): Angular Components6min
Reading23 leituras
Welcome to Front-End JavaScript Frameworks: Angular: Additional Resources10min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10min
Full Stack Web Development: Additional Resources10min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10min
Setting up your Development Environment10min
Exercise (Instructions): Setting up Git10min
Exercise (Instructions): Basic Git Commands10min
Exercise (Instructions): Online Git Repositories10min
Exercise (Instructions): Setting up Node.js and NPM10min
Exercise (Instructions): Basics of Node.js and NPM10min
Setting up your Development Environment: Git and Node: Additional Resources10min
Introduction to Angular: Objectives and Outcomes10min
Exercise (Instructions): Getting Started with Angular10min
Exercise (Instructions): Configuring your Angular Application10min
Introduction to Angular: Additional Resources10min
Angular Components: Objectives and Outcomes10min
Exercise (Instructions): Angular Components Part 110min
Exercise (Instructions): Angular Components Part 210min
Angular Components: Additional Resources10min
Assignment 1: Angular Components: Additional Resources10min
Ideation: Objectives and Outcomes10min
Ideation Report Template10min
Ideation: Additional Resources10min

2

Seção
Clock
10 horas para concluir

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....
Reading
14 vídeos (Total de 206 min), 18 leituras, 2 testes
Video14 videos
Exercise (Video): Data Binding19min
MVC and MVVM7min
Angular Services4min
Dependency Injection6min
Exercise (Video): Angular Service Basics12min
Exercise (Video): Header and Footer24min
Angular Routing Basics16min
Exercise (Video): Angular Routing Basics22min
Single Page Applications11min
Exercise (Video): Single Page Applications Part 136min
Angular Router: Parameters10min
Exercise (Video): Single Page Applications Part 218min
Assignment 2 Requirements (Video): Angular Services, Routing and Single Page Applications3min
Reading18 leituras
Data Binding: Objectives and Outcomes10min
Exercise (Instructions): Data Binding10min
Data Binding: Additional Resources10min
Angular Service Basics: Objectives and Outcomes10min
Exercise (Instructions): Angular Service Basics10min
Angular Service Basics: Additional Resources10min
Angular Routing: Objectives and Outcomes10min
Exercise (Instructions): Header and Footer10min
Exercise (Instructions): Angular Routing Basics10min
Angular Routing: Additional Resources10min
Single Page Applications: Objectives and Outcomes10min
Exercise (Instructions): Single Page Applications Part 110min
Exercise (Instructions): Single Page Applications Part 210min
Single Page Applications: Additional Resources10min
Assignment 2: Angular Services, Routing and Single Page Applications: Additional Resources10min
UI Design and Prototyping: Objectives and Outcomes10min
UI Design and Prototyping Report Template10min
UI Design and Prototyping: Additional Resources10min

3

Seção
Clock
10 horas para concluir

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....
Reading
16 vídeos (Total de 273 min), 18 leituras, 1 teste
Video16 videos
Exercise (Video): Angular Template-driven Forms Part 137min
Angular Template-driven Form Validation8min
Exercise (Video): Angular Template-driven Forms Part 213min
Angular Reactive Forms9min
Exercise (Video): Angular Reactive Forms Part 134min
Angular Reactive Form Validation4min
Exercise (Video): Angular Reactive Forms Part 212min
Promises12min
Exercise (Video): Angular and Promise Part 111min
Exercise (Video): Angular and Promise Part 216min
Angular and RxJS22min
Exercise (Video): Angular and RxJS Part 113min
Exercise (Video): Angular and RxJS Part 229min
Exercise (Video): Angular Reactive Forms Part 331min
Assignment 3 Requirements (Video): Single Page Applications and Angular Forms9min
Reading18 leituras
Angular Template-driven Forms: Objectives and Outcomes10min
Exercise (Instructions): Angular Template-driven Forms Part 110min
Exercise (Instructions): Angular Template-driven Forms Part 210min
Angular Template-driven Forms: Additional Resources10min
Angular Reactive Forms: Objectives and Outcomes10min
Exercise (Instructions): Angular Reactive Forms Part 110min
Exercise (Instructions): Angular Reactive Forms Part 210min
Angular Reactive Forms: Additional Resources10min
Angular and Promise: Objectives and Outcomes10min
Exercise (Instructions): Angular and Promise Part 110min
Exercise (Instructions): Angular and Promise Part 210min
Angular and Promise: Additional Resources10min
Angular and RxJS: Objectives and Outcomes10min
Exercise (Instructions): Angular and RxJS Part 110min
Exercise (Instructions): Angular and RxJS Part 210min
Exercise (Instructions): Angular Reactive Forms Part 310min
Angular and RxJS: Additional Resources10min
Assignment 3: Single Page Applications and Angular Forms: Additional Resources10min

4

Seção
Clock
14 horas para concluir

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....
Reading
22 vídeos (Total de 356 min), 27 leituras, 2 testes
Video22 videos
Exercise (Video): Setting up a Server using json-server7min
Angular HTTP Client9min
Exercise (Video): Angular HTTP Client32min
Exercise (Video): Angular HTTP Client: Error Handling20min
Brief Representational State Transfer (REST)16min
Restangular14min
Exercise (Video): Angular and REST18min
Exercise (Video): Angular and REST: Saving Changes to Server12min
Attribute Directives6min
Exercise (Video): Custom Attribute Directives12min
Angular Animations13min
Exercise (Video): Angular Animations Part 112min
Exercise (Video): Angular Animations Part 228min
Assignment 4 Requirements (Video): Client-Server Communication10min
Angular Testing13min
Exercise (Video): Angular Testing49min
End-to-End Testing Angular Applications7min
Exercise (Video): End-to-End Testing Angular Applications25min
Introduction to Webpack15min
Exercise (Video): Building and Deploying the Angular Application7min
Conclusions3min
Reading27 leituras
Client-Server Communication: Objectives and Outcomes10min
Exercise (Instructions): Setting up a Server using json-server10min
Client-Server Communication: Additional Resources10min
Angular HTTP Client: Objectives and Outcomes10min
Exercise (Instructions): Angular HTTP Client10min
Exercise (Instructions): Angular HTTP Client: Error Handling10min
Angular HTTP Client: Additional Resources10min
Angular and REST: Objectives and Outcomes10min
Exercise (Instructions): Angular and REST10min
Exercise (Instructions): Angular and REST: Saving Changes to Server10min
Angular and REST: Additional Resources10min
Animation and Directives: Objectives and Outcomes10min
Exercise (Instructions): Custom Attribute Directives10min
Exercise (Instructions): Angular Animations Part 110min
Exercise (Instructions): Angular Animations Part 210min
Animation and Directives: Additional Resources10min
Assignment 4: Client-Server Communication: Additional Resources10min
Testing Angular Applications: Objectives and Outcomes10min
Exercise (Instructions): Angular Testing10min
Exercise (Instructions): End-to-End Testing Angular Applications10min
Testing Angular Applications: Additional Resources10min
Building and Deployment: Objectives and Outcomes10min
Exercise (Instructions): Building and Deploying the Angular Application10min
Building and Deployment: Additional Resources10min
Conclusions: Additional Resources10min
Project Implementation: Objectives and Outcomes10min
Final Report Template10min
4.8
Direction Signs

38%

comecei uma nova carreira após concluir estes cursos
Briefcase

83%

consegui um benefício significativo de carreira com este curso
Money

18%

recebi um aumento ou promoção

Melhores avaliações

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

por RGJul 20th 2018

I took time and reviwed couple of times, the last week was tough for me, but i could complete this. Thanks a lot to Mr. Jogesh good course would recommend for any one

Instrutores

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

Sobre The Hong Kong University of Science and Technology

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

Sobre o Programa de cursos integrados 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

Perguntas Frequentes – FAQ

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

Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.