Acerca de este curso: 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
Para quién es esta clase: This course is aimed at students with sufficient knowledge of Web technologies like HTML, CSS and JavaScript. A good working knowledge of JavaScript, especially ES 5 is strongly recommended.
Creada por: The Hong Kong University of Science and Technology
Enseñado por: Jogesh K. Muppala, Associate Professor
Department of Computer Science and Engineering
| Información básica | |
| Nivel | Intermedio |
| Compromiso | 4 weeks of study, 6-8 hours/week |
| Idioma | Inglés (English) |
| Cómo aprobar | Aprueba todas las tareas calificadas para completar el curso. |
| Calificaciones del usuario |
Programa
SEMANA 1
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, 23 lecturas
- Vídeo: How to Use the Learning Resources
- Reading: Welcome to Front-End JavaScript Frameworks: Angular: Additional Resources
- Reading: Full Stack Web Development: The Big Picture: Objectives and Outcomes
- Vídeo: What is Full-Stack Web Development?
- Reading: Full Stack Web Development: Additional Resources
- Reading: Setting up Your Development Environment: Git and Node: Objectives and Outcomes
- Reading: Setting up your Development Environment
- Vídeo: Exercise (Video): Setting up Git
- Reading: Exercise (Instructions): Setting up Git
- Vídeo: Exercise (Video): Basic Git Commands
- Reading: Exercise (Instructions): Basic Git Commands
- Vídeo: Exercise (Video): Online Git Repositories
- Reading: Exercise (Instructions): Online Git Repositories
- Vídeo: Node.js and NPM
- Vídeo: Exercise (Video): Setting up Node.js and NPM
- Reading: Exercise (Instructions): Setting up Node.js and NPM
- Vídeo: Exercise (Video): Basics of Node.js and NPM
- Reading: Exercise (Instructions): Basics of Node.js and NPM
- Reading: Setting up your Development Environment: Git and Node: Additional Resources
- Reading: Introduction to Angular: Objectives and Outcomes
- Vídeo: Front-end JavaScript Frameworks Overview
- Vídeo: Introduction to Angular
- Vídeo: Exercise (Video): Getting Started with Angular
- Reading: Exercise (Instructions): Getting Started with Angular
- Vídeo: Angular Application Architecture Overview
- Vídeo: Exercise (Video): Configuring your Angular Application
- Reading: Exercise (Instructions): Configuring your Angular Application
- Reading: Introduction to Angular: Additional Resources
- Reading: Angular Components: Objectives and Outcomes
- Vídeo: Angular Components
- Vídeo: Exercise (Video): Angular Components Part 1
- Reading: Exercise (Instructions): Angular Components Part 1
- Vídeo: Structural Directives
- Vídeo: Exercise (Video): Angular Components Part 2
- Reading: Exercise (Instructions): Angular Components Part 2
- Reading: Angular Components: Additional Resources
- Vídeo: Assignment 1 Requirements (Video): Angular Components
- Reading: Assignment 1: Angular Components: Additional Resources
- Reading: Ideation: Objectives and Outcomes
- Reading: Ideation Report Template
- Reading: Ideation: Additional Resources
Calificado: Angular Components
Calificado: Ideation
SEMANA 2
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, 18 lecturas
- Reading: Data Binding: Objectives and Outcomes
- Vídeo: Exercise (Video): Data Binding
- Reading: Exercise (Instructions): Data Binding
- Reading: Data Binding: Additional Resources
- Reading: Angular Service Basics: Objectives and Outcomes
- Vídeo: MVC and MVVM
- Vídeo: Angular Services
- Vídeo: Dependency Injection
- Vídeo: Exercise (Video): Angular Service Basics
- Reading: Exercise (Instructions): Angular Service Basics
- Reading: Angular Service Basics: Additional Resources
- Reading: Angular Routing: Objectives and Outcomes
- Vídeo: Exercise (Video): Header and Footer
- Reading: Exercise (Instructions): Header and Footer
- Vídeo: Angular Routing Basics
- Vídeo: Exercise (Video): Angular Routing Basics
- Reading: Exercise (Instructions): Angular Routing Basics
- Reading: Angular Routing: Additional Resources
- Reading: Single Page Applications: Objectives and Outcomes
- Vídeo: Single Page Applications
- Vídeo: Exercise (Video): Single Page Applications Part 1
- Reading: Exercise (Instructions): Single Page Applications Part 1
- Vídeo: Angular Router: Parameters
- Vídeo: Exercise (Video): Single Page Applications Part 2
- Reading: Exercise (Instructions): Single Page Applications Part 2
- Reading: Single Page Applications: Additional Resources
- Vídeo: Assignment 2 Requirements (Video): Angular Services, Routing and Single Page Applications
- Reading: Assignment 2: Angular Services, Routing and Single Page Applications: Additional Resources
- Reading: UI Design and Prototyping: Objectives and Outcomes
- Reading: UI Design and Prototyping Report Template
- Reading: UI Design and Prototyping: Additional Resources
Calificado: Angular Services, Routing and Single Page Applications
Calificado: UI Design and Prototyping
SEMANA 3
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, 19 lecturas
- Reading: Angular Template-driven Forms: Objectives and Outcomes
- Reading: Exercise (Instructions): Dialogs
- Vídeo: Angular Template-driven Forms
- Vídeo: Exercise (Video): Angular Template-driven Forms Part 1
- Reading: Exercise (Instructions): Angular Template-driven Forms Part 1
- Vídeo: Angular Template-driven Form Validation
- Vídeo: Exercise (Video): Angular Template-driven Forms Part 2
- Reading: Exercise (Instructions): Angular Template-driven Forms Part 2
- Reading: Angular Template-driven Forms: Additional Resources
- Reading: Angular Reactive Forms: Objectives and Outcomes
- Vídeo: Angular Reactive Forms
- Vídeo: Exercise (Video): Angular Reactive Forms Part 1
- Reading: Exercise (Instructions): Angular Reactive Forms Part 1
- Vídeo: Angular Reactive Form Validation
- Vídeo: Exercise (Video): Angular Reactive Forms Part 2
- Reading: Exercise (Instructions): Angular Reactive Forms Part 2
- Reading: Angular Reactive Forms: Additional Resources
- Reading: Angular and Promise: Objectives and Outcomes
- Vídeo: Promises
- Vídeo: Exercise (Video): Angular and Promise Part 1
- Reading: Exercise (Instructions): Angular and Promise Part 1
- Vídeo: Exercise (Video): Angular and Promise Part 2
- Reading: Exercise (Instructions): Angular and Promise Part 2
- Reading: Angular and Promise: Additional Resources
- Reading: Angular and RxJS: Objectives and Outcomes
- Vídeo: Angular and RxJS
- Vídeo: Exercise (Video): Angular and RxJS Part 1
- Reading: Exercise (Instructions): Angular and RxJS Part 1
- Vídeo: Exercise (Video): Angular and RxJS Part 2
- Reading: Exercise (Instructions): Angular and RxJS Part 2
- Vídeo: Exercise (Video): Angular Reactive Forms Part 3
- Reading: Exercise (Instructions): Angular Reactive Forms Part 3
- Reading: Angular and RxJS: Additional Resources
- Vídeo: Assignment 3 Requirements (Video): Single Page Applications and Angular Forms
- Reading: Assignment 3: Single Page Applications and Angular Forms: Additional Resources
Calificado: Angular Forms and Reactive Programming
SEMANA 4
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, 24 lecturas
- Reading: Client-Server Communication: Objectives and Outcomes
- Vídeo: Exercise (Video): Setting up a Server using json-server
- Reading: Exercise (Instructions): Setting up a Server using json-server
- Reading: Client-Server Communication: Additional Resources
- Reading: Angular HTTP Client: Objectives and Outcomes
- Vídeo: Angular HTTP Client
- Vídeo: Brief Representational State Transfer (REST)
- Vídeo: Exercise (Video): Angular HTTP Client
- Reading: Exercise (Instructions): Angular HTTP Client
- Vídeo: Exercise (Video): Angular HTTP Client: Error Handling
- Reading: Exercise (Instructions): Angular HTTP Client: Error Handling
- Vídeo: Exercise (Video): Saving Changes to Server
- Reading: Exercise (Instructions): Saving Changes to Server
- Reading: Angular HTTP Client: Additional Resources
- Reading: Animation and Directives: Objectives and Outcomes
- Vídeo: Attribute Directives
- Vídeo: Exercise (Video): Custom Attribute Directives
- Reading: Exercise (Instructions): Custom Attribute Directives
- Vídeo: Angular Animations
- Vídeo: Exercise (Video): Angular Animations Part 1
- Reading: Exercise (Instructions): Angular Animations Part 1
- Vídeo: Exercise (Video): Angular Animations Part 2
- Reading: Exercise (Instructions): Angular Animations Part 2
- Reading: Animation and Directives: Additional Resources
- Vídeo: Assignment 4 Requirements (Video): Client-Server Communication
- Reading: Assignment 4: Client-Server Communication: Additional Resources
- Reading: Testing Angular Applications: Objectives and Outcomes
- Vídeo: Angular Testing
- Vídeo: Exercise (Video): Angular Testing
- Reading: Exercise (Instructions): Angular Testing
- Vídeo: End-to-End Testing Angular Applications
- Vídeo: Exercise (Video): End-to-End Testing Angular Applications
- Reading: Exercise (Instructions): End-to-End Testing Angular Applications
- Reading: Testing Angular Applications: Additional Resources
- Reading: Building and Deployment: Objectives and Outcomes
- Vídeo: Introduction to Webpack
- Vídeo: Exercise (Video): Building and Deploying the Angular Application
- Reading: Exercise (Instructions): Building and Deploying the Angular Application
- Reading: Building and Deployment: Additional Resources
- Vídeo: Conclusions
- Reading: Conclusions: Additional Resources
- Reading: Project Implementation: Objectives and Outcomes
- Reading: Final Report Template
Calificado: Client-Server Communication
Calificado: Project Implementation and Final Report
Preguntas Frecuentes
Cómo funciona
Coursework
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Help from Your Peers
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Certificates
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
Creadores
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.
Tarifa
| Comprar curso | |
|---|---|
| Accede a los materiales del curso | Disponible |
| Accede a los materiales con calificación | Disponible |
| Recibe una calificación final | Disponible |
| Obtén un Certificado de curso para compartir | Disponible |
Calificaciones y revisiones
Very good content
Great course!!
Very good course, the teacher update the videos to a recent version of angular, that's appreciated, i think we could see more topics but the most important things of angular are included here, good job.
Coursera brinda acceso universal a la mejor educación del mundo, al asociarse con las mejores universidades y organizaciones, para ofrecer cursos en línea.
© 2018 Coursera Inc. Todos los derechos reservados.
Great course, I was very pleased learning first the core concepts of angular, and then putting into practice with the exercises given.