Bienvenido a front end Web UI Frameworks and Tools: Bootstrap 4.
Me alegra que hayas decidido unirte a este curso para aprender
sobre el más popular Front end Web UI Framework: Bootstrap.
Vamos a ver varios aspectos de Bootstrap.
A través de varios ejemplos, aprenderás haciendo ejercicios como parte de este curso.
Veremos algunos detalles a continuación.
Antes de comenzar este curso,
asegúrate de tener suficiente experiencia
para poder tener éxito en este curso.
Deberías tener un buen conocimiento de HTML,
CSS y JavaScript antes de comenzar porque,
desde mi perspectiva, el diseño y desarrollo web consta de dos aspectos;
uno es el diseño del sitio web y la página web,
el segundo es la construcción e implementación real de la página web.
Desde la perspectiva del diseño,
significa el diseño de la interfaz de usuario y la experiencia del usuario,
el diseño visual, la creación de prototipos,
los elementos de colores,
gráficos y animaciones que puedan ser interesantes.
En esta especialización, no vamos a ver este aspecto del desarrollo web.
En cambio, vamos a ver el segundo aspecto,
que es el desarrollo, construcción,
e implementación del sitio web en las páginas utilizando tecnologías,
como los front end web UI frameworks como Bootstrap,
tal vez frameworks de JavaScript como Angular o una biblioteca como React
y frameworks móviles híbridos para diseñar
aplicaciones móviles y también desarrollo del lado del servidor usando Node.js,
Express, MongoDB, el stack principal con más detalle.
Si miras a la especialización,
pensando en el aspecto de diseño del sitio web,
entonces es posible que desees repensarlo nuevamente.
Esta especialización se concentra en
el desarrollo, construcción e implementación de sitios web y páginas web,
un conocimiento puramente técnico sobre el uso del HTML,
CSS, habilidades basadas en JavaScript para el desarrollo real del sitio web.
Probablemente te estarás preguntando qué quiere decir desarrollo web full stack.
Veremos con más detalle el desarrollo web full stack, en la próxima lección.
En particular, si estás mirando cómo este curso
se posiciona en el contexto general del desarrollo web full stack,
en este curso, nos ocupamos del desarrollo de la interfaz de usuario del front end web,
en particular, el UI Framework Bootstrap 4.
Vamos a ver los aspectos restantes
del desarrollo web full stack en el resto de esta especialización.
Este curso estudia Bootstrap en profundidad.
También veremos el diseño web reactivo y cómo Bootstrap soporta
el diseño web reactivo a través del sistema de cuadrícula Bootstrap.
Veremos los componentes basados en JavaScript y CSS en Bootstrap y cómo
puedes utilizarlos para construir tu sitio web y tus páginas web.
Por el camino, aprenderemos el desarrollo web usando la línea de comandos,
aprenderemos muchas herramientas web que están
basadas en la línea de comandos y en el ecosistema Node.js.
Lo repasaremos brevemente,
Node.js y las herramientas basadas en Node.js, incluidas los ejecutadores de tareas como Grunt y Gulp.
Este curso está estructurado en módulos completos.
Cada módulo corresponde aproximadamente a una semana de trabajo,
En el primer módulo,
obtendremos una vista general del desarrollo web full stack,
luego tendrás una introducción rápida a Git y Node.js.
Luego presentaremos Bootstrap y revisaremos el sistema de cuadrícula Bootstrap.
Eso te llevará a la primera tarea práctica de este curso.
El segundo módulo se ocupa de los componentes CSS de Bootstrap.
Veremos el diseño de la barra de navegación de Bootstrap
y cómo podemos usarla para apoyar la navegación.
Veremos las entradas del usuario a través
de botones y formularios, luego vemos cómo mostrar contenido usando tablas y tarjetas.
Luego veremos cómo podemos incluir imágenes y media en nuestra página web usando imgs,
thumbnails y objetos media.
Y luego, finalmente, miramos cómo alertar a los usuarios usando etiquetas,
alertas y barras de progreso.
Esto te conducirá a la segunda tarea.
El tercer módulo se ocupa de los componentes de JavaScript en Bootstrap.
Haremos una vista panorámica
de cómo funciona los componentes JavaScript de Bootstrap, revisaremos las pestañas,
píldoras y navegación con pestañas,
luego veremos cómo se pueden usar collapse y accordion para mostrar y ocultar contenido.
Y luego veremos el uso de tooltips,
popovers y modals para revelar el contenido que se mostrará en tu página.
Y luego veremos el componente carousel,
que te permite mostrar información deslizante en tu página web.
Esto te conducirá a la tercera tarea práctica en este curso.
El último módulo trata sobre Bootstrap y JQuery y varias herramientas de desarrollo.
En particular, veremos cómo interactúan Bootstrap y JQuery y cómo puedes
escribir código JQuery y JavaScript para controlar tu componente JavaScript de Bootstrap.
Vemos los diversos métodos que son soportados por los componentes de JavaScript de Bootstrap,
que se pueden aprovechar para escribir
código JavaScript para controlar el comportamiento de esos componentes.
Luego veremos el lenguaje de preprocesamiento CSS que es como Less y Sass.
Luego, finalmente, veremos cómo podemos construir e implementar nuestro sitio web
usando scripts de NPM o ejecutadores de tareas como Grunt y Gulp.
Esto debe llevarte a la tarea final de este curso.
Espero que te diviertas mucho siguiendo
las diferentes partes de este curso y que también disfrutes de los ejercicios que
encuentres en cada etapa que te permitan entender
mejor los varios aspectos del framework de la interfaz de usuario web Bootstrap.