ELECTIVA II (DESARROLLO WEB) - SA26-1
Topic outline
- COMPETENCIAS ESPECIFICAS
COMPETENCIAS ESPECIFICAS
Desarrollar propuestas de sitios web básicos utilizando los lenguajes HTML, CSS y JavaScript, con soportes tecnológicos de Base de Datos PhpMyAdmin y MySQL..
- DOCENTE DE LA MATERIAThis topic
DOCENTE DE LA MATERIA
Profesor: Gerardo Ferraro
Datos de Contacto:
· Número de Teléfono: 0412-0794577
Número de Teléfono de Habitación: No disponible
· WhatsApp: 0412-0794577
· Correo: gerferr@gmail.com
Horario de Atención: Los horarios y los medios a través de los cuales se realizarán las asesorías y/o consultas podrán ser acordados con el Docente.
Abstenerse de hacer llamadas fuera del horario de atención facilitado por el Docente.
- Unidad I - Fundamentos Principales
Unidad I - Fundamentos Principales
- Que es una página web.
Tecnología client-server:
◦ Concepto de client
◦ Concepto de server (servidor)
▪ Tipos de server (FTP, HTTP, DNS, DHCP, EMAIL).
Desarrollo de una página web :
◦ Front-End
◦ Back-End
La ruta del desarrollador Front-End
◦ Tecnologías (HTML5, CSS3 , JAVASCRIPT)
◦ Librerías (React.js)
◦ Framework (Angular.js, Vue.js, Svelte)
CMS ( Content Management Systems)
◦ Joomla, Wordpress, Drupal
SEO (Normas o reglas seo para el desarrollo Front-End)
- Que es una página web.
- Unidad II - Estructura Básica de una Página Web(HTML5)
Unidad II - Estructura Básica de una Página Web(HTML5)
HTML y Sus Versiones
◦ ¿ Que es HTML ?
◦ El estándar HTML5 y sus novedades
◦ Principales Etiquetas
▪ Meta
▪ Body
▪ Main
▪ Section
▪ Article
▪ div
▪ p
▪ { h1 – h6}
▪ nav
▪ img
▪ video
▪ ul
▪ ol
▪ li
▪ header
▪footer
▪table
▪form - Unidad III - CSS 3.0
Unidad III - CSS 3.0
- CSS3 (Cascading Style Sheet)
- Sintaxis
- Como incrustar CSS3 en HTML5
- Propiedades de forma
- Propiedades de color
- Propiedades de Ubicación
- Propiedades de Texto
- Propiedades de Lista
- Propiedades de Formulario
- Propiedades de enlace
- Principales Framework css (Tailwind , BootStrap) **
- Diseño Responsivo
Material CSS
Material adicional sobre como usar gridbox y flexbox
- Material Adicional
Material Adicional
Serie de videos ilustrativos donde se explica como realizar una pagina web
Serie de ejemplos de paginas web
- Proyecto Final
Proyecto Final
Realizar un sitio web informativo completo(HTML5 y CSS3) sobre cualquier tema, puede ser una landing page o un sitio web con varias paginas al final crear un dominio en netlify.app para subir el sitio web pasar por aca el enlace donde se subio el sitio web
Realizar una documentacion teorica del sitio web desarrollado explicando sobre el tema creado, los colores usados, el font y el tema que se desarrolla en el sitio web
- Tareas
