- Level Foundation
- Course by Universidad de los Andes
-
Offered by
About
Este curso te proporcionará los conceptos básicos para iniciarte en el fascinante mundo de la Ingeniería de Software para aplicaciones web. Abordaremos los conceptos fundamentales de estructura, contenido y presentación de una página web, para luego centrarnos en la sintaxis del lenguaje de marcas HTML y en el uso de las etiquetas para crear títulos, párrafos, listas, enlaces, imágenes y formularios. El curso no termina allí. Introduciremos el concepto de hojas de estilo en cascada y su uso para modificar la presentación de una página y finalmente se hablará de bootstrap, el framework para crear páginas web responsive, es decir, aquellas que se ajustan al dispositivo desde el cual se consultan. Con todos estos elementos tendrás las bases para, posteriormente, darle un comportamiento dinámico a tu página con el uso lenguajes de programación como TypeScript y frameworks como Angular; tecnologías que se abordarán en curso de Ingeniería de software para la web. Este no es un curso teórico, es 100% práctico, y está complementado con una serie de tutoriales, cuestionarios y evaluaciones que permitirán determinar tu progreso. En el diseño de este curso hay un grupo excepcional de pedagogos y expertos en tecnología que han cuidado cada detalle para que tengas una experiencia de aprendizaje sobresaliente.Modules
Presentación del curso
1
Videos
- Presentación del curso
3
Readings
- Bienvenida al curso
- Navegación y preguntas frecuentes
- © Derechos reservados (del curso y sus materiales)
Entendiendo una página web
2
Videos
- Bienvenida al primer módulo: HTML básico
- Estructura, presentación y contenido de una página
HTML: títulos, párrafos y listas
1
Assignment
- Evaluación de HTML básico
5
External Tool
- Ejercicio párrafos y títulos
- Validador formativo: Ejercicio listas ordenadas
- Ejercicio listas de viñetas
- Ejercicio listas de definiciones
- Validador sumativo: probar lo aprendido sobre HTML básico
7
Videos
- Introducción a HTML
- Video introducción a las herramientas
- Tutorial Plunker
- Tutorial Codespaces
- Títulos
- Parrafos
- Listas
HTML: imágenes, enlaces y tablas
3
External Tool
- Validador formativo: Ejercicio imágenes
- Validador formativo: Ejercicio enlaces
- Validador formativo: Ejercicio tablas
4
Videos
- Bienvenida al segundo módulo: HTML avanzado
- Imágenes
- Enlaces
- Tablas
HTML: Formularios
1
External Tool
- Validador formativo: Ejercicio formularios
1
Videos
- Formularios
HTML: head
1
Assignment
- Evaluación de HTML avanzado
2
External Tool
- Validador formativo: Ejercicio head
- Validador sumativo: poner a prueba lo aprendido sobre HTML avanzado
1
Videos
- Head
CSS
1
Assignment
- Evaluación de CSS
9
Videos
- Bienvenida al tercer módulo: CSS
- Introducción a CSS
- Selector de tipo
- Selector de clase
- Selector de identificador
- Selector de atributo
- Colores
- Maquetación
- Tipografías
7
Readings
- Ejercicio práctico: selector de tipo
- Ejercicio práctico: selector de clase
- Ejercicio práctico: selector de identificador
- Ejercicio práctico: selector de atributo
- Ejercicio práctico: colores
- Ejercicio práctico: maquetación
- Ejercicio práctico: tipografías
Sistema de grilla en Boostrap
3
Videos
- Bienvenida al cuarto módulo: Bootstrap
- El sistema de grilla
- Responsive breakpoints
2
Readings
- Ejercicio práctico: sistema grilla
- Ejercicio práctico: grilla responsive
Componentes de Bootstrap
1
Assignment
- Evaluación de Bootstrap
4
Videos
- NavBar
- Componente card
- Componente accordion
- Cierre del curso
4
Readings
- Ejercicio práctico: componente nav bar
- Ejercicio práctico: componente card
- Ejercicio práctico: componente accordion
- ¿Qué aprendiste?
Auto Summary
"Introducción al desarrollo web" es tu puerta de entrada al apasionante mundo de la Ingeniería de Software aplicada a las aplicaciones web. Este curso, ofrecido por Coursera, se enfoca en los fundamentos esenciales para estructurar, crear contenido y presentar una página web de manera efectiva. Ideal para principiantes en el dominio de IT y Ciencias de la Computación, el curso cubre desde la sintaxis básica de HTML hasta el uso de etiquetas para construir títulos, párrafos, listas, enlaces, imágenes y formularios. Además, aprenderás sobre las hojas de estilo en cascada (CSS) para mejorar la presentación de tus páginas web y explorarás Bootstrap, un poderoso framework que permite crear sitios web responsive, adaptables a cualquier dispositivo. Este enfoque práctico está diseñado para que, una vez finalizado, puedas avanzar hacia tecnologías más avanzadas como TypeScript y Angular, que se tratan en cursos posteriores. El contenido está meticulosamente elaborado por un equipo de pedagogos y expertos en tecnología, garantizando una experiencia de aprendizaje excepcional. El curso incluye tutoriales prácticos, cuestionarios y evaluaciones para monitorear tu progreso y asegurar una comprensión sólida de los temas abordados. Disponible en el nivel de suscripción Starter, este curso fundamental es perfecto para aquellos que desean iniciar su viaje en el desarrollo web con una sólida base práctica. ¡Únete y comienza a construir tu futuro en la web hoy!

José Bocanegra