7HRS DISEÑO WEB DURACIÓN INTRODUCCIÓN A LA · • Etiquetas HTML y semántica • Estructura CSS...

1
OBJETIVO En la parte inicial del curso aprenderas a leer, escribir y entender código desde cero, lógica del código y cómo es qué pensar como un programador puede ayudarte en todas las áreas profesionales de tu vida. Entenderás las bases de la programación, lo cual te ayudará a interpretar lo que hay detrás de un sitio web, podrás incluir Javascript y mostrar interactivi- dad en tu propia página. 1.- Prueba de las herramientas instaladas, mecánica general de trabajo. Se elabora una maque- ta HTML CSS básica para ejem- plificar el uso de las herramien- tas y respaldar el código en la cuenta en línea. 2.- HTML CSS y Javascript trabajo en conjunto. Observaremos de manera práctica las diferencias entre estas tecnologías, el objetivo de cada una y el por que su trabajo en conjunto es funda- mental para el desarrollo web hoy en dia. • Etiquetas HTML y semántica • Estructura CSS • Enlace de Archivos HTML/CSS • introducción JS y enlace con documento 3- Herramientas de control de cambios hoy en día. • Se observan las característi- cas de la herramienta de control de versiones así como la importancia de estas en el desarrollo web y equipos de trabajo, tanto independientes como ambien- tes empresariales. DISEÑO WEB 1 3 2 CONTENIDO INTRODUCCIÓN A LA PROGRAMACIÓN 1- Definir variables y constantes 2- Dominar la estructura de un programa 3-Usar y definir funciones 4-Crea tu primer aplicación en OpenGL ETAPA 2 ETAPA 3 EXTRA ETAPA 4 En esta segunda etapa continuare- mos puliendo la mecánica de trabajo establecida, aplicaremos mecánicas para darle formato a nuestro sitio web, posición a nuestras etiquetas y texto. CONSTRUIR MAQUETA CON FLEXBOX 1 BARRA DE NAVEGACIÓN 1 SECCIÓN LATERAL 2 SECCIÓN PRINCIPAL 3 ELEMENTOS 4 BARRA DE NAVEGACIÓN 1 SECCIÓN LATERAL 2 SECCIÓN PRINCIPAL 3 ELEMENTOS 4 VISUAL STUDIO CODE 1 GIT 2 GITKRAKEN 3 GITHUB 4 aplicaremos técnicas de construcción de sitios web con Flexbox herramienta de CSS para colocar cada etiqueta o bloque de texto donde es de interés se posicione. CONSTRUIR MAQUETA CON BOOTSTRAP BÁSICO 2 se usará la librería de bootstrap para ejemplificar el ejercicio de colocar las etiquetas en su ubicación de interés. CONSTRUIR MAQUETA CON CSS GRID 3 Se aplican las técnicas de CSSGRID para la construcción de la maqueta web, y posicionar las etiquetas en el sitio de interés.| E2 E3 E4 E3 7HRS DURACIÓN 4HRS DURACIÓN 2HRS DURACIÓN ETAPAS INSCRÍBETE 1,2 Y 3 PUEBLA El objetivo en esta etapa es construir un sitio web con la temática de blog personal, aplicando Bootstrap para la construcción. El objetivo es construir un sitio web con temática E Commerce, aplicando CSS GRID para la organización de todos los componentes. ETAPA 3 1.- Esquema HTML y Texto. 2.- Construcción y enlace archivo CSS. 3.- Construcción y enlace archivo JavaScript. 4.- Organización y estruc- tura por etapas ETAPA 4 1.- Esquema HTML y Texto. 2.- Construcción y enlace archivo CSS 1.- Esquema HTML y Texto. 3.- Construcción y enlace archivo JavaScript. 4.- Organización y estruc- tura por etapas 2.- Construcción y enlace archivo CSS 1.-Como editor de texto. 2.- Software de control de versiones 3.- Software gráfico control de versiones 4.- Creación de Cuenta en línea para almacenamiento de código. 3.- Construcción y enlace archivo JavaScript. 4.- Organizción y estructura por etapas. TEMARIO CURSO 5 Lugar Lugar atmosfera.la/

Transcript of 7HRS DISEÑO WEB DURACIÓN INTRODUCCIÓN A LA · • Etiquetas HTML y semántica • Estructura CSS...

Page 1: 7HRS DISEÑO WEB DURACIÓN INTRODUCCIÓN A LA · • Etiquetas HTML y semántica • Estructura CSS • Enlace de Archivos HTML/CSS • introducción JS y enlace con documento 3-

OBJETIVO

En la parte inicial del curso aprenderas a leer, escribir y entender código desde cero, lógica del código y cómo es qué pensar como un programador puede ayudarte en todas las áreas profesionales de tu vida.Entenderás las bases de la programación, lo cual te ayudará a interpretar lo que hay detrás de un sitio web, podrás incluir Javascript y mostrar interactivi-dad en tu propia página.

1.- Prueba de las herramientas instaladas, mecánica general de trabajo. Se elabora una maque-ta HTML CSS básica para ejem-plificar el uso de las herramien-tas y respaldar el código en la cuenta en línea.2.- HTML CSS y Javascript trabajo en conjunto.Observaremos de manera práctica las diferencias entre estas tecnologías, el objetivode cada una y el por que su trabajo en conjunto es funda-mental para el desarrollo webhoy en dia.• Etiquetas HTML y semántica• Estructura CSS• Enlace de Archivos HTML/CSS• introducción JS y enlace con documento

3- Herramientas de control de cambios hoy en día.• Se observan las característi-cas de la herramienta de control de versiones asícomo la importancia de estas en el desarrollo web y equipos de trabajo, tantoindependientes como ambien-tes empresariales.

DISEÑO WEB

1 32

CONTENIDO

INTRODUCCIÓN A LA PROGRAMACIÓN

1- Definir variables yconstantes

2- Dominar la estructurade un programa

3-Usar y definir funciones

4-Crea tu primer aplicación en OpenGL

ETAPA 2

ETAPA 3

EXTRA

ETAPA 4

En esta segunda etapa continuare-mos puliendo la mecánica de trabajoestablecida, aplicaremos mecánicas para darle formato a nuestro sitio web, posición a nuestras etiquetas y texto.

CONSTRUIRMAQUETA CON FLEXBOX

1

BARRA DENAVEGACIÓN

1

SECCIÓNLATERAL

2

SECCIÓNPRINCIPAL

3

ELEMENTOS 4

BARRA DENAVEGACIÓN

1

SECCIÓNLATERAL

2

SECCIÓNPRINCIPAL

3

ELEMENTOS 4

VISUAL STUDIOCODE

1

GIT 2

GITKRAKEN 3

GITHUB 4

aplicaremos técnicas de construcción de sitios web con Flexbox herramienta de CSSpara colocar cada etiqueta o bloque de texto donde es de interés se posicione.

CONSTRUIR MAQUETACON BOOTSTRAP BÁSICO

2

se usará la librería de bootstrap paraejemplificar el ejercicio de colocar las etiquetas en su ubicación de interés.

CONSTRUIRMAQUETA CON CSS GRID

3

Se aplican las técnicas de CSSGRID para la construcción de la maqueta web, y posicionar las etiquetas en el sitio de interés.|

E2E3

E4E3

7HRSDURACIÓN

4HRSDURACIÓN

2HRSDURACIÓN

ETAPAS

INSCRÍBETE

1,2 Y 3PUEBLA

El objetivo en esta etapa es construir un sitio web con la temática de blog personal,aplicando Bootstrap para la construcción.

El objetivo es construir un sitio web con temática E Commerce, aplicando CSSGRID para la organización de todos los componentes.

ETAPA 3

1.- Esquema HTML y Texto.

2.- Construcción y enlace archivo CSS.

3.- Construcción y enlace archivo JavaScript.

4.- Organización y estruc-tura por etapas

ETAPA 4

1.- Esquema HTML y Texto.

2.- Construcción y enlace archivo CSS

1.- Esquema HTML y Texto.

3.- Construcción y enlace archivo JavaScript.

4.- Organización y estruc-tura por etapas

2.- Construcción y enlace archivo CSS

1.-Como editorde texto.

2.- Software de control de versiones

3.- Software gráficocontrol de versiones

4.- Creación de Cuenta en línea para almacenamiento de código.

3.- Construcción y enlace archivoJavaScript.

4.- Organizción yestructura poretapas.

TEMARIO

CURSO

5Lugar

Lugar

atmosfera.la/