Diseño Web

Diseño Web [30 hrs]

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

Presencial

Requisitos

Conocimientos básicos de programación (variables, 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í

Objetivos Principales

El alumno creará el frontend de una página web responsiva utilizando HTML5, 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.

Objetivos Secundarios

Sin objetivos secundarios.

¡Certificate!

Contrata nuestros planes de carrera y durante 6 meses de capacitación obtendrás los siguientes beneficios:

Un asesor elabora un plan de capacitación a la medida y sin compromiso.
Identificamos tu perfil actual y fijamos un objetivo especifico a cumplir.
Monitoreamos y evaluamos tu desempeño durante todo tu plan de carrera.
Elaboras tu proyecto final y un asesor asignado resolverá tus dudas.
Si tu proyecto cumple con el objetivo inicial fijado, obtienes tu certificación oficial.

¡Consulta las Carreras!

Condiciones del Servicio

Si te inscribes a un diplomado si puedes cambiar la modalidad, previo validación de disponibilidad.
Si puedes pausar tu diplomado, con un máximo de 6 meses para continuar.
Las fechas de inicio del curso o diplomado de tu elección, son confirmadas con mínimo 3 alumnos.
Al dar a conocer estos terminos y condiciones, se dan por aceptados.

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. Introducción a Javascript (DOM)
5.2. Palabras reservadas (this, var, function, etc)
5.3. Variables Locales y Globales
5.4. Funciones y Funciones Anónimas
5.5. Objetos.
5.6. Arreglos.
5.7. Sobrecarga y Polimorfismo.
5.8. Expresiones Regulares
5.9. Condicionales (if, switch) y Ciclos (for, while)
5.10. JSON
5.11. ¿Qué es JQuery?
5.12. DOM
5.13. Eventos
5.14. Animaciones y efectos (fade, slide, show, hide)
5.15. Forms.
5.16. AJAX