
En esta clase hablaremos del alcance del curso, te mostraré todo lo que vamos a aprender.
En esta clase te explicaré cómo descargar el material de apoyo de este curso y qué debes hacer en caso de que tengas alguna inquietud.
En esta clase te explicaré cuál será el editor de código que utilizaré durante el curso y cómo instalar algunas extensiones para tener un flujo de trabajo mucho más ágil.
EN esta clase te explico el concepto del "Desarrollo FRONT-END" que abarca y cuáles son los lenguajes más importantes para llevar a cabo esta disciplina.
En esta clase hablamos de los fundamentos del lenguaje de marcado HTML5.
En esta clase hablamos de los fundamentos del lenguaje de estilo CSS3.
En esta clase hablamos de los fundamentos del lenguaje de programación Javascript.
En esta clase te muestro la diferencia de trabajar con javascript puro y utilizar jQuery para agilizar en la escritura de código.
En esta clase hablaremos del Framework Bootstrap en su versión 4 y cuáles son las diferencias con la versión 3.
En esta clase te explico cómo instalamos Bootstrap 4.
En esta clase hablaremos del sistema de filas y columnas de Bootstrap 4, también conocido como el Grid System.
En esta clase te mostraré las clases más importantes que utilizaremos de Bootstrap 4.
En esta clase continuaremos hablando de las clases más importantes que utilizaremos de Bootstrap 4 en este curso.
En esta clase comenzaremos a organizar nuestro primer proyecto web: "Blog del viajero", te explicaré cuáles son los primeros pasos que debes tener en cuenta a la hora de comenzar esta fase de desarrollo Front-End.
En esta clase te mostraré cómo vincular Bootstrap 4 al proyecto "Blog del viajero"
En esta clase te enseñaré un proceso que muchas personas pasan por alto y es el de la optimización de imágenes que harán parte del sitio web.
En esta clase agregaremos las fuentes del proyecto desde Google Fonts.
En las próximas 3 clases comenzaremos a maquetar el encabezado de nuestro sitio web.
En las próximas 2 clases comenzaremos a ajustar nuestro sitio web a las diversas pantallas y dispositivos.
En esta clase comenzaremos a maquetar el banner del sitio.
En esta clase aplicaremos algunos efectos que se pueden realizar con el movimiento del scroll, también conocidos como efectos parallax.
En esta clase organizaremos el menú del sitio web.
En esta clase crearemos una cuadrícula interactiva para mostrar las categorías del blog.
En esta clase comenzaremos a maquetar el resto de la página de inicio del blog.
En esta clase aprenderemos a usar un plugin que nos ayudará a crear una paginación dinámica.
En las próximas dos clases realizaremos la maquetación del footer.
En esta clase agregaremos el buscador a nuestro sitio.
En esta clase aprenderemos a agregar un plugin para realizar efectos parallax con el scroll de una manera muco más amigable.
EN las próximas clases te enseñaré a crear un "preload" o cargador para cualquier sitio web en el que lo quieras aplicar.
En esta clase modificaremos el banner del sitio para la sección de categorías.
En esta clase aprenderemos a crear un BreadCrumb, o también conocidos como "Miga de pan" para cualquier sitio web.
En las próximas dos clases haremos la maquetación para la página de artículos del sitio web.
En esta clase agregaremos el formulario para realizar opiniones acerca de los artículos del blog.
En esta clase aprenderemos a comprimir nuestros códigos de javascript, css y html para protegerlos en cualquier navegador.
Este curso le enseñará todo lo que necesita saber sobre Front-End, incluido los lenguajes de maquetación, estilo e interacción. Y aprenderás desde cero, por lo que no importa cuánta experiencia tengas cuando comiences.
Estarás expuesto a principios y estrategias, pero, lo que es más importante, aprenderás cómo aplicar realmente estas técnicas de desarrollo creando tres sitios web diferentes para tres audiencias distintas.
Cree sus plantillas con el mejor Framework para diseño web responsivo:
Aprenderás a usar Bootstrap en su versión 4.
Comprenderás el proceso paso a paso de cómo se construye un sitio web.
Incluirás animaciones, efectos e interacciones a los sitios web.
Aplicarás las tendencias de diseño web en el desarrollo de los sitios.
Aprenderás a usar Flexbox.
Aprenderás a usar CSS Grid.
Este curso lo ayudará a sobresalir como desarrollador Front-End, y le enseñará a aplicar estrategias de maquetación web que harán que cada sitio que construya lo haga de manera ágil y precisa.
También obtendrá experiencia práctica elaborando tres tipos diferentes de plantillas web. Esto le dará la confianza para realizar proyectos similares si ya es un desarrollador Front-End, si desea acceder a esta disciplina o si desea mejorar sus habilidades como desarrollador.
Contenido y visión general:
Incluso si eres un principiante completo, este curso te mostrará cómo construir un sitio web paso a paso. Lo guiará a través de todo los pasos necesarios para adquirir la destreza y habilidad de construir cualquier sitio desde la maquetación, hojas de estilo e interacción con javascript.
Comenzará por definir los fundamentos del Desarrollo Front-End, luego una introducción muy completa sobre el framework Bootstrap 4, luego de manera práctica construiremos tres plantillas web diferentes para tres tipos de audiencias distintas.
Finalmente llevaremos estas tres plantillas a tres plataformas diferentes para ser trabajadas posteriormente por un desarrollador Back-End, convertiremos una plantilla a WordPress, prepararemos otra plantilla al Patrón Modelo - Vista -Controlador para ser trabajada con PHP y finalmente aprenderás a transformar una plantilla para el entorno de Angular.
Al final de este curso, tendrá una comprensión profunda del desarrollo Front-End y su proceso de construcción, sabrá por qué es tan importante para usuarios y empresas, qué lenguajes se necesitan dominar, qué proceso es el adecuado para elaborar plantillas responsivas y cómo transformar una plantilla para las herramientas más utilizas en el mercado del desarrollo web: WordPress, PHP y Angular.