CURSO DE PROGRAMACIÓN WEB Front-End
Transcript of CURSO DE PROGRAMACIÓN WEB Front-End
CURSO DE PROGRAMACIÓN WEB
2020 / 2021
Front-End
TEMARIO
MÓDULO
El or igen de la web
Capas del desarrol lo web: Front-end, Back-end, Datos
Cómo se comunica la web
Los lenguajes de la web: HTML, CSS y JavaScr ipt
El protocolo HTTP
URLs, d i recciones absolutas y re lat ivas
01 Introducción a la web
MÓDULO
Preparando todo para desarrol lo
¿Qué es un IDE?
Insta lac ión de Visual Studio Code
Insta lac ión de WSL
Insta lac ión de Node. js
¿Qué es una terminal?
Ut i l izando la consola de Windows
Ut i l izando la consola de WSL
Ut i l izando la consola integrada de Visual Studio Code
Int roducción a Visual Studio Code
Extensiones recomendadas
02 El entorno de desarrollo
¿Qué es e l versionado del código?
In t roducción a Gi t
Reposi tor ios , commits y ramas
Ut i l izando Gi tHub
Ut i l izando Gi t en Visual Studio Code
MÓDULO
¿Qué es HTML?
Estructura general
Propósito
Et iquetas
Estructura les : !DOCTYPE, HTML, HEAD, T ITLE, BODY, STYLE
Básicas para contenido: P, BR , IMG, A , UL , OL , L I ,H1 , H2, H3, H4, H5, H6
Contenedoras: HEADER, FOOTER, MAIN, SECTION, DIV, SPAN
Mult imedia : AUDIO, VIDEO
Interacción: FORM, LABEL, INPUT, SELECT, TEXTAREA, BUTTON
Carga de recursos: SCRIPT, L INK
03 HTML
MÓDULO
Propósito
Sintaxis
Reglas y selectores
Modelo de caja
Operadores y pseudoclases
Sistema de posic ionamiento
Gri l las con modelo f lex y modelo gr id
Preprocesadores y SCSS
Media quer ies
Patrón de diseño de componentes
04 CSS
Objetos y c lases
Herencia y composición
Ejecución c íc l ica y d i fer ida
La cadena de protot ipo
Funciones de texto
Funciones numéricas
Funciones de fecha
Propósito
Sintaxis
Var iables y t ipos de datos
Operadores
Condicionales
Listas e i teradores
JavaScriptMÓDULO
05
HTML
La impor tancia del HTML semánt ico
Microdatos: Schema.org y JSON+LD
JavaScr ipt
Pr inc ip ios SOLID
Única responsabi l idad
Segregación de inter faces
Cadena de responsabi l idades
Composic ión
Patrones de d iseño
CSS
Camíno cr í t ico
MÓDULO
06 Buenas prácticas
¿Qué es HTML?
Árbol de e lementos
Sistema de eventos
Modelo de e lemento
El modelo de objetode documento
MÓDULO
07
¿Qué es un servic io de deployment?
Árbol de e lementos
Sistema de eventos
Modelo de e lemento
Pase aproducción
MÓDULO
09
¿Qué es e l Shadow DOM?
La API de Custom Elements
Registrando un elemento personal izado
El c ic lo de v ida de un e lemento personal izado
El e lemento TEMPLATE
Uti l ización de atr ibutos
Ut i l ización de la et iqueta SLOT
Uti l ización de eventos personal izados
MÓDULO
08 Web Components
@DOCTADEVSOK_INSTAGRAM
+54 351 669-9482TELÉFONO
@DOCTADEVSOKTWITTER