Estas lecciones presentan el marco Angular y muestran cómo comenzar con el desarrollo.
Estas lecciones presentan el marco Angular y muestran cómo comenzar con el desarrollo. Aprenderá a instalar la CLI y crear una nueva aplicación Angular. También aprenderá cómo interactúan las diferentes clases de Angular para crear el marco y sobre la estructura general de archivos del proyecto. Finalmente, aprenderá sobre los diferentes recursos en línea que Angular proporciona para ayudarlo a medida que aprende a usar el marco.
Objetivos de aprendizaje:
- Comprender la estructura de una aplicación Angular
- Aprender cómo interactúan las diferentes clases de Angular
Habilidades que obtendrás
Angular (marco web)Angular CLIComponentes AngularMaterial AngularUI AngularMarco de aplicaciónLo que aprenderás
- Instalar Angular CLI y crear una nueva aplicación Angular
- Entender la estructura de una aplicación Angular y su disposición de archivos de proyecto
- Explorar cómo diferentes clases de Angular interactúan para construir el framework
- Identificar los recursos en línea que Angular proporciona para apoyar su aprendizaje
Puntos clave
- Las lecciones introducen el framework Angular y muestran cómo comenzar con el desarrollo.
- Instala la CLI y la usa para crear una nueva aplicación Angular.
- Diferentes clases de Angular interactúan juntas para construir el framework.
- Angular proporciona varios recursos en línea para ayudarlo mientras aprende a usar el framework.
Preguntas frecuentes
¿Qué cubre este curso?
Introduce el framework Angular y muestra cómo comenzar con el desarrollo, incluyendo instalar la CLI, crear una nueva aplicación Angular, cómo diferentes clases de Angular interactúan, la estructura general de archivos de proyecto y los recursos en línea que Angular proporciona.
¿Qué aprenderé sobre una aplicación Angular?
Aprenderá a entender la estructura de una aplicación Angular y cómo las diferentes clases de Angular interactúan.
¿Qué temas se enseñan en las lecciones?
Las lecciones cubren ¿Qué es Angular?, Instalación y configuración, Arquitectura de la aplicación y Recursos en línea.
¿A qué habilidades se relaciona este curso?
Se relaciona con Angular (Framework Web), Angular CLI, Componentes de Angular, Angular Material, Angular UI y Frameworks de Aplicaciones.
Transcripción
Transcripción
Esta lección presentará qué es Angular, y por qué es una plataforma que vale la pena aprender y usar para sus aplicaciones web. Angular es una plataforma de desarrollo front-end de código abierto que permite a los desarrolladores crear aplicaciones web modernas. Fue construido por un equipo de Google usando TypeScript, un lenguaje construido a partir de JavaScript que le permite para definir de cerca sus tipos de datos y ayuda a detectar errores antes del tiempo de ejecución. Actualmente está en la versión 12, y tiene una actualización importante cada seis meses. Esta programación ayuda a mantener su aplicación actualizada y segura sin obstaculizar demasiado el proceso de desarrollo. Angular se usa más comúnmente para el desarrollo web, y eso es en lo que nos centraremos en este curso. Pero es multiplataforma, lo que significa que puede usar Angular al crear no solo aplicaciones web pero también aplicaciones móviles y de escritorio. El marco se basa en componentes, que son partes más pequeñas de las características y la funcionalidad que componen la aplicación. Un componente podría ser algo así como una barra de navegación, una barra de búsqueda o un botón. Estos componentes luego se organizan en grupos en función de la función específica que ayudan a crear, y estos grupos se denominan módulos. Este enfoque modular permite una mayor reutilización del código, que puede hacer que el desarrollo de su aplicación más fácil y rápido. Angular también viene con una amplia variedad de herramientas y funciones. que ayudan aún más a este proceso, como servicios de enrutamiento integrados, formularios reactivos, o es un enlace de datos bidireccional. La mayoría de los otros marcos ofrecen enlace unidireccional. Esto significa que la vista se actualiza automáticamente. basado en cambios en el modelo, pero no al revés. Con cambios de encuadernación bidireccional en el modelo se reflejan en la vista, y los cambios en la vista se reflejan en el modelo. Toda esta sincronización la realiza Angular, lo que significa que no tienes que escribir tantas funciones para manejar todos esos cambios. Entre el enlace de datos y la estructura de la aplicación Angular es ideal para crear aplicaciones de una sola página. Puede actualizar partes de la vista según sea necesario, crear dinámicamente, alterar, o quitar componentes de la vista. Todo esto se puede hacer sin cargar una página nueva, manteniendo la interfaz de usuario fluida para el usuario final. Angular también viene empaquetado con dos marcos de prueba diferentes. La primera, Jasmine, se usa para correr pruebas unitarias y de integración, y el segundo, Transportador, se usa para ejecutar pruebas de un extremo a otro. Usar estas herramientas para implementar pruebas e integración continua para su aplicación lo ayudará a detectar y corregir errores rápidamente al enviar nuevas actualizaciones, ahorrándole toneladas de tiempo y frustración a largo plazo. Angular tiene una comunidad de usuarios grande y activa creando una gran cantidad de recursos que pueden ayudarlo al crear su propia aplicación. Hay bibliotecas de componentes que podría ahorrarle tiempo al diseñar la interfaz de usuario, tutoriales y demostraciones para ayudarlo a aprender algo nuevo, o foros donde las personas pueden ayudar a responder preguntas específicas que pueda tener. Con todas estas herramientas, Angular es un gran marco que ayuda a los desarrolladores a construir de manera eficiente aplicaciones web altamente escalables, haciéndolo popular entre las personas y grandes empresas por igual. Gracias por ver este video sobre Angular y sus beneficios, y mira el siguiente video para aprender a instalarlo y empezar.
Aprende sobre la marcha
Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.