Temario
¿,Alguna vez has integrado HTML5 + CSS3 + JQuery en tus proyectos?
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.
Incluimos tanto los conceptos teóricos y técnicos de diseño necesarios para crear una interfaz de usuario funcional y basada en conseguir la mejor experiencia de usuario posible como todos los conocimientos de maquetación y programación front-end que se requieren para llevar a cabo su desarrollo de la forma más optimizada.
Lecciones
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 Reproduccion de video
4.3.2 Reproduccion de Audio
