Desarrollo de páginas con Angular from Coursera

What's inside

Syllabus

Introducción a Angular y primera SPA

En el módulo 1 aprenderás a crear un proyecto Angular y usar Typescript, aprenderás sus principales características y lo importante para tener en cuenta en la definición de tu proyecto. Iremos profundizando temas para que domines a fondo los conceptos técnicos y luego utilizaremos librerías y herramientas, como Express, que simplifican el proceso de desarrollo, por ejemplo, para simular una aplicación de servidor simple. Finalizado el primer módulo tendrás un conocimiento general de Typescript y buen criterio para estructurar en componentes una aplicación web de lado cliente SPA.

Programación Reactiva basada en Componentes

En el módulo 2 trabajaremos con formularios y validaciones, con el fin de hacer aplicaciones interactivas. Además, aprenderemos los principios de programación reactiva, utilizando librerías como rxjs y redux, para lograr aplicaciones que manejen un estado a nivel global para manipular los cambios en la interfaz de usuario.

Conceptos avanzados e integración al stack MEAN

En el módulo 3 veremos cómo manejar diferentes rutas en una misma SPA, con el fin de mostrar distintas pantallas, pero sin recargar el navegador. Además, aprenderemos a interactuar con API a través de HTTP, e invocaciones REST utilizando JSON como representación de la información transmitida. Por último, veremos cómo almacenar información usando tecnologías html5, en bases de datos NoSql embebidas en el navegador, a través del uso de IndexedDB.

Componentes avanzados, testing automático y Trabajo Final

En el módulo 4 aprenderemos acerca del ciclo de vida de nuestra aplicación y sus componentes. Además, utilizaremos componentes de mapa, para ejemplificar el uso de componentes externos avanzados o complejos. Por último, veremos el uso de librerías de pruebas automáticas para hacer más robusto nuestro sistema, por eso veremos Jasmine para realizar pruebas unitarias y usaremos Cypress para realizar pruebas de extremo a extremo o end2end. Para finalizar, integraremos nuestro repositorio de git con CircleCI para implementar un ciclo de integración continua que nos garantice la salud de nuestra aplicación a medida que nosotros, y nuestro equipo, trabajamos sobre un mismo repositorio.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Esta dirigido para estudiantes que desean aprender desde cero a desarrollar aplicaciones web en Angular

Abarca aspectos fundamentales como TypeScript, componentes reactivos y manejo de rutas

Incorpora conceptos avanzados como integración con NodeJS y API

Incluye prácticas de testing automático para garantizar la calidad del código

Requiere conocimientos básicos en desarrollo web

Se recomienda tener familiaridad con JavaScript y HTML

Reviews summary

Angular framework for beginners

This course provides a comprehensive introduction to Angular, a popular framework for building single-page web applications. While the course covers a wide range of topics, it has received mixed reviews from learners. Some appreciate the depth of the material, while others find it disorganized and outdated.

The course covers a wide range of topics, providing a comprehensive overview of Angular.

"Es un curso amplio se ven muchas practicas en Angular, lo único malo es que esta desactualizado lo que hace que algunas partes del curso no funcionen y esto desanima."

The course forums provide a supportive community where learners can ask questions and help each other.

"El curso mas largo hasta ahora, con la ayuda del foro aprendés todavía más de lo que te plantea el curso."

The instructor often skips explanations or assumes prior knowledge, leaving learners confused.

"El profesor no explica un paso a paso y tiene mucho código implementado fuera de la grabación y sin explicación."

The course lacks organization and jumps around, making it difficult to follow.

"El curso tiene algunos conceptos desactualizados y en algunos momentos es un poco desordenado."

The course is outdated and uses old versions of Angular and its libraries.

"El curso es muy viejo y algunas cosas no estan..."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Desarrollo de páginas con Angular with these activities:

Review Angular Concepts

Show steps

Review the basics of Angular, TypeScript, and front-end development principles to strengthen your foundation for the course.

Browse courses on Angular

Show steps

Read through Angular documentation and tutorials
Create a simple Angular application to practice

Tutoriales guiados de Angular

Show steps

Seguir tutoriales guiados te ayudará a familiarizarte con la sintaxis y las funcionalidades básicas de Angular.

Browse courses on Angular

Show steps

Busca tutoriales en línea o plataformas como Coursera o Udemy.
Sigue los pasos del tutorial y completa los ejercicios propuestos.
Experimenta con el código y trata de crear tus propios componentes.

Join an Angular Study Group

Show steps

Engage with peers in a study group to discuss Angular concepts, share experiences, and reinforce your learning through collaborative problem-solving.

Browse courses on Angular

Show steps

Find or create an Angular study group
Attend study group meetings regularly
Actively participate in discussions and Q&A

11 other activities

Expand to see all activities and additional details

Show all 14 activities

Attend Angular Meetups or Conferences

Show steps

Connect with Angular professionals and enthusiasts at meetups or conferences, broadening your network and staying up-to-date on industry trends.

Browse courses on Angular

Show steps

Find Angular meetups or conferences in your area
Register and attend the event
Network with other attendees, speakers, and industry professionals

Build a simple SPA using Angular

Show steps

Solidify your understanding of Angular by building a functional SPA, enabling you to practice hands-on application and identify potential challenges.

Browse courses on Angular

Show steps

Set up your project environment and install Angular
Design the architecture and components of your SPA
Implement your SPA's functionality using Angular
Deploy your SPA and test its functionality
Refine and optimize your SPA based on feedback

Ejercicios de práctica: Componentes personalizados

Show steps

Realizar ejercicios de práctica te ayudará a dominar la creación y el uso de componentes personalizados en Angular.

Browse courses on Angular

Show steps

Crea un componente personalizado para representar un botón.
Agrega propiedades de entrada y salida al componente para personalizar su comportamiento.
Utiliza el componente personalizado en diferentes partes de tu aplicación.
Experimenta con diferentes estilos y plantillas para mejorar la apariencia y la funcionalidad del componente.

Build an Angular Weather App

Show steps

Follow an online tutorial to build an Angular application that consumes data from a weather API, enhancing your understanding of Angular's capabilities.

Browse courses on Angular

Show steps

Find a suitable Angular weather app tutorial
Follow the tutorial step-by-step, building the application
Experiment with the application, customizing it to your liking

Practical Challenge: Create a project using Typescript

Show steps

Reinforce your understanding of Typescript by creating your own project, allowing you to apply your knowledge and identify areas for improvement.

Show steps

Plan your project's functionality and structure
Implement your project and test its functionality
Reflect on your code and identify areas for improvement

Solve Angular Coding Challenges

Show steps

Challenge yourself with Angular coding problems to improve your problem-solving skills and deepen your understanding of Angular's intricacies.

Browse courses on Angular

Show steps

Find Angular coding challenges online or in resources
Attempt to solve the challenges on your own
Review solutions and learn from your mistakes

Proyecto práctico: Crea un blog simple con Angular

Show steps

Construir un proyecto práctico te ayudará a aplicar tus conocimientos de Angular y a comprender mejor su funcionamiento.

Browse courses on Angular

Show steps

Planifica la estructura y el diseño de tu blog.
Crea los componentes necesarios para el blog, como la lista de publicaciones, el detalle de la publicación y el formulario de comentarios.
Implementa la lógica para recuperar y mostrar publicaciones de una API o base de datos.
Agrega funciones de comentarios y validación de formularios.
Despliega tu aplicación en un servidor o plataforma de alojamiento.

Create a tutorial on a specific Angular concept

Show steps

Enhance your knowledge by teaching a concept to others, reinforcing your understanding through explanation and helping others grasp the subject.

Browse courses on Angular

Show steps

Choose an Angular concept to focus on
Plan the structure and organization of your tutorial
Write clear and concise explanations of the concept
Provide code examples and diagrams
Record or present your tutorial

Write an Angular Blog Post

Show steps

Create a blog post that explains a specific Angular concept or demonstrates how to build a feature, solidifying your understanding and sharing your knowledge.

Browse courses on Angular

Show steps

Choose an Angular topic you're comfortable with
Write a detailed outline for your blog post
Develop the content, providing clear explanations and examples
Proofread and edit your blog post
Publish your blog post on a relevant platform

Contribute to an Angular Open-Source Project

Show steps

Immerse yourself in the Angular community by actively contributing to an open-source project, gaining practical experience and expanding your knowledge.

Browse courses on Angular

Show steps

Find an Angular open-source project that interests you
Review the project's documentation and contribution guidelines
Identify areas where you can contribute
Develop and submit your contributions
Participate in project discussions and collaborate with other contributors

Mentor Junior Angular Developers

Show steps

Share your Angular expertise by mentoring junior developers, reinforcing your knowledge while guiding others towards success.

Browse courses on Angular

Show steps

Find opportunities to mentor junior Angular developers
Provide guidance and support on Angular concepts and best practices
Create resources or materials to support your mentees

Career center

Learners who complete Desarrollo de páginas con Angular will develop knowledge and skills that may be useful to these careers:

Software Engineer

Software Engineers create and maintain software systems. Due to the increasing complexity of many applications, there is strong demand for Software Engineers who are well-versed in the latest software development tools and techniques, including Angular. This course covers Angular from the ground up, giving you a solid understanding of how to apply it for complex software applications.

See salaries and explore the career path for Software Engineer

Web Developer

Web Developers are responsible for designing, developing, and maintaining websites. Angular is a powerful framework that provides many benefits for web development, such as reduced development time and improved performance. This course will teach you the fundamentals of Angular, enabling you to build robust and interactive web applications.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-End Developers focus on the user-facing side of web development. Angular is a popular framework for building single-page applications (SPAs), which are becoming increasingly common due to their improved user experience. This course will provide you with the skills you need to create engaging and interactive front-end applications using Angular.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

Full-Stack Developers are responsible for both the front-end and back-end development of web applications. Angular is a powerful framework that can be used for both front-end and back-end development, making it an ideal choice for Full-Stack Developers. This course will provide you with the skills you need to build complete web applications using Angular.

See salaries and explore the career path for Full-Stack Developer

Mobile Developer

Mobile Developers create and maintain mobile applications. Angular is a versatile framework that can also be used for mobile development. This course will introduce you to the basics of mobile development using Angular, enabling you to create native mobile applications for iOS and Android.

See salaries and explore the career path for Mobile Developer

Data Engineer

Data Engineers design and build systems for collecting, storing, and analyzing data. Angular is a powerful framework that can be used to create data visualization applications. This course will introduce you to the basics of data engineering using Angular, enabling you to create interactive dashboards and data analysis tools.

See salaries and explore the career path for Data Engineer

Product Manager

Product Managers are responsible for defining and managing the development of products. Angular is a powerful framework that can be used to create a variety of products, including web applications, mobile applications, and data visualization tools. This course will introduce you to the basics of product management and how Angular can be used to create successful products.

See salaries and explore the career path for Product Manager

Business Analyst

Business Analysts work with stakeholders to understand their needs and develop solutions to meet those needs. Angular is a powerful framework that can be used to create a variety of business applications, such as CRM systems, project management tools, and data analysis dashboards. This course will introduce you to the basics of business analysis and how Angular can be used to create successful business applications.

See salaries and explore the career path for Business Analyst

UX Designer

UX Designers focus on the user experience of products. Angular is a powerful framework that can be used to create user-friendly and intuitive applications. This course will introduce you to the basics of UX design and how Angular can be used to create applications that users love.

See salaries and explore the career path for UX Designer

Technical Writer

Technical Writers create documentation for software and other technical products. Angular is a powerful framework that is used by many organizations. This course will introduce you to the basics of technical writing and how Angular can be used to create clear and concise documentation.

See salaries and explore the career path for Technical Writer

Technical Support Engineer

Technical Support Engineers provide support to users of software and other technical products. Angular is a powerful framework that is used by many organizations. This course will introduce you to the basics of technical support and how Angular can be used to troubleshoot and resolve issues.

See salaries and explore the career path for Technical Support Engineer

Project Manager

Project Managers plan and execute projects. Angular is a powerful framework that can be used to create a variety of applications. This course will introduce you to the basics of project management and how Angular can be used to manage projects successfully.

See salaries and explore the career path for Project Manager

Systems Analyst

Systems Analysts analyze and design computer systems. Angular is a powerful framework that can be used to create a variety of applications. This course will introduce you to the basics of systems analysis and how Angular can be used to design and implement complex systems.

See salaries and explore the career path for Systems Analyst

Database Administrator

Database Administrators manage and maintain databases. Angular is a powerful framework that can be used to create applications that access and manipulate data. This course will introduce you to the basics of database administration and how Angular can be used to create data-driven applications.

See salaries and explore the career path for Database Administrator

Network Administrator

Network Administrators manage and maintain computer networks. Angular is a powerful framework that can be used to create applications that access and manipulate data over networks. This course will introduce you to the basics of network administration and how Angular can be used to create network-based applications.

See salaries and explore the career path for Network Administrator