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