Diseño y Programación Web

El objetivo de este curso es brindar una introducción al mundo del desarrollo web así como de las diversas maneras en las cuales puedes generar ingresos y clientes potenciales mientras aprendes.

El curso está diseñado para que el alumno pueda ir desarrollando diferentes sitios mientras vas aprendiendo. Aunado a todo esto sabrás las distintas herramientas para que puedas ir empezando a generar ingresos utilizando tus conocimientos. Cada tema a impartir incluirá ejercicios prácticos donde podrás poner en práctica todo lo que se ha aprendido, así como material de apoyo para que puedas continuar aprendiendo lo visto en clase.

Contenido (4 semanas / 20 horas)

Objetivo

Este curso está enfocado a dar a conocer las bases en las cuales se desarrollan los sitios web de hoy en día, buscando generar en el estudiante un conocimiento solido en como diseñar y programar sus primeros sitios web.

HTML

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.

• Como configurar tu primer hosting gratuito
• Subir archivos al servidor
• La estructura de una página web
• ¿Qué es una etiqueta?
• Títulos y párrafos
• Darle formato a un texto
• Listas ordenadas y no ordenadas
• Imágenes
• Formas
• Links

CSS

CSS es un lenguaje encargado de brindar una presentación a los sitios web, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.

• ¿Qué es CSS?
• Declaración CSS (Inline, interno, externo)
• Clases e ID’s
• Divs
• Colores
• Posicionamiento
• Márgenes y Padding
• Bordes
• Fuentes
• Estilizando y alineando texto

Javascript

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.

• ¿Qué es Javascript?
• Declaración Javascript (Interno, externo, inline)
• Accediendo a elementos
• Respondiendo a un click
• Cambiando el contenido del sitio
• Variables
• Arreglos
• Estructuras de control (If, For, While)
• Funciones

jQuery

jQuery es una librería muy poderosa que extiende las capacidades de javascript de una manera muy sencilla y eficaz.

• ¿Qué es jQuery?
• Realizando el embed en el sitio web
• Detectando un click
• Cambiar contenido del sitio
• Cambiar estilos
• Animación del contenido
• Acordeones y sliders

Twitter Bootstrap

Twitter Bootstrap es un framework para diseño de sitios web. Bootstrap hace del desarrollo web un proceso mucho más sencillo y rápido.

• ¿Qué es Twitter Bootstrap?
• Realizando el embed en el sitio web
• El sistema de cuadrícula
• Barras de navegación
• Formas y tablas
• Componentes
• Ventanas modales
• ScrollSpy