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,118 ratings)
57,443 students
Angular: Convierte cualquier template HTML en una WebAPP
Free tutorial
Rating: 4.8 out of 5 (5,118 ratings)
57,443 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
Curriculum
9 sections • 57 lectures • 3h 31m total length
  • Introducción
  • Instalaciones necesarias para seguir el curso
  • Opcional - Configurar GIT
  • ¿Cómo hacer preguntas?
  • Objetivo del curso
  • Introducción a la sección
  • Descarga del tema que usaremos de ejemplo
  • Información del template a usar
  • Iniciando el proyecto de Angular
  • Estructura HTML básica a nuestro proyecto de Angular
  • Componente del encabezado
  • Componente del pie de la página
  • Componente del cuerpo de la página
  • GIT - Guardando el estado de nuestro proyecto
  • Código fuente de la sección
  • Introducción a la sección
  • Creando la página about
  • Tarea - Creando la página del producto
  • Resolución - Creando la página del producto
  • Creando rutas para nuestro sitio web
  • Editando el menú de navegación
  • Uso del hash en las rutas
  • Código fuente de la sección
  • Introducción a la sección
  • Creando un archivo JSON con la información
  • Servicio - Información de la página
  • Crear interfaz para controlar la información de la página
  • Usando el servicio para reemplazar información en la página web
  • Agregando animaciones a nuestras páginas
  • Código fuente de la sección
  • Introducción a la sección
  • Creando nuestra base de datos en Firebase
  • Carga de la información de Firebase a nuestra página
  • Mostrando la información de Firebase en el HTML
  • Introducción a la sección
  • Material de la sección
  • Cargando información a Firebase
  • Creando el servicio de productos
  • Desplegando los artículos en el home
  • URL del Loading que usaremos - SVG
  • Agregando un loading a nuestro portafolio
  • Código fuente de la sección
  • Introducción a la sección
  • Enviando parámetros por URL
  • Servicio para obtener el producto
  • Actualizando la página del producto
  • Reemplazando las imágenes del producto
  • Creando la página de búsqueda
  • Diseño y filtro de la página de búsqueda
  • Lógica del proceso de carga y filtro
  • Código fuente de la sección
  • Introducción a lo que veremos en la sección
  • Probando nuestra app en pre-producción
  • Subiendo los archivos a GitHub
  • Código fuente de la sección
  • Más sobre mis cursos
  • Despedida del curso - Un placer tenerlos como estudiantes

Instructor
A Full-Stack Developer & Teacher
Fernando Herrera
  • 4.7 Instructor Rating
  • 96,907 Reviews
  • 251,681 Students
  • 28 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.