Programa de Estudio

Front-End ( Diseño )

Clase 1 -
HTML – Etiquetas Básicas
Bienvenida – Presentación – Sobre el curso 
Páginas Web - Concepto 
Introducción a las tecnologías de la web (conceptos cómo internet, web, página, sitio, 
cliente/servidor, ) - 

Clase 2 - 
HTML - Colores / Tipografía – Links 
HTML - Funcionamiento 
Estructura de HTML - Etiquetas básicas y de atributos (títulos, párrafo, saltos de 
líneas). 
Etiquetas para textos (em, strong, b, i) negrita – italica – subrayado 
Tipografía: colores, tipo y tamaño 
Etiquetas especiales: 
URL / Links / Rutas: absolutas  

Clase 3: 
Hipervínculos - Listas - Tablas - Iframe 
- Listas (ul – lo) 
- Tablas (table - tr - td - th) 
- Iframe (ejemplo Youtube o Google Maps) 
- Insertar video de forma local 

Clase 4 
Imágenes y Formularios 
Imágenes - image src / icono favicon 
Formularios: 
Form - input (text - email - password - submit - check - radio - textarea - button - label - 
Select / option ) - 

Clase 5 
Introducción a CSS 
Introducción a CSS 
Ejemplo de color de un texto. 
3 formas de integrarlo en un documento HTML. 
- Selectores, propiedades y valores básicos del editor de código (Color - Tipografía - 
Tamaño de letra) 
Agrupamientos (div y span) - Atributos Globales - Especificidad- Etiquetas semánticas 

Clase 6 
Herramientas externas en FrontEnd 
- Uso de Google Fonts y las distintas formas de colocar una tipografía 
- Colores (Hexadecimal - RGB – RGBA). Como hacer mezcla de colores  
- Iconos (fontawesome) 

Clase 7 
CSS - Selectores y Cajas 
Selectores descendientes 
Modelo de Caja: Content, Padding, Border y Margin 
Box Sizing 

Clase 8 
CSS - Unidades de Medidas 
Unidades de Medidas: 
Absolutas y Relativas 
Position: Absolute, Relative, Fixed, Index-Z 
- Float 

Clase 9 
CSS - Selectores y Prefijos 
Selectores avanzados de CSS 
- Pseudoclases 
- Prefijos de CSS 
- ​Realización de chequeos de funcionamiento de herramientas de CSS según el 
navegador.

Clase 10 
Animate CSS 
- Transiciones, Animaciones y Transformaciones Animate.css 
- Responsive Web Design (Desktop First - Mobile First) (Teoría) 
- Introducción a MediaQueries básico (Teoría) 

Clase 11 - 
Bootstrap 

Clase 12 - 
GitHub 
Scrum 

Front-End ( Programación JS )

Clase 13 - 18 
Java Script 

Back-End ( Programación )
Clase 19 - 20
Arquitectura 

Clase 21 - 24
Bases de Datos 

Clase 25 - 35
PHP / POO 

Clase 36 - 39
Ajax 

Clase 40 - 44
Java Spring