Angular: Convierte cualquier template HTML en una WebAPP

¿Quieres aprender a crear un sitio web dinámico con Angular, Firebase y GitHub Pages? Estas en el lugar correcto.
Free tutorial
Rating: 4.8 out of 5 (5,296 ratings)
59,486 students
Angular: Convierte cualquier template HTML en una WebAPP
Free tutorial
Rating: 4.8 out of 5 (5,296 ratings)
59,486 students
Crear una página web administrada por Angular y Firebase
Tener el conocimiento necesario para convertir cualquier template HTML en una aplicación de Angular
Desplegar una aplicación a un sitio web
Usar GitHub Pages para desplegar sitios y aplicaciones web
Crear un portafolio de proyectos o productos

Requirements

  • Ideas o conceptos de Angular son necesarias ( Servicios y Componentes)
  • Conocimiento de HTML, CSS y JavaScript es recomendado
  • No es necesario saber Firebase
  • No es necesario saber GIT
  • No es necesario saber GitHub
  • No es necesario tener un un domino web
Description

Este curso se enfoca en enseñar como convertir una plantilla HTML a una aplicación de Angular, usando Firebase como backend, desplegando el sitio web en GitHub Pages y utilizando Git como repositorio.

El curso es totalmente gratuito y tiene como objetivo ayudarte en tu conocimiento de Angular, Firebase y otras herramientas que pueden interesarte mucho. Nos enfocaremos en aprender haciendo, crearemos todo de cero, eso incluye la configuración de la base de datos y los repositorios para trabajar en GitHub y Git. Hay un par de tareas y ejercicios que te pondrán a prueba, pero siempre con las soluciones al siguiente video.

Temas puntuales a tratar:

  • Componentes en Angular

  • Rutas utilizando módulos

  • Generar aplicación de producción

  • Firebase REST API

  • Git

  • GitHub

  • Servicios de Angular

  • Convertir un template HTML en una aplicación de Angular

  • Y mucho más

El objetivo final es crear y desplegar la página web que creamos a un sitio web real, adquiriendo el conocimiento necesario para poder trabajar con confianza temas que no están hecho nativamente para el Framework de Angular.

 Requisitos importantes:

Este curso no te enseñara Angular de Cero, debes de tener una pequeña base de lo que son los servicios y los componentes, si sabes de que hablo, este curso es para ti, pero si es la primera vez que tocas Angular, el curso te llevará de la mano.

Espero lo disfrutes mucho.

Who this course is for:
  • Cualquier persona que conozca un poco de Angular
  • Cualquier persona que desee aprender un poco de Git, GitHub, Angular y Firebase
  • Cualquier persona con deseos de aprender un poco más
  • Personas que deseen aprender a realizar despliegues de una aplicación de angular
Course content
9 sections • 57 lectures • 3h 31m total length
  • Introducción
    01:08
  • Instalaciones necesarias para seguir el curso
    04:45
  • Opcional - Configurar GIT
    04:02
  • ¿Cómo hacer preguntas?
    00:50
  • Objetivo del curso
    01:33
  • Introducción a la sección
    00:46
  • Descarga del tema que usaremos de ejemplo
    01:30
  • Información del template a usar
    00:03
  • Iniciando el proyecto de Angular
    04:32
  • Estructura HTML básica a nuestro proyecto de Angular
    03:50
  • Componente del encabezado
    05:43
  • Componente del pie de la página
    04:35
  • Componente del cuerpo de la página
    05:43
  • GIT - Guardando el estado de nuestro proyecto
    02:34
  • Código fuente de la sección
    00:09
  • Introducción a la sección
    01:06
  • Creando la página about
    03:50
  • Tarea - Creando la página del producto
    01:21
  • Resolución - Creando la página del producto
    02:44
  • Creando rutas para nuestro sitio web
    09:51
  • Editando el menú de navegación
    08:37
  • Uso del hash en las rutas
    02:48
  • Código fuente de la sección
    00:08
  • Introducción a la sección
    00:40
  • Creando un archivo JSON con la información
    04:00
  • Servicio - Información de la página
    09:41
  • Crear interfaz para controlar la información de la página
    04:40
  • Usando el servicio para reemplazar información en la página web
    06:35
  • Agregando animaciones a nuestras páginas
    06:21
  • Código fuente de la sección
    00:05
  • Introducción a la sección
    00:54
  • Creando nuestra base de datos en Firebase
    10:00
  • Carga de la información de Firebase a nuestra página
    03:35
  • Mostrando la información de Firebase en el HTML
    05:07
  • Introducción a la sección
    01:07
  • Material de la sección
    00:09
  • Cargando información a Firebase
    03:46
  • Creando el servicio de productos
    07:22
  • Desplegando los artículos en el home
    05:44
  • URL del Loading que usaremos - SVG
    00:09
  • Agregando un loading a nuestro portafolio
    04:40
  • Código fuente de la sección
    00:09
  • Introducción a la sección
    00:30
  • Enviando parámetros por URL
    05:31
  • Servicio para obtener el producto
    06:51
  • Actualizando la página del producto
    08:31
  • Reemplazando las imágenes del producto
    04:40
  • Creando la página de búsqueda
    06:27
  • Diseño y filtro de la página de búsqueda
    06:34
  • Lógica del proceso de carga y filtro
    08:46
  • Código fuente de la sección
    00:09
  • Introducción a lo que veremos en la sección
    01:01
  • Probando nuestra app en pre-producción
    04:50
  • Subiendo los archivos a GitHub
    07:37
  • Código fuente de la sección
    00:07
  • Más sobre mis cursos
    00:30
  • Despedida del curso - Un placer tenerlos como estudiantes
    02:01

Instructor
A Full-Stack Developer & Teacher
Fernando Herrera
  • 4.8 Instructor Rating
  • 102,812 Reviews
  • 262,237 Students
  • 29 Courses

Soy un analista de sistemas de computo, con poco más de 18 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear aplicaciones que la gente use, me gusta enseñar, también fui maestro sustituto en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas conforme la actualidad vaya cambiando.