A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar
← Regresar a lecciones
Editar en Github

Qué es Desarrollo Front-End

¿Qué es el Desarrollo Web Front-End?

¿Qué es el Desarrollo Web Front-End?

En pocas palabras, es crear HTML dinámicamente usando JavaScript.

Al usar todo tu conocimiento algorítmico (bucles, condicionales, etc.), ahora puedes permitir que la computadora genere código HTML basado en diferentes tipos de eventos (interacciones del usuario, eventos del sistema, etc.) que ocurren durante la vida de cualquier sitio web.

Combinando HTML+CSS+JavaScript

Con JavaScript, ahora puedes actualizar el HTML o el CSS de tu sitio web cuando lo desees.

Por ejemplo:

  • Podrás crear una nueva <table> si el usuario presiona un botón.
  • Podrás hacer preguntas al usuario y mostrar cualquier cosa en el sitio web de acuerdo con su respuesta.
  • Podrás redireccionar al usuario a otro sitio web después de 5 segundos.
  • Podrás crear juegos como: Tic-Tac-Toe, Hangman, etc.
  • ¡El cielo es el límite! Desarrolladores de Front-end pueden crear juegos, sitios web y aplicaciones para cualquier tipo de industria.

Los términos más importantes

El mundo de front-end es enorme, puedes especializarte en lo que quieras, pero hay algunos conceptos importantes que debes conocer bien para comenzar tu especialización:

  • Renderización (Rendering): Este es el proceso de creación del HTML + CSS necesario para mostrar cualquier dato o información en el sitio web. Por ejemplo: renderizar a un empleado es el proceso de mostrar al empleado en tu sitio web.
  • Tiempo de Ejecución (Runtime): Esta es la línea de tiempo de tu sitio web desde el momento en que termina de cargarse hasta el momento en que el usuario sale.
  • Depurar (Debugging): Este es el proceso de arreglar el código.