Skip to main content

Topic outline

    • Fundamentos de Desarrollo Web con Angular

      Este espacio permite plantear dudas, inquietudes, comentarios o aportes que generen valor para los participantes del curso. Nuestros líderes del servicio y el equipo de izyacademy estará atento para dar las respuestas necesarias a los planteamientos dados.

  • Capítulo 1 - Introducción a Angular

    ¿Qué aprenderás?

    En este capítulo vamos a ver conceptos importantes sobre el framework de desarrollo Angular, además, vamos a instalar todas las herramientas necesarias para el desarrollo del curso.

    • Tema 1.1 - Introducción a Angular

      En esta presentación encontrarás una explicación de todos los temas referentes a la introducción de Angular.

      Presentación = 31 páginas

    • Tema 1.2 - Instalación de Herramientas

      En esta presentación encontrarás varios videos con el paso a paso de como instalar las herramientas necesarias para desarrollar el curso.

      Presentación = 15 páginas

  • Capítulo 2 - Introducción a HTML y CSS

    ¿Qué aprenderás?

    En este capítulo, aprenderás varios temas acerca de HTML tales como: ¿Qué es HTML?, diferencias entre HTML y HTML5, elementos HTML, estructuras de Páginas HTML y atributos básicos. Además, encontrarás varios videos y presentaciones con la explicación de estos temas, incluyendo introducción a CSS y tipos de selectores. 

    • Tema 1.1 - Introducción a HTML

      En esta presentación vamos a ver ¿Qué es HTML? y diferencias entre HTML y HTML5.

      Presentación = 14 páginas

    • Tema 1.2 - Elementos HTML

      En este video vamos a ver cómo se componen los elementos HTML y cómo es la estructura básica de un documento HTML.

      Duración = 3:20 minutos

    • Tema 1.3 - Cabeceras, Párrafos y Div

      En este video vamos a ver diferentes etiquetas de HTML cómo los son, las cabeceras o headings  <h1>, las etiquetas <p> para párrafos y las cajas <div>.

      Duración = 4:23 minutos

    • Tema 1.4 - Listas y Tablas HTML

      En este video vamos a ver diferentes tipos de listas cómo: listas enumeradas, listas desordenadas o con viñetas, listas descriptivas y listas desplegables. También vamos a ver la estructura para hacer tablas en HTML.

      Duración = 3:19 minutos

    • Tema 1.5 - Tipos de Imput, Imagenes y Enlaces en HTML

      En este video vamos a ver diferentes etiquetas de HTML, también vamos a ver algunos tipos de input, como insertar imágenes en nuestra página HTML, ya sea desde internet o desde nuestro computador y por último vamos a ver los enlaces a otras páginas web o en su defecto páginas HTML.

      Duración = 4:23 minutos

    • Tema 1.6 - Estructura de Páginas HTML y Atributos Básicos

      En esta presentación vamos a ver la estructura de páginas en HTML y los atributos básicos.

      Presentación = 21 páginas

    • Taller Práctico HTML

      En esta presentación encontraras las indicaciones para realizar tu primera pagina web en HTML.

      Presentación = 8 páginas

    • Cuestionario de Validación Taller Práctico HTML

      Este cuestionario está compuesto por 5 preguntas referentes al tema de HTML visto en el capítulo 2 y el taller práctico de HTML propuesto. Para resolver este cuestionario tendrá 3 intentos y se tomará en cuenta la nota más alta.

      Tiempo de Solución = 10:00 minutos

    • Tema 2.1 - Introducción a CSS

      En esta presentación, encontrarás, una breve explicación de ¿Qué es CSS?, y los elementos modificables de un archivo CSS.

      Presentación = 20 páginas

    • Tema 2.2 - Estilos con CSS

      En este video vamos a ver como crear un archivo de estilos CSS y enlazarlo a nuestros proyectos HTML, por último vamos a ver los selectores de clases, id y atributos.

      Duración = 6:38 minutos

    • Taller Aplicativo CSS

      En esta presentación encontraras los requisitos para que agrgues los estilos de CSS a la pagina que creaste en la actividad anterior de HTML.

      Presentación = 5 páginas

    • Cuestionario de Validación Taller Práctico CSS

      Este cuestionario está compuesto por 5 preguntas referentes al tema de CSS visto en el capítulo 2 y el taller práctico de CSS propuesto. Para resolver este cuestionario tendrá 3 intentos y se tomará en cuenta la nota más alta.

      Tiempo de Solución = 10:00 minutos

  • Capítulo 3 - Introducción a TypeScript

    ¿Qué aprenderás?

    En este capítulo, aprenderás varios temas como: Introducción a TypeScript, TypeScript un Superset de JavaScript, variables, tipo y tipado de datos, condicionales, ciclos, clases, funciones, objetos y arreglos. Adicionalmente, encontrarás varios videos con ejemplos de cada tema.

    • Tema 3.1 - Introducción a TypeScript

      En esta presentación vamos a ver: ¿Qué es TypeScript? y TypeScript un superset de JavaScript.

      Presentación = 11 páginas

    • Tema 3.2 - Var, Let y Const

      En este video vamos a ver las diferentes formas de declarar una variable en TypeScript. Además vamos a ver diferencias entre Var, Let y Const.

      Duración = 8:41 minutos

    • Tema 3.3 - Cuando usar Var, Let y Const

      En esta presentación vamos a ver: Cuando debemos usar Var, Let y Const.

      Presentación = 14 páginas

    • Tema 3.4 - Tipos y Tipado de Datos

      En esta presentación vamos a ver los diferentes tipos de datos y el tipado de datos con varios ejemplos para que pongas en práctica.

      Presentación = 9 páginas

    • Tema 3.5 - Estructura Condicionales

      En este video vamos a ver las estructuras condicionales If, If else, If else If y los operadores lógicos.

      Duración = 4:57 minutos

    • Tema 3.6 - Estructura Switch y Enum

      En este video vamos a ver la estructura Switch y vamos a ver los diferentes tipos de de Enum.

      Duración = 4:41 minutos

    • Tema 3.7 - Estructuras Iterativas For

      En este video vamos a ver las estructuras iterativas For, For of y For in.

      Duración = 3:05 minutos

    • Tema 3.8 - Estructura Iterativa While y Do While

      En este video vamos a ver las estructuras iterativas While y Do While.

      Duración = 1:59 minutos

    • Tema 3.9 - Clases en TypeScript

      En este video vamos a ver la sintaxis basica de una clase y vamos a ver como es el funcionamiento de las clases en TypeScript.

      Duración = 4:02 minutos

    • Tema 3.10 - Interfaces y Métodos Get y Set

      En este video vamos a ver como se declaran, como funcionan y como se hace la implementación de las Interfaces. Además, vamos a ver los métodos accesores Getter y Setter.

      Duración = 3:52 minutos

    • Tema 3.11 - Decoradores en TypeScript

      En este video vamos a ver como se declaran y como funcionan los Decoradores en TypeScript.

      Duración = 3:57 minutos

    • Tema 3.12 - Arreglos en TypeScript

      En este video vamos a ver como se declaran los arreglos y algunos métodos de los arreglos en TypeScript.

      Duración = 7:12 minutos

    • Tema 3.13 - Función Flecha

      En esta presentación vamos a ver, qué es una función flecha, cómo funciona y varios atributos de ella.

      Presentación = 10 páginas

    • Actividad no Evaluativa

      En esta presentación encontrarás una actividad no evaluativa diseñada para reforzar conocimientos adquiridos en el capítulo 3.

      Presentación = 12 páginas

  • Capítulo 4 - Mi Primer Proyecto en Angular

    ¿Qué aprenderás?

    En este capítulo, vamos a aprender como crear nuestro primer proyecto en Angular y cómo es la estructura de un proyecto en Angular. Además, vamos a ver los componentes, las directivas, qué es Bootstrap, como agregar Bootstrap a nuestro proyecto, qué es Data Binding, comunicación entre componentes, qué es Routing, formularios reactivos y servicios de Angular.

    • Tema 4.1 - Mi primer Proyecto en Angular

      En este video vamos a crear nuestro primer proyecto en Angular utilizando la consola de Windows.

      Duración = 3:32 minutos

    • Tema 4.2 - Estructura de un Proyecto en Angular

      En este video vamos a ver cómo es la estructura de un proyecto en Angular y cuáles son los archivos que nos creó por defecto Angular.

      Duración = 3:38 minutos

    • Tema 4.3 - Directivas de Angular

      En esta presentación vamos a ver los 3 tipos de directivas en Angular que son: Directivas de Atributos, Directivas Estructurales y Directivas de Componentes.

      Presentación = 12 páginas

    • Tema 4.4 - ¿Qué es Bootstrap?

      En esta presentación vamos a ver un poco de la historia de Bootstrap y ¿Qué es Bootstrap?.

      Presentación = 8 páginas

    • Tema 4.5 - Implementar Bootstrap en Angular

      En este video vamos a ver dos opciones de cómo implementar Bootstrap a nuestros proyectos en Angular.

      Duración = 2:28 minutos

    • Tema 4.6 - Data Binding

      En esta presentación vamos a ver Qué es Data Binding y los diferentes tipos de Data Binding.

      Presentación = 17 páginas

    • Tema 4.7 - Comunicación entre Componentes

      En esta presentación vamos a ver la comunicación del componente padre al hijo mediante el input y del componente hijo al padre  mediante el output.

      Presentación = 12 páginas

    • Tema 4.8 - Ejemplo de Comunicación entre Componentes

      En este video vamos a crear un pequeño aplicativo con una lista de empleados, la cual se filtrará por áreas usando la comunicación entre componentes.

      Duración = 6:40 minutos

    • Tema 4.9 - Routing o Rutas

      En esta presentación vamos a ver qué es routing o rutas y como agregar este archivo a nuestro proyecto en Angular.

      Presentación = 7 páginas

    • Tema 4.10 - Ejemplo de Routing

      En este video vamos a enrutar 2 componentes a un componente home.

      Duración = 3:28 minutos

    • Tema 4.11 - Formularios Reactivos

      En esta presentación vamos a ver qué son Formularios Reactivos y que características tienen los Formularios Reactivos. 

      Presentación = 8 páginas

    • Tema 4.12 - Ejemplo de Formularios Reactivos

      En este video vamos a crear una página en la cual registraremos la información de contacto de una persona mediante el uso de los Formularios Reactivos en Angular.

      Duración = 4:28 minutos

    • Tema 4.13 - Servicios en Angular

      En esta presentación vamos a ver los servicios también conocidos como “services”, además, vamos a ver cómo se crean y cómo se llaman los Servicios en Angular.

      Presentación = 11 páginas

    • Tema 4.14 - Ejemplo de Servicios en Angular

      En este video vamos a crear una pequeña aplicación de ToDo o lista de pendientes, en la cual crearemos un servicio para almacenar las tareas en el local storage y desde nuestro componente podamos consultarlas y eliminarlas. 

      Duración = 6:59 minutos

  • Caso de Estudio

    • page icon
      Caso de Estudio Page

      Caso de Estudio

      En esta presentación encontrarás los requisitos para realizar el caso de estudio del curso.

      Presentación = 13 páginas

      Not available unless:
    • quiz icon
      Cuestionario Caso de Estudio Quiz

      Cuestionario Caso de Estudio

      Este cuestionario está compuesto por 10 preguntas referentes al caso de estudio planteado y busca validar su realización por parte del estudiante. Para resolver este cuestionario tendrá 3 intentos y se tomará en cuenta la nota más alta.

      Tiempo de Solución = 20:00 minutos

      Not available unless: The activity Caso de Estudio is marked complete
    • resource icon
      Código Caso de Estudio File
      Not available unless: You achieve higher than a certain score in Cuestionario Caso de Estudio
  • Cuestionario Final

    ¿Qué encontrarás?

    Este cuestionario busca validar lo aprendido en el curso. Tiene un tiempo estimado de 30 minutos para su solución, cuenta con 20 preguntas de tipo selección múltiple y 3 intentos para aprobarlo.  La nota asignada será la de mayor valor. 

    Si presentas alguna dificultad, duda o inquietud, puede dejar un comentario en nuestro Foro Colaborativo que con gusto daremos respuesta lo más pronto posible.

  • Encuesta de Satisfacción

  • Certificado de Participación