Monthly Subscription Starting at AED 99 + VAT

Introducción al desarrollo de front-end

About

Bienvenido a Introducción al desarrollo de front-end development, el primer curso del programa de desarrolladores de front-end de Meta. Este curso es un buen punto de partida si desea convertirse en desarrollador web. Aprenderá sobre las responsabilidades diarias de un desarrollador web y obtendrá un conocimiento general de las tecnologías principales y subyacentes que potencian Internet. Aprenderá cómo los desarrolladores de front-end crean sitios web y aplicaciones que funcionan adecuadamente y son fáciles de mantener. Conocerá las principales tecnologías de desarrollo web, como HTML y CSS, y tendrá la oportunidad de practicar su uso. También conocerá marcos de interfaz de usuario modernos, como Bootstrap y React, que facilitan la creación de experiencias de usuario interactivas. Al final del curso, usted será capaz de: - describir el rol de desarrollador front-end; - explicar las tecnologías centrales y subyacentes que potencian Internet; - usar HTML para crear una página web simple; - usar CSS para controlar la apariencia de una página web simple; - explicar qué es React; - describir las aplicaciones y características de los marcos de interfaz de usuario más populares; para el proyecto final de este curso, creará y editará una página web utilizando HTML y el marco Bootstrap CSS. Con una cuadrícula de diseño receptiva, creará una página web receptiva que contenga texto e imágenes y que tenga un excelente aspecto en cualquier tamaño de pantalla. Este es un curso para principiantes destinado a estudiantes deseosos de aprender los fundamentos del desarrollo web. Para lograr buenos resultados en este curso, usted no necesita experiencia previa en desarrollo web, solo habilidades básicas de navegación por Internet y ganas de empezar a programar.

Modules

Introducción al certificado profesional

    • 5 Videos
    • 2 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Recibir y saludar

5 Videos

  • Introducción al programa
  • Introducción al curso
  • Funciones de desarrollador de front-end, backend y full-stack
  • Un día en la vida de un desarrollador de front-end
  • Demostración del proyecto final: Sitio web de Little Lemon

2 Readings

  • Programa del curso de Introducción al desarrollo de front-end
  • Cómo tener éxito en este curso

Cómo funciona la web

    • 5 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge Check - How the web works

5 Videos

  • Cómo funciona Internet
  • ¿Qué es un servidor web y cómo funciona?
  • ¿Qué son los sitios web y las páginas web?
  • ¿Qué es un navegador web y cómo funciona?
  • Alojamiento web

1 Readings

  • Recursos adicionales

Tecnologías principales de Internet

    • 9 Videos
    • 7 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • Verificación de conocimientos: Internet y la web
  • Autorrevisión: Examinar la página
  • Verificación de conocimientos: Tecnologías principales de Internet
  • Cuestionario del módulo: Introducción al desarrollo web

9 Videos

  • Introducción a los protocolos de Internet
  • Introducción a HTTP
  • Introducción a HTML, CSS y Javascript
  • Páginas web, sitios web y aplicaciones web
  • Herramientas para desarrolladores
  • Marcos y bibliotecas
  • API y servicios
  • ¿Qué es un IDE?
  • Resumen del módulo: Cómo empezar con el desarrollo web

7 Readings

  • Ejemplos de HTTP
  • Otros protocolos de Internet
  • Ejercicio: Examinar una página web
  • Ejercicio: Editar un sitio web utilizando las herramientas de desarrollo de un navegador
  • Configuración del entorno de desarrollo local
  • Visual Studio Code en Coursera
  • Recursos adicionales

Cómo empezar con HTML

    • 8 Videos
    • 2 Readings
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • Crear un documento HTML

1 Assignment

  • Verificación de conocimientos: Cómo empezar a usar HTML

8 Videos

  • ¿Qué es el lenguaje de marcado de hipertexto?
  • Documentos HTML
  • Vincular documentos
  • Añadir imágenes a una página web con HTML
  • Usar HTML para trabajar con datos en tablas
  • ¿Qué son los formularios?
  • Introducción al DOM
  • Accesibilidad web

2 Readings

  • Etiquetas HTML simples
  • Recursos adicionales

Conceptos básicos de CSS

    • 3 Videos
    • 4 Readings
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • Diseñar una página

1 Assignment

  • Verificación de conocimientos: Conceptos básicos de CSS

3 Videos

  • Selección y estilo
  • Introducción al modelo Box
  • Flujo de documentos: en bloque o en línea

4 Readings

  • Diferentes tipos de selectores
  • Texto y color en CSS
  • Fundamentos de la alineación
  • Recursos adicionales

Creación de una página web

    • 1 Videos
    • 1 Discussion
    • 1 Programming
    • 1 Assignment
Show info about module content

1 Programming

  • Crear y diseñar una página web

1 Assignment

  • Cuestionario del módulo: Introducción a HTML y CSS

1 Discussions

  • Discuta los desafíos a los que se enfrentó al crear y diseñar la página web

1 Videos

  • Resumen del módulo: Introducción a HTML y CSS

Introducción a los marcos y las bibliotecas de la interfaz de usuario

    • 6 Videos
    • 4 Readings
    • 2 Lab
    • 3 Assignment
Show info about module content

3 Assignment

  • Autorrevisión: Trabajar con la cuadrícula de Bootstrap
  • Autoevaluación: Trabajar con componentes de Bootstrap
  • Verificación de conocimientos: Introducción a los marcos y las bibliotecas de interfaz de usuario

2 Labs

  • Trabajar con la cuadrícula de Bootstrap
  • Trabajar con componentes de Bootstrap

6 Videos

  • Trabajar con bibliotecas
  • Introducción al diseño receptivo
  • Cómo empezar con Bootstrap
  • Uso de estilos de Bootstrap
  • Cuadrícula de Bootstrap
  • Componentes de Bootstrap

4 Readings

  • Bootstrap
  • Uso de la documentación de Bootstrap
  • Otros marcos y bibliotecas CSS
  • Recursos adicionales

Introducción a React

    • 6 Videos
    • 4 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Verificación de conocimientos: Introducción a React
  • Cuestionario del módulo: Marcos de interfaz de usuario

6 Videos

  • Contenido estático y dinámico
  • Aplicaciones de una sola página
  • ¿Qué es React?
  • Cómo funciona React
  • Jerarquía de componentes
  • Resumen del módulo: Marcos de interfaz de usuario

4 Readings

  • Estudio de caso: ¿Por qué los ingenieros de Facebook crearon React?
  • El DOM virtual
  • Alternativas a React
  • Recursos adicionales

Evaluación calificada

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • Autoevaluación: Mejore su página de biografía con Bootstrap
  • Evaluación del curso 1: Introducción al desarrollo web

1 Discussions

  • ¿Qué desafíos encontró al editar su página biográfica?

1 Labs

  • Mejore su página de biografía con Bootstrap

1 Videos

  • Resumen del curso 1: Introducción al desarrollo web

2 Readings

  • Sobre el laboratorio sin clasificar: Mejora su página Bio con Bootstrap
  • Ejemplar

Resumen del curso

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • ¿Qué le pareció más desafiante y gratificante de este curso?

1 Videos

  • Felicitaciones. Ha completado la Introducción al desarrollo web

1 Readings

  • Próximos pasos después de Introducción al desarrollo web

Auto Summary

"Introducción al desarrollo de front-end" es ideal para quienes desean iniciar una carrera en desarrollo web. Impartido por Meta y disponible en Coursera, este curso abarca tecnologías clave como HTML, CSS, Bootstrap, y React. Diseñado para principiantes sin experiencia previa, ofrece una comprensión completa del rol de desarrollador front-end y culmina en un proyecto final de creación de una página web. Disponible en suscripciones Starter y Professional.

Taught by Meta Staff
Instructor

Taught by Meta Staff