Este curso presenta los conceptos básicos del framework Angular. Analiza la estructura de una aplicación Angular y sus archivos de proyecto. También demuestra cómo usar la CLI para crear una aplicación e introduce los componentes, módulos y servicios necesarios para construirlos.
Aprenderá a alterar dinámicamente el DOM mediante directivas y a utilizar canalizaciones para dar formato a los datos y mostrarlos al usuario. También aprenderá a utilizar la vinculación de datos para transferir información entre la plantilla del componente y la clase. Además, obtendrá una introducción a la configuración de rutas básicas y al uso de Typescript para detectar errores al principio del proceso de desarrollo. Al final de este curso, podrá crear una aplicación de interfaz de usuario sencilla que responda a la entrada del usuario.
OBJETIVOS DE APRENDIZAJE:
- Comprender la estructura de una aplicación Angular
- Aprender a usar directivas para alterar dinámicamente el DOM.
- Aprender a utilizar el enlace de datos para intercambiar información entre el controlador y la vista.
- Saber cómo configurar el enrutamiento para la aplicación.
- Comprender los conceptos básicos de Typescript
HABILIDADES:
- Creación de componentes Angular
- Creación de módulos Angular
- Creación de servicios Angular
- Creación de aplicaciones Angular
- CLI angular
- Inyectar servicios
- Tuberías
- Formato de datos
- Directivas
- Enlace de datos
- Creación de rutas
Habilidades que obtendrás
Angular (marco web)Angular CLIComponentes AngularMaterial AngularUI AngularClases básicas de aplicacionesLo que aprenderás
- Entender la estructura de una aplicación Angular y sus archivos de proyecto
- Usar Angular CLI para crear una aplicación y generar componentes, módulos y más
- Construir componentes, módulos y servicios y aplicar vinculación de datos entre la plantilla del componente y la clase
- Usar directivas como ngIf, ngFor, ngClass, ngStyle y ngModel para alterar dinámicamente el DOM
- Configurar enrutamiento básico, incluyendo rutas básicas y rutas comodín, para la aplicación
- Aplicar los conceptos básicos de TypeScript y escritura estática para detectar errores en las primeras etapas del desarrollo
Puntos clave
- El curso introduce los conceptos básicos del framework Angular, incluyendo la estructura de una aplicación Angular y sus archivos de proyecto.
- Angular CLI se puede usar para crear una aplicación y para generar componentes, módulos y más.
- Los pipes se usan para dar formato a los datos para mostrarlos al usuario, mientras que la vinculación de datos transfiere información entre la plantilla del componente y la clase.
- Las directivas se usan para alterar dinámicamente el DOM, y TypeScript ayuda a detectar errores en las primeras etapas del proceso de desarrollo.
- Al final del curso, los estudiantes pueden crear una aplicación front-end simple que responda a la entrada del usuario.
Preguntas frecuentes
¿Para quién es este curso?
Este es un curso para principiantes que introduce los conceptos básicos del framework Angular, incluyendo cómo crear una aplicación front-end simple que responda a la entrada del usuario.
¿Qué temas cubre este curso?
Cubre la estructura de una aplicación Angular, módulos, componentes, servicios e inyección de dependencias, plantillas y vinculación de datos, pipes, directivas (como ngIf, ngFor, ngClass, ngStyle y ngModel), enrutamiento, Angular CLI y los conceptos básicos de TypeScript.
¿Aprenderé a usar Angular CLI?
Sí. El curso demuestra cómo usar la CLI para crear una aplicación e incluye lecciones sobre introducción a la CLI e instalación, y crear componentes, módulos y más.
¿Cubre este curso el enrutamiento?
Sí. Introduce la configuración de rutas básicas e incluye lecciones sobre introducción al enrutamiento, rutas básicas y rutas comodín.
¿Podré construir una aplicación después de este curso?
Sí. Al final del curso, podrá crear una aplicación front-end simple que responda a la entrada del usuario.
Transcripción
Transcripción
Bienvenido a Knowledge City's curso para principiantes en Angular. Mi nombre es michaela y seré su instructor para este curso. Soy un desarrollador web con mi licenciatura en Ciencias de la Computación. Y también solía enseñar HTML, CSS y JavaScript. Este curso cubrirá Angular, una plataforma de desarrollo de front-end popular utilizado para crear aplicaciones web modernas y escalables. Repasaremos todos los conceptos básicos incluyendo cómo crear componentes y módulos, utilizar directivas y canalizaciones, vincular propiedades y eventos, configurar rutas, utilizar TypeScript y más. Al final, tendrá el conocimiento y las herramientas necesarias. para comenzar a construir sus propias aplicaciones angulares. Entonces empecemos.
Aprende sobre la marcha
Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.