Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Proyecto Avanzado de Desarrollo Web Frontend!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Proyecto Avanzado de Desarrollo Web Frontend

Video Qué cursos tomar luego del proyecto avanzado del curso de Desarrollo Web

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

Me da mucho gusto que lograrás finalizar el proyecto avanzado de Desarrollo Web. Este curso representa todo lo que aprendiste en el curso de Desarrollo Web y los cursos de JavaScript y el curso de CSS, por lo que significa que ya tienes un avance considerable en tu carrera como Desarrollador Frontend, a continuación te enlistaré algunos cursos que considero te ayudarán a continuar mejorando tus habilidades en el desarrollo de sitios web.

Curso a fondo de HTML5

Primero, uno de los favoritos, el curso de HTML5, en el que conoces APIs (interfaces de programación) para poder utilizar servicios de tu computadora como la cámara, el micrófono, el reproductor de vídeo, almacenamiento local y muchísimo más.

Ir al curso de HTML5

Controles y Efectos Frontend

Este curso sigue la estructura de los libros a los que conocemos como Cookbooks, que enseñan una tecnología con ejemplos concretos de la vida real. El curso es avanzado y pones en práctica CSS a detalle, JavaScript, el manejo del DOM y mucho más.

Este curso te ayudará a construir widgets que podrás utilizar en todos tus proyectos, te recomiendo ampliamente que lo tomes, para poner en práctica tu conocimiento y además, utilizar los controles que ahí creamos en tus futuros proyectos frontend.

Ir al curso de Controles y Efectos Frontend

Desarrollo de Aplicaciones Web Progresivas

Las aplicaciones web progresivas, no solo son el futuro del Desarrollo Frontend, también son el futuro quizás de la industria en general, en los próximos meses y años, cientos de empresas querrán añadir las características de una progressive web app a sus sitios web, tal como hoy lo hacen Twitter, Alibaba, Interjet, Smashing Magazine y muchos más.

Lo interesante de este curso es que desarrollamos una aplicación completa, sin programación del lado del servidor, con inicio de sesión, almacenamiento de datos y más. El curso será en Angular, por lo que requerirás de conocimientos en dicho Framework, pronto tendremos otro curso de Angular a fondo en CódigoFacilito.

Ir al curso de Aplicaciones Web Progresivas

JavaScript y el DOM

Uno de mis cursos favoritos de este año es el de JavaScript y el DOM, en el que aprendemos a manejar el árbol de representación de nuestro documento HTML. Ahí vemos edición, creación, eliminación de nodos, eventos a fondo, cómo optimizar al render de tu página y mucho más.

Es un curso indispensable para cualquier desarrollador web, así que no te lo puedes perder.

Ir al curso de JS y el DOM

¿Qué otros cursos quieres ver en la plataforma?

Esto es parte de lo que ya tenemos listo, pero, todos los meses publicamos nuevos cursos y nos encantaría escuchar qué temas te gustaría que cubriéramos a continuación, para que podamos trabajar en los cursos que a ti te sirven y te gustan, por lo pronto no olvides estar al pendiente de nuestros próximos lanzamientos aquí:

Ver futuros cursos
  • Módulo 1 | 5 clases

    Introducción y configuración

    expand_more
    • play_circle_outline

      Clase 1

      Introducción

    • play_circle_outline

      Clase 2

      Qué aprenderé en este curso

    • play_circle_outline

      Clase 3

      Requisitos para tomar este curso

    • play_circle_outline

      Clase 4

      Estructura del proyecto

    • play_circle_outline

      Clase 5

      Node y NPM

  • Módulo 2 | 5 clases

    Webpack

    expand_more
    • play_circle_outline

      Clase 1

      Qué es Webpack

    • play_circle_outline

      Clase 2

      Configuración básica

    • play_circle_outline

      Clase 3

      HTML Webpack plugin

    • play_circle_outline

      Clase 4

      Configurar SASS y Webpack

    • play_circle_outline

      Clase 5

      Webpack DevServer y la memoria virtual

  • Módulo 3 | 5 clases

    Layout

    expand_more
    • play_circle_outline

      Clase 1

      Estructura de la página

    • play_circle_outline

      Clase 2

      Contenido inicial

    • play_circle_outline

      Clase 3

      CSS Grid filas y columnas

    • play_circle_outline

      Clase 4

      Grid Areas

    • play_circle_outline

      Clase 5

      Span y subgrids

  • Módulo 4 | 10 clases

    Estilos con SASS

    expand_more
    • play_circle_outline

      Clase 1

      Variables

    • play_circle_outline

      Clase 2

      Mixins

    • play_circle_outline

      Clase 3

      Selectores anidados

    • play_circle_outline

      Clase 4

      Funciones de color y otros

    • play_circle_outline

      Clase 5

      Botón animado

    • play_circle_outline

      Clase 6

      Trabajando con tipografía

    • play_circle_outline

      Clase 7

      Parallax Background

    • play_circle_outline

      Clase 8

      Extender mixins

    • play_circle_outline

      Clase 9

      Pseudo elementos y selectores de conjuntos

    • play_circle_outline

      Clase 10

      Centrar elementos con margen

  • Módulo 5 | 9 clases

    Slider de productos

    expand_more
    • play_circle_outline

      Clase 1

      Layout del slider

    • play_circle_outline

      Clase 2

      Transformaciones CSS

    • play_circle_outline

      Clase 3

      Efecto separador

    • play_circle_outline

      Clase 4

      Funcionalidad del slider

    • play_circle_outline

      Clase 5

      Función de animación

    • play_circle_outline

      Clase 6

      Animaciones CSS para el slider

    • play_circle_outline

      Clase 7

      Elementos del Slider

    • play_circle_outline

      Clase 8

      Flechas del Slider

    • play_circle_outline

      Clase 9

      Precargado de imágenes

  • Módulo 6 | 3 clases

    Google Maps

    expand_more
    • play_circle_outline

      Clase 1

      Insertar mapa desde JavaScript

    • play_circle_outline

      Clase 2

      Colocar marcador en el mapa

    • play_circle_outline

      Clase 3

      Pintar mapa con colores personalizados

  • Módulo 7 | 4 clases

    Navegación

    expand_more
    • play_circle_outline

      Clase 1

      Layout del Menú

    • play_circle_outline

      Clase 2

      Efecto items del menú

    • play_circle_outline

      Clase 3

      Abrir y cerrar el menú

    • play_circle_outline

      Clase 4

      Animar transiciones del menú (scroll animado)

  • Módulo 8 | 5 clases

    Service Workers (páginas sin internet)

    expand_more
    • play_circle_outline

      Clase 1

      Qué son las Service Workers

    • play_circle_outline

      Clase 2

      Instalar Service Workers

    • play_circle_outline

      Clase 3

      Actualizar caché de archivos

    • play_circle_outline

      Clase 4

      Enviar archivos desde el caché

    • play_circle_outline

      Clase 5

      Enviar respuesta cuando no hay internet

  • Módulo 9 | 4 clases

    Subir a producción

    expand_more
    • play_circle_outline

      Clase 1

      Configurar WebPack para producción

    • play_circle_outline

      Clase 2

      Extraer estilos en un archivo css

    • play_circle_outline

      Clase 3

      Comandos para desarrollo y subida a producción

    • play_circle_outline

      Clase 4

      Subir sitio a Firebase Hosting

  • Módulo 10 | 2 clases

    Despedida

    expand_more
    • play_circle_outline

      Clase 1

      Qué aprendimos en este curso

    • play_arrow

      Clase 2

      Qué cursos tomar luego del proyecto avanzado del curso de Desarrollo Web

Qué cursos tomar luego del proyecto avanzado del curso de Desarrollo Web

arrow_back
Proyecto Avanzado de Desarrollo Web Frontend