Descripción

Acerca del curso

Duración
Introducción al Desarrollo Web tiene una duración de 3 semanas, con 3 clases por semana.
Modalidad
Dos modalidades:
-Curso Presencial
-Curso Online (CLASES EN VIVO)
Objetivo
El curso de Introducción al Desarrollo Web es un efectivo programa de estudios que pretende formar a los alumnos y prepararlos para levantar una página web desde cero.

CONTENIDO

Unidad I: Introducción al Diseño Web

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>HTML</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>CCS</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>BOOTSTRAP 4</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Editores de Texto</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Estructura Básica de un sitio web</span></li>
</ol>

Unidad II: HTML

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Creando un archivo HTML</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Trabajando con HTML</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Estructurar Contenido</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Enlaces</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Listas</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Tablas</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Formularios</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Video y Audio</span></li>
</ol>

Unidad III: CSS

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Hojas de Estilo en Cascada</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Seleccionando contenido</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>CSS para controlar Texto</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Contenedores</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>¿Que es el Box Sizing?</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Displays</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Imágenes</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Colores</span></li>
</ol>

Unidad IV: Creando el layout de un blog con CSS3 y HTML

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Iniciando el Proyecto</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Estilos</span></li>
</ol>

Unidad V: Flexbox 101 : Creando el layout para un sitio web de freelancer con Flexbox

<span style=”font-weight: 400;”>Primeros pasos con el Proyecto y display: flex.</span>

Unidad VI: Responsive Web Design - Media Queries y cómo funcionan más patrones de diseño

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Introducción a Media Queries</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>MediaQueries al estilo Desktop First</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Patrón de Diseño – Mostly Fluid</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Imágenes Responsive y &lt;picture&gt;</span></li>
</ol>

Unidad VII: Bootstrap 4

<ol>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Introducción</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Como descargar Bootstrap</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Creando nuestra primera Grid de Bootstrap</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Trabajando con Flexbox dentro de Bootstrap 4</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Creando una página con sistema de columnas de Bootstrap</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Haciendo nuestra página adaptable a dispositivos móviles</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Utilidades para el diseño responsive</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Tipografía y Textos</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Imágenes</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Tablas</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Alertas</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Slider / Slideshow</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Botones</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Cards</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Formularios</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Jumbotron</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Grupos de Lista</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Ventanas Modal</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Navs</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Navbars</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Barras de Progreso</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Scrollspy</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Clearfix</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Colores</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>Sizing y Spacing</span></li>
<li style=”font-weight: 400;”><span style=”font-weight: 400;”>[Practica] HTML, CSS, Bootstrap</span></li>
</ol>

Unidad VIII: Creando una página para una Startup / Empresa

Nivel de Dificultad

Principiante. <span style=”font-size: 10pt;”>Recomendado para los que inician en el mundo de la programación</span>

Barra de Dificultad

Principiante

Requisitos

No se requiere ningún tipo de conocimiento previo en desarrollo web.

Tipo de curso

El Desarrollo Web es una de las carreras o ámbitos profesionales con mayor proyección de crecimiento en Chile y América Latina. Ya sea que los profesionales decidan trabajar de forma independiente o en una empresa, las habilidades de desarrollo Frontend son vitales para iniciarte en el área.

&nbsp;

Este curso está pensado para llevarte de cero a conocer todas las herramientas y obtener las habilidades necesarias para desarrollar tu primera página web, con altos estándares de calidad.

&nbsp;

El programa de estudios es certificado por Master Code Academy y garantiza el dominio de los lenguajes y herramientas de programación Frontend del pensum de estudios.

Introducción al Desarrollo Web

Categories: Tags: