Curso de desarrollo web con HTML5, CSS y JavaScript

Objetivo.

• Si es tu primera vez, aprenderás desde cero y podrás adquirir un alto nivel de conocimientos para diseñar y desarrollar con éxito un proyecto web basado en estándares W3C con las tecnologías HTML5 y CSS3 implementando además mejoras en la capa de interactividad mediante jQuery, la librería más utilizada de JavaScript.

Audiencia.

• Programadores

• Diseñadores web

• Webmasters

Pre requisitos.

• Conocimiento básico de fundamentos de programación.

• Conocimiento básico de Programación orientada a objetos (preferente)

 

Temario.

1. HTML 5
1.1 Estructura Global
1.1.1 DOCTYPE
1.1.2 Html, head, body,
1.1.3 Meta, Title, Link
1.2 Estructura del HTML5
1.2.1 Header, Nav, Section
1.2.2 Aside, Footer
1.3 Elementos del HTML5
1.3.1 Article, Hgroup
1.3.2 Figure, Figcaption
1.3.3 Mark, Small
1.3.4 Cite, Address, Time

2. CSS3
2.1 Estilos CSS y Modelode caja
2.1.1 Elementos block
2.1.2 Modelos de Caja
2.2 Conceptos CSS
2.2.1 Estilos en linea
2.2.2 Estilos embebidos
2.2.3 Archivos externos
2.3 Referenciando Estilos
2.3.1 Por palabra Clave
2.3.2 Por atributo Id
2.3.3 Por Atributo class
2.3.4 Por cualquier atributo
2.3.5 Por Pseudo clases
2.3.6 Nuevos selectores
2.4 Aplicando CSS a Nuestra Plantilla
2.5 Propiedades CSS3
2.5.1 Plantilla
2.5.2 Por Border-radius Id
2.5.3 Box-shadow y Text-shadow
2.5.4 @font-face
2.5.5 Gradientes
2.5.6 Tranformaciones y transiciones

3. Bootstrap
3.1 ¿Qué es Bootstrap?
3.1.1 ¿Que contiene nuestro paquete bootstrap?
3.1.2 Creando nuestro primer archivo
3.2 Grid para maquetar
3.2.1 Dos columnas
3.2.2 Cuatro columnas
3.2.3 Columnas anidadas
3.3 Responsive Design
3.3.1 Hacer nuestra página responsiva
3.3.2 Ejemplo con colores
3.4 Ocultar elementos según el dispositivo
3.5 Tablas
3.6 Formularios
3.7 Botones
3.7.1 Clase “btn”
3.7.2 Btn con colores
3.7.3 Tamaños y tipos de botones
3.7.4 Grupos de botones horizontales y verticales
3.7.5 Menú desplegable
3.7.6 Botones con checkbox y radio
3.8 Imágenes
3.8.1 Tipos de imágenes
3.8.2 Íconos
3.8.3 Íconos Vectoriales
3.9 Listas con nav
3.9.1 Nav-pills
3.9.2 Nav-Tabs
3.9.3 Dropdown
3.9.4 Nav-list
3.9.5 Nav-pills-stacked
3.9.6Nav-tabs-stacked
3.10 Menu con navbar
3.11 Breadcrumb
3.12 Paginación
3.12.1 Tipos de paginación
3.13 Labels y Badgeds
3.14 Thumbnails
3.15 Notificaciones
3.15.1 Alerts
3.16 Barras de progreso
3.17 Listados
3.18 Utilidades Generales
3.19 Modal
3.19.1 Como usar un modal
3.19.2 Modificaciones de modal
3.20 Tabs
3.21 Tooltips y Popover
3.22 Acordeón
3.23 Carousel

4. JQuery / JavaScript
4.1 Incorporando js
4.1.1 En linea
4.1.2 Embebido
4.1.3 Externo
4.2 Selectores Manejadores de Eventos (API’S)
4.2.1 Canvas
4.2.2 Drag and Drop
4.2.3 Geolocation
4.3 Audio y Video
4.3.1 Reproducción de video
4.3.2 Reproducción de Audio