Contenido de Clases - Codo a Codo

Aqui ire poniendo las clases que hemos ido teniendo en orden, en cada una de ellas un resumen de los temas tratados y los links correspondientes a las Diapositivas trabajadas en clases, tambien dejare un link para descargar los archivos/carpetas generados durante ellas por el profesor para su posterior estudio.

Codo a Codo 4.0 - 2023

Plan de estudios - Fullstack Java

  1. HTML + CSS
  2. Animaciones, transformaciones
  3. Flex Box
  4. Bootstrap
  5. JavaScript
  6. GIT + GitHub
  7. Servidores (hosting)
  8. Scrum
  9. Base de Datos
  10. JAVA
  11. JAVA-POO
  12. JAVA-(WEB)
  13. PROYECTO FINAL
Plan de Estudio PDF

Clases

Clase 0

Presentación del Curso

  • ¿Qué es Codo a Codo?
  • Carreras IT
  • Aula Virtual
  • Información del curso
Ir a la Clase

Clase 1

VSCode y HTML

  • ¿Qué es VSCode (Visual Studio Code)?
    • Lenguajes: Maquetación y programación
    • ¿Qué es Electron?- ¿Qué es un Framework?
    • ¿Qué es una librería?
  • Instalación de Visual Studio Code
    • En Windows/Mac y Linux
    • Extensiones
  • ¿Qué es HTML?
    • Estructura semántica del lenguaje
    • ¿Qué es una etiqueta?
    • Etiqueta < head >
    • Etiqueta < body >
    • Etiquetas básicas
    • Atributos
Ir a la Clase

Clase 2

HTML (2)

  • Rutas y enlaces
  • Listas
  • Tablas
  • Videos (Local)
  • Iframes
  • Etiquetas de formularios
Ir a la Clase

Clase 3

HTML (3)

  • Formularios
  • Textarea, Select/Option
  • Manejos de imágenes, src, favicon
  • Ejercicio: Subir a un servidor
Ir a la Clase

Clase 4 y 5

CSS

  • Introducción a CSS
  • Integración con HTML
  • Propiedades (Atributo y valor)
  • Color, Tipografía, Tamaño de fuente
  • Agrupamientos
  • Div, Span, Atributos globales
  • Especificidad (Etiquetas semánticas)
  • Iconos
Ir a la Clase 4 y 5

Clase 6

CSS (2)

  • Selectores
  • Modelo de caja: Padding, Border y Margin
  • Box Sizing
  • Position: Absolute, Relative, Fixed, Index-z, Float
Ir a la Clase 6

Clase 7

CSS (3)

  • Pseudoclases
  • Prefijos de CSS
  • Transiciones, animaciones y transformaciones
  • Animate.css
  • Responsive Web Design, Conceptos y práctica
  • Trabajo Práctico. Web Responsive.
Ir a la Clase 7

Clase 8

Proximamente - iremos actualizando