CURSO DE DESARROLLO WEB. Nivel 1: Frontend (Conceptos básicos, Planeación, Diseño, HTML5 y CSS3)

Transcripción

1 CURSO DE DESARROLLO WEB Nivel 1: Frontend (Conceptos básicos, Planeación, Diseño, HTML5 y CSS3) El mercado digital ha adquirido gran importancia en los últimos tiempos, lo cual ha sido proporcional con el boom de las redes sociales y la gran acogida que le han brindado las personas de todo el mundo en su cotidianidad. Tal relación se debe, esencialmente, a que las empresas buscan no quedarse rezagadas en lo que, sin duda, ha marcado una nueva era tanto del mercadeo como de la informática, en tanto que, si los consumidores están en el mundo digital, las empresas deben estar donde están los consumidores. Es por esto que, la necesidad que tiene las empresas de estar cada vez más cerca de las personas, supone una gran oportunidad para que los desarrolladores web ayuden a las empresas a conectar con sus clientes. OBJETIVO Introducir al estudiante en el mundo digital, familiarizándolo con el léxico utilizado por los desarrolladores web, conociendo las metodologías y los recursos más utilizados, llegando crear y maquetar sitios web profesionales desde cero. QUÉ PODRÁS HACER CON ESTE CURSO? Una vez terminado el curso, habrás adquirido las siguientes aptitudes: Crear sitios con HTML5 Aplicar estilos con CSS3 Usar tipografías web Optimizar imágenes Aplicar técnicas de SEO Crear animaciones con CSS Responsive web design Crear layouts con flexbox Subir tu sitio web a internet

2 QUÉ REQUISITOS DEBES CUMPLIR? Tener conocimientos y experiencia básica en sistemas CUÁNTO TIEMPO DURA EL CURSO? 50 horas académicas 50 horas de trabajo individual 100 horas certificadas Modalidad: Teórico practico VALOR DEL CURSO CO CUÁNDO INICIA? Inicia el 26 de junio de 2017 y termina el 28 de julio de 2017 QUÉ MATERIAL OBTENDRÁS? Video tutoriales Guía de recursos disponibles para consultas Certificado de aprobación del curso QUÉ APRENDERÁS EN EL CURSO? Módulo 1: Conceptos básicos de tecnologías de internet Historia y evolución de internet Tendencias de la web Diferencias entre desarrollo Backend y Frontend Qué es HTML?

3 Qué es CSS? Qué es JavaScript? Navegadores Buscadores Editores de código Qué son bases de datos? Qué es un CMS? Qué es SEO? Qué es usabilidad? Qué es un servidor? Qué es un hosting? Qué es un dominio? Módulo 2: Planeación Cómo iniciar un proyecto web? Público objetivo Objetivos del sitio web Mapa del sitio web Contenido del sitio web Costos Wireframes Módulo 3: Creación visual Fundamentos de diseño Teoría del color Modos de color Tipografías web Formatos multimedia Resoluciones de pantallas Diseño del primer sitio web Módulo 4: Introducción a HTLM5 Ventajas de HTML5 Diferencias entre HTML4 y HTML5 Estructura de HTML5 Sintaxis

4 Etiquetas Tipos de etiquetas Atributos Clases Id s Etiquetas meta Vinculación de archivos externos Formularios Imágenes Audio y video Incrustar videos externos (Youtube y Vimeo) Módulo 5: Introducción a CSS3 Ventajas de CSS3 Diferencias entre CSS y CSS3 Sintaxis Principales propiedades Selectores Fuentes y textos Fondos Bordes Unidades de medidas Modelo de caja Posicionamiento de cajas Posicionamiento float Degradados Transformaciones Sombras Pseudo clases Pseudo elementos Transiciones Flexbox Módulo 6: Desarrollo del primer sitio web Utilizaremos la planeación y el diseño realizado en los módulos 2 y 3, para desarrollar nuestro primer sitio web.

5 Módulo 7: Responsive web design Qué es el diseño adaptable? Meta viewport Mediaqueries Módulo 8: Animaciones con CSS3 Qué pasó con flash? Conceptos básicos de animación Creación de animaciones con CSS3 Módulo 9: Publicación del sitio web Creando cuenta en hosting gratuito Qué es FTP? Subiendo sitio web al hosting Módulo 10: Principios de JavaScript (Bonus) Este módulo es un bonus adicional del curso, el avance de los temas depende del entendimiento de los estudiantes. Introducción a JavaScript Variables Tipos de datos Operadores Arreglos Condicionales Ciclos Funciones Introducción al DOM Eventos Formularios Nivel 2: Javascript Nivel 3: Backend (PHP, MySQL) Nivel 4: Backend (Implementación en wordpress)