DesarrolloWeb-Grupo11

Desarrollo Web con Html5, Css3 y JavaScript - 11° Edición - Docente: Jesús Alexander Gonzales Manrique

SESION 01

• Mi primer hola mundo
• Aprendiendo sobre etiquetas, atributos, valor de atributo y contenido
• Etiquetas de encabezado (meta, title)
• Etiquetas de contenido (h1 h2 h3 h4 h5 h6, p, a, img, ul, ol, li, br, hr)
• Escribiendo HTML semántico
• Generando Snippet para Visual Studio Code

SESION 02

• Primeros pasos en Git (comandos básicos)
• Creando mi primer repositorio en Github
• Más Etiquetas (span, b, strong, i, em, u, s, small, sub, sup, abbr, cite, blockquote, mark, details y summary)
• Estructura HTML de nuestro Proyecto Real (Avance)

SESION 03

• Etiquetas de tabla (table, thead, tbody, tfood, tr, th, td) y atributos como: colspan y rowspan
• Más Etiquetas (fieldset, legend)
• Etiquetas de formulario (input "text, email, password, tel, number, date, month, week, time, search, url, color, file, radio, checkbox, hidden, submit, reset, button", textarea, select, option, optgroup, datalist, button) y atributos como: action, method, name, checked, disabled, selected, min, max, maxlength, cols, rows.

SESION 04

• Más Etiquetas (audio, video, source, iframe, object, map y area)
• Cascada en CSS
• Principales propiedades CSS para texto
• Familias tipográficas genéricas
• Recursos para descargar fuentes (dafont, fontsquirrel, etc)
• Haciendo uso de tipografias desde Google Fonts
• Normalize CSS
• Prefijos CSS de navegadores
• Autoprefixer

SESION 05

• Herencia en CSS
• Modelo de Caja (content, padding, border y margin)
• Box-sizing
• Colapso de margenes
• Bordes redondeados
• Maquetando Card (Diseño Adobe XD)

SESION 08

• Diseñando mockup con ADOBE XD

SESION 09

• Pseudo Elementos
• Unidades de medidas
• Responsive Web Design (Diseño Adaptable)
• Bootstrap 5.1
• Proyecto con Bootstrap

ELEMENTOS: INLINE & BLOCK

ELEMENTOS DE BLOQUE

• h1, h2, h3, h4, h5, h6, p, ul, ol, hr, blockquote, details, dl, dt, dd, figure, figcaption.
• header, footer, nav, main, section, article, aside, address.

ELEMENTIO INLINE

• img, br, span, b, strong, i, em, u, s, sub, sup, abbr, cite, small, mark, audio, video, source, iframe, object, map y area

PLUGINS VSC

• AUTOPREFIXER

TRABAJOS

MUY BIEN 😀 BIEN 🙂 REGULAR 🙄 ESFUERZATE MÁS 😐 MAL (FALTO A CLASES) 😢

PRACTICA 01 (SEMANA 01)

• Antony Morales 😀
• David Aldana 😀
• José Alcalde 😀
• Cristian Giron 😢

PRACTICA 02 (SEMANA 03)

• Antony Morales 😀
• David Aldana 😀
• Jeancarlos 😀
• Karen 😀
• Cristian Giron 😢
• José Alcalde 😢

PRACTICA 03 (SEMANA 03)

• Antony Morales 😀
• David Aldana 🙂
• Jeancarlos 🙂
• Karen 😀
• Cristian Giron 😢
• José Alcalde 😢

PRACTICA 04 (SEMANA 04)

• Antony Morales 😀
• David Aldana 😀
• Jeancarlos 😀
• Karen 😀
• Cristian Giron 😢
• José Alcalde 😀