Fundamentos de desarrollo web

Qué es un proyecto Web, Prototipado desde el papel, HTML y Etiquetas

Sesión 1: Prototipado y conceptos básicos de HTML

1.- Prototipado y conceptos básicos de HTML

Qué es un proyecto Web, Prototipado desde el papel, HTML y Etiquetas

2.- Reglas básicas de HTML

Listas, Tablas, Formularios y Enlaces

Sesión 2:CSS en nuestro proyecto: Medidas, colores y fuentes
‍‍

1.- CSS en nuestro proyecto: Medidas, colores y fuentes

Estilos para Texto, Estilos para Listas, Tipografías Web y Fondos

Multimedia con HTML: Imágenes, videos, audio, iframe. Bases del CSS y Atributo Class

2- Box Modeling

Propiedades de la Caja, Posicionamiento y Visualización

3.- SEO

Conocer que es SEO y sus buenas prácticas

Servidores, Seguridad y SEO para tu sitio

‍

Bloque 2 : Bootstrap

Sesión 3: Conocimiento sobre Bootstrap 4

0.- Introducción

Conocimiento sobre las funcionalidades de bootstrap, historia de bootstrap, que problemas viene a solucionar y rendimiento de trabajo de forma nativa vs bootstrap

1.- Bootstrap + Themes

Bootstrap con JS, Bootstrap Themes y Responsive

2.- Frameworks + Grids

Qué son y para qué sirven, principales alternativas para crear páginas web CSS

Distribuir el contenido de una página utilizando grillas.

Librerias y Frameworks, Bootstrap: Estructura y Componentes

Sesión 4: Integración con terceros

1.- Integración en proyectos

(Content Delivery Network). Revisar el orden de carga de archivos CSS utilizando Bootstrap.

Integrar jQuery en un proyecto web utilizando CDN.

Repasar la integración de tipografías utilizando Google Fonts con CDN.

Construir una página responsiva con Bootstrap.

‍

Bloque 3

Sesión 5: Conocimiento sobre Javascript

1.- Conceptos generales: Sintaxis y variables

1. Presentación Javascript: ¿para qué se usa? Sintaxis general, Variables y tipos de valores, Prompt, console.log y alert
2. Conoce la diferencia entre Java Script y CSS / HTML.
3. Conocer la diferencia entre JavaScript y jQuery.

2.- Control de flujos

Condicionales, operadores de comparación y lógicos

Funciones básicas: Funciones y propiedades básicas en JS (sentencias break/continue).

Ciclos/iteraciones: Estructuras de control, Sentencias break/continue y Otras estructuras de control

Sesión 6: jQuery

1.- JQuery

Definición, Usos, Descarga e inclusión en el proyecto, Minificado vs No minificado, Equivalencias de los métodos en jQuery

Conocer el uso de jQuery en una página web.

2.- JQuery selectores y eventos

Métodos secundarios y Combinación entre sí

Efectos y animaciones, modificar css desde jQuery y Efecto scroll-to.

Qué es y cómo se usa, Métodos GET y POST, Ajax con JSON e Implementar AJAX mediante API

‍

‍

Bloque 4: Terminal, Github, Git, Github pages

Sesión 7: Conocimiento sobre la terminal

1.- Terminal

Conocer la estructura de directorios en la Terminal.

Crear y manipular archivos y directorios en la Terminal.

Comprender cómo moverse entre directorios y volver la raíz en la Terminal.

Conocer la estructura de una instrucción en la Terminal.

Sesión 8: Conocimiento sobre Git

1.- GIT

Comandos Básicos de la terminal,Creando Repositorios, y Ramas

Configuración de la llave SSH

2.- GitHub

Clonar repositorio y GitHub Pages

Respaldo de códico con GitHub

Obtener, generar e ingresar clave SSH.

Habilitar GitHub Pages.

‍