¿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 ja.

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.

Te permitirá tener un mejor diseño en tu sitio web.

Pre-requisitosObjetivos PrincipalesObjetivos Adicionales
-Conocimientos básicos de programación (Variable, ciclos, estructuras de datos, lógica básica).
-Se recomienda el curso introducción a la programación presencial.
¿Cuál es mi nivel en programación? clic aquí.
-El alumno aprenderá a creará el front-end de una página web responsiva utilizando HTML5 y CSS3, JQuery y Bootstrap.
-Conocer la estructura de HTML5.
-Uso de los atributos «id» y «class» para los estilos de tu página.
-Transformaciones y transiciones con css.
-Uso de paginación con Bootstrap.
DuraciónMetodologíaMaterial Incluido
-30 horas.
-Modalidad: Sabatino/Lunes a Jueves.
-Cotiza tu horario aquí.
Teoría mínima necesaria:
-Práctica acorde a la industria.
-Instructor experto.
Herramientas para instalar:
-E-books adicionales.

Temario

1. Editores de Texto
1.1.- Ventajas de ATOM
1.2.- Ventajas de Sublime Text
2. HTML 5
2.1. Introducción
2.2. Etiquetas HTML básicas y HTML 5
2.3. Sintaxis
2.4. Estructura
2.5. Body
2.6. Header
2.7. Meta
2.8. Etiquetas – h1,h2,h3, etc.
2.9. Etiqueta – hgroup
2.10. Etiquetas – nav, ul, ol, li
2.11. Enlaces
2.12. Etiquetas – p, span
2.13. Etiquetas – strong, em
2.14. Etiquetas – Div, Section, Footer
2.15. Etiquetas – Audio, Video, img, figcaption, figure
3. CSS3
3.1. Introducción
3.2. Sintaxis
3.3. CSS + HTML5
3.4. Compatibilidad con Navegadores (Chrome, Firefox, IE)
3.5. Prefijos
3.6. Selectores id, class y adyacentes
3.7. Medidas Relativas, Absolutas y Porcentuales
3.8. Colores (Decimal, Hexadecimal, Porcentual, Transparencia, HSL)
3.9. Margin y Padding
3.10. Display
3.11. Position Static, Relative, Absolute y Fixed
3.13. Float y Clear
3.13. Visibilidad
3.14. PseudoClases de Enlaces y Globales
3.15. Añadir Fuentes
3.16. Propiedades de las Fuentes
3.17. Bordes y Sombras
3.18. Fondos con imagen y degradados
3.19. Transform, Transition
3.20. Combinar Transformaciones
3.21. Responsive Design y Mobile First

4. Bootstrap
4.1. ¿Qué es Bootstrap?
4.2. Estructura
4.3. Integrando Bootstrap a proyecto
4.4. Grid para maquetar
4.5. Responsive Design
4.6. Tables
4.7. Forms
4.8. Buttons (clases btn)
4.9. Labels y Badgeds
4.10. Checkbox y Radio
4.11. Imágenes
4.12. Íconos
4.13. Listas con nav
4.14. Nav-Tabs y Nav-pills
4.15. Dropdown
4.16. Nav-list
4.17. Menu con navbar
4.18. Breadcrumb
4.19. Pagination
4.20. Thumbnails
4.21. Notificaciones
4.22. Alerts
4.23. Progress Bar
4.24. Modals
4.25. Tabs
4.26 Tooltips y Popover
4.27 Accordion
4.28 Carousel
5. Javascript – JQuery
5.1. Palabras reservadas (this, var, function, etc)
5.2. Variables Locales y Globales
5.3. Funciones y Funciones Anónimas
5.4. Objetos.
5.5. Arreglos.
5.6. Sobrecarga y Polimorfismo.
5.7. Expresiones Regulares
5.8. Condicionales (if, switch) y Ciclos (for, while)
5.9. JSON
5.10. ¿Qué es JQuery?
5.11. DOM
5.12. Eventos
5.13. Animaciones y efectos (fade, slide, show, hide)
5.14. Forms.
5.15. AJAX
6 Proyecto Final
6.1. Integración HTML5 + BOOTSTRAP + JQUERY
6.2. Creando Landing Page