DESARROLLO

WEB
Plan de estudios
CODERHOUSE es la nueva forma de
entender el trabajo. Estudiamos y nos
formamos porque estar en las últimas
tendencias digitales es la manera de estar
a la vanguardia en la sociedad. A través
de la formación digital podemos ser
independientes, conseguir el trabajo que
tanto nos interesa o llevar a la cima
nuestro propio emprendimiento.
Atravesamos una era donde los nuevos
rockstars son quienes saben vivir la vida y
disfrutarla. Por eso todos quieren ser Steve
Jobs o Mark Zuckerberg. Esto quiere decir
que ser un CODER es como ser un estrella.

#NERDS4EVER
 DESAROLLO WEB

En este curso aprenderás a crear tu sitio web partiendo del prototipo en

papel. Te sumergirás en las mejores prácticas del desarrollo web,
trabajando con HTML y CSS. Conocerás herramientas para optimizar al
máximo tu sitio web, implementando prácticas de versionado de código
con GIT, y preprocesadores como SASS. Al finalizar, sabrás cómo aplicar
Bootstrap a tus proyectos, y comprenderás lo importante del SEO en tus
desarrollos. Subirás tu sitio a un servidor, y aprenderás a interactuar con
este servicio. También sabrás cómo presentar un presupuesto y atender
a tu cliente final.

MODALIDAD DURACIÓN DEL CURSO

Online en vivo 9 semanas / 36 horas

Plan de estudios
 Experto que valida el curso: Experto que valida el curso:

CARLOS GODOY YECID FERNANDO GOMEZ CUACES

Technical Lead en Globant Software Development Sr. Analyst
en Mercado Libre

Experto que valida el curso: Experto que valida el curso:

MARIO COLQUE EDUARDO SANCHEZ

Full Stack Engineer en PedidosYa Full Stack Engineer en
PedidosYa

HERRAMIENTAS PRINCIPALES DEL CURSO

(Clic en cada una para más información)

Plan de estudios
PERFIL PROFESIONAL
Al finalizar el curso de Desarrollo Web podrás:
- Prototipar un sitio web.
- Maquetar una web con HTML y CSS, siguiendo las mejores prácticas.
- Crear animaciones con CSS.
- Manejar SASS como preprocesador, y BEM como metodología.
- Versionar tú código con GIT y GitHub.
- Trabajar con Boostrap y con Material Design.
- Aprender herramientas de SEO, y tips de seguridad.
- Subir tu web a un servidor y configurarlo.
- Presentar presupuestos y entablar negociación con tus clientes.

Plan de estudios
 ¿POR QUÉ CODER?

CLASE 0 + 17 CLASES CLASES COMPLEMENTARIAS TUTOR/A A CARGO

Un total de 17 clases, más Clases adicionales a la Además del o la docente
una clase previa de cursada, optativas y con del curso, contarás con
nivelación, para la finalidad de asentar un/a tutor/a que te
introducirse en el mundo conocimientos o resolver guiará en el proceso de
del Desarrollo Web. dudas. aprendizaje.

CLASES ONLINE EN VIVO APRENDER HACIENDO ACTIVIDADES COLABORATIVAS

Clases online y en vivo. Aprender con la práctica, En ciertas clases en vivo,
Además contarás con la basada en 3 pasos: habrá momentos de
grabación de la clase docente explica, luego interacción entre los
para ver en cualquier hace, finalmente el estudiantes en grupos
momento. estudiante lo hace. reducidos.

Plan de estudios
 TEMARIO
TEMARIO
0. Nivelación (optativa)
- Conceptos básicos del Desarrollo
Web.
- Herramientas a utilizar.
- Instalación del software.
1. Prototipado y conceptos básicos
de HTML
- Proyecto web: ¿qué es?
- Prototipado desde el papel.
- HTML y etiquetas.
2. Primeros pasos con HTML
- Listas, tablas, formularios y enlaces.
3. Inlcuyendo CSS a nuestro proyecto
- Multimedia con HTML: imágenes,
videos, audio, iframe.
- Bases del CSS y atributo Class.
4. CSS - Medidas, colores y fuentes
- Estilos para textos y listas.
- Tipografías web y fondos.
5. Box Modeling
- Propiedades de la caja.
- Posicionamiento y visualización.
6. Flexbox
- ¿Qué es?
- Propiedades de padres e hijos.
- Propiedades para el contenedor
Flex, y los Flex items.
7. Grids
- Implementación de Grids y Grids
Mobile First.
Plan de estudios
 TEMARIO

TEMARIO

8. Animaciones, transformaciones y 12. SASS II

transiciones - Operadores.
- Animaciones con CSS. - Condicionales.
- Incorporación de transformaciones - Bucles.
y transiciones a elementos. - Maps.

9. Frameworks CSS + Bootstrap 13. Servidores, seguridad y SEO para

- ¿Qué es un framework?
- Funcionalidades de Bootstrap.
10. Bootstrap + Themes
- Bootstrap con JS.
- Bootstrap Themes.
- Diseño responsive.
tu sitio
- Servidores, seguridad y SEO:
conceptos básicos.
14. Git
- Comandos básicos de la terminal.
- Creación de repositorios y ramas.

11. SASS I 15. GitHub

- Preprocesadores CSS. - Implementación de Grids y Grids
- Nesting. Mobile First.
- Import y Vars.
- BEM.

Plan de estudios
 TEMARIO

TEMARIO

16. Subida al servidor

- Configuración del hosting y acceso
al servidor.

17. Conociendo a nuestro cliente

- Identificación del cliente y el usuario
final.
- Confección del presupuesto.

18. Proyecto final

- Repaso de los temas principales
- Revisión de los objetivos
alcanzados en el curso.
- Recomendaciones finales.
- Presentación de los avances del
proyecto.

Plan de estudios
PROYECTO FINAL

Sitio web

Desarrollarás el sitio web compuesto por 5 páginas, del tema que elijas.
Se busca la creación de una página cuya estructura esté perfectamente
distribuida en el espacio, cuyo diseño y estética sean visualmente prolijos
y atractivos, con secciones claras y de fácil lectura.
La navegación idealmente será intuitiva y dinámica, con efectos de
interacción. Por eso, conocerás cómo escribir código HTML y CSS de
manera tal que el sitio responda a distintas resoluciones correctamente,
pudiendo implementar herramientas de tipo Jquery (slider, acciones de
mouse) para la disposición de contenidos.

Ejemplos de estudiantes: clic en las imágenes para ver completo.

Plan de estudios
GLOSARIO

Desarrollo Web:
Alude a "la planificación y el diseño de páginas de internet,
con la interacción de medios como textos, imágenes, videos,
sonido y enlaces a otras páginas web" (Marie Quilly, 2014).

HTML:
Es un "lenguaje" de marcado de etiquetas, que permite crear
documentos para web.

CSS:
Es un lenguaje de diseño gráfico, utilizado para definir y crear
la presentación de un documento estructurado, escrito en un
lenguaje de marcado.

Internet:
Se trata de una red de equipos de cálculo, que se relacionan
entre sí a través del uso de un lenguaje universal.

Navegador:
Es el instrumento que permite a los usuarios de internet
navegar entre las distintas páginas de sitios web.

Buscador:
Es un sistema informático que busca todo tipo de información
en la web, almacenando la misma en una enorme base de
datos, para arrojar la información solicitada.

Plan de estudios
Sitio web:
Es un espacio virtual en Internet. Se trata de un conjunto de
páginas web, accesibles desde un mismo dominio o
subdominio de la World Wide Web (WWW).

Balsamiq:
Es una herramienta que facilita la creación de esquemas o
mockups. Su finalidad es ayudar al desarrollo de
aplicaciones.

Framework:
Es un marco de trabajo. Se trata de un conjunto de
herramientas y código, para trabajar de acuerdo a una
metodología, utilizando determinados patrones.

Mockup:
Modelo que se realiza para exhibir un diseño.

Bootstrap:
Es un framework que permite crear interfaces web con CSS y
JavaScript, cuya particularidad es la de adaptar la interfaz
del sitio web al tamaño del dispositivo en que se visualice (es
responsive).

Responsive
Diseño que se adapta a cualquier tipo de pantalla.

Plan de estudios
DESARROLLO WEB

hola@coderhouse.com
www.coderhouse.com
instagram.com/coderhouse