We may earn an affiliate commission when you visit our partners.

Desarrollo de páginas con Angular

En la actualidad las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.

En este curso aprenderás a utilizar Angular, uno de los frameworks líderes del mercado para desarrollo de aplicaciones de una única página, o conocidas como SPA por la sigla en inglés de 'Single Page Application'.

En la actualidad las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.

Además, se hará una introducción gradual al lenguaje NodeJS y al desarrollo de interfaces para aplicaciones (API por su sigla en inglés de Application Program Interface), con el objetivo de desarrollar servicios web básicos para darle comportamiento a la aplicación Angular.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to 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.

Traffic lights

Read about what's good

what should give you pause

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

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

Curso sólido de angular con práctica

Según los estudiantes, este curso ofrece una sólida base en Angular, ideal para construir aplicaciones de una sola página (SPA). Muchos destacan la claridad del instructor y los ejercicios prácticos útiles como sus principales puntos fuertes, permitiendo aplicar los conocimientos de inmediato. Si bien proporciona una introducción al backend con NodeJS y APIs, algunos comentan que esta sección es más básica y sugieren que el curso es más adecuado si ya posees conocimientos previos de JavaScript/TypeScript. En general, es valorado positivamente por su enfoque en el desarrollo frontend moderno y la adquisición de habilidades prácticas.

Cubre básico de NodeJS/APIs.

"La parte de NodeJS es una introducción, para profundizar necesitas otro curso."

"Da una idea general de cómo conectar el frontend con un backend simple."

"No esperes convertirte en experto backend con esta sección."

Mejor con base en JS/TS.

"Es recomendable tener algo de JS o TypeScript antes de empezar."

"Si eres totalmente nuevo en programación, puede ser un poco rápido al inicio."

"Sentí que se asumía un conocimiento básico previo."

Actividades útiles y relevantes.

"Los ejercicios y el proyecto final son clave para practicar."

"Lo mejor son las partes donde realmente codificas lo aprendido."

"Pude aplicar las técnicas inmediatamente gracias a las prácticas."

Explicaciones fáciles de seguir.

"El profesor explica súper bien, hace que temas complejos sean fáciles."

"Realmente aprecié la forma en que se presentan las lecciones."

"El enfoque didáctico es excelente, entendí todo sin problemas."

Proporciona un buen fundamento.

"El curso da una base muy buena para empezar con Angular."

"Salí del curso sintiéndome cómodo para iniciar mis propios proyectos SPA."

"Aprendí los conceptos clave de Angular de forma clara y progresiva."

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

Reading list

We've selected seven books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Desarrollo de páginas con Angular.

Eloquent JavaScript, 3rd Edition

Save

Comprehensive guide to JavaScript. It covers the basics of the language as well as advanced topics such as functional programming and asynchronous programming. It great resource for developers who want to learn more about JavaScript.

(English) Eloquent JavaScript, 3rd Edition: A Modern...

Paperback

(English) Eloquent JavaScript, 3rd Edition: A Modern...

Kindle Edition

You Don't Know JS Yet

Save

Series of six books that cover the fundamentals of JavaScript. It great resource for developers who want to learn more about JavaScript.

(English) You Don't Know JS Yet: Get Started

Paperback

(English) You Don't Know JS Yet: Scope & Closures

Paperback

(English) You Don't Know JS Yet: Get Started

Kindle Edition

(English) You Don't Know JS Yet: Scope & Closures

Kindle Edition

Java in a Nutshell

Save

Comprehensive guide to JavaScript. It covers the basics of the language as well as advanced topics such as the DOM and web development. It great resource for developers who want to learn more about JavaScript.

(English) Java in a Nutshell

Kindle Edition

Angular for Enterprise Applications

Save

Comprehensive guide to building Angular applications with TypeScript. It covers the fundamentals of TypeScript as well as advanced topics such as Angular architecture and best practices. It great resource for developers who want to learn how to build robust and scalable Angular applications.

(English) Angular for Enterprise Applications - Third Edition...

Paperback

(English) Angular for Enterprise-Ready Web Applications -...

Paperback

$$$

(English) Angular 6 for Enterprise-Ready Web Applications:...

Paperback

(English) Angular for Enterprise Applications: Build scalable...

Kindle Edition

(English) Angular for Enterprise-Ready Web Applications:...

Kindle Edition

(English) Angular 6 for Enterprise-Ready Web Applications:...

Kindle Edition

Express in Action

Save

Guide to building web applications with Express.js. It covers the fundamentals of Express.js as well as advanced topics such as routing and middleware. It great resource for developers who want to learn more about Express.js.

(English) Express in Action: Writing, building, and testing...

Paperback

(English) Express in Action: Writing, building, and testing...

Kindle Edition

Node.js Design Patterns

Save

Provides a comprehensive overview of Node.js design patterns, including their benefits and drawbacks. It great resource for developers who want to learn how to write clean, maintainable, and scalable Node.js applications.

(English) Node.js Design Patterns - Third edition: Design and...

Paperback

(English) Node.js Design Patterns - Second Edition: Master...

Kindle Edition

Head First Design Patterns

Save

Great introduction to JavaScript. It covers the basics of the language as well as advanced topics such as object-oriented programming and closures. It great resource for developers who want to learn more about JavaScript.

(English) Head First Design Patterns: Building Extensible and...

Paperback

(English) Head First Design Patterns: Building Extensible and...

Kindle Edition

Help others find this course page by sharing it with your friends and followers: