Muchos de los ejemplos fueron tomados de la documentación oficial y se emplean como referencias para presentar las principales características de los componentes, sus estructuras y relaciones entre ellos; recuerda que el propósito principal del libro es ofrecerte una posible ruta para iniciar con Bootstrap en el desarrollo de aplicaciones web presentando su estructura, que está basada en componentes y clases de ayudas conocidas como clases de utilidades.
Prólogo
Bootstrap es un framework para web basado en componentes, puedes ver los componentes como si fueran piezas de lego, en la cual los empleamos para construir una web completa u otros componentes más completo; tenemos componentes de propósito general como botones, listados, headers, galerías y un largo etc; también contamos con clases específicas para alinear componentes y variar el estilo. En este libro conoceremos cómo emplear de manera básica los principales componentes de Bootstrap, sus clases de utilidades y crearemos algunos proyectos reales en el proceso.
Para quien es este libro
Este libro está dirigido a aquellos que quieran mejorar sus habilidades en CSS; conociendo uno de los frameworks web más famosos del mercado; que quieran conocer cuáles son sus características y componentes principales y cómo usarlos.
Para aquellas personas que quieran aprender algo nuevo.
Para las personas que quieran mejorar una habilidad en el desarrollo web y que quieran crecer como desarrollador y que quiera seguir escalando su camino en el desarrollo de páginas web; recuerda que necesitas tener nociones básicas en JavaScript, HTML y CSS como el uso de los flexs.
Temario del libro
Este libro tiene un total de 8 capítulos, se recomienda que leas en el orden en el cual están dispuestos y a medida que vayamos explicando los experimentos realizados, vayas directamente a la práctica, repliques, pruebes y modifiques los códigos que mostramos en este libro.
- Capítulo 1: En este capítulo daremos unos conceptos claves sobre el frameworks, ventajas de emplear Bootstrap y qué cambios trae con su antecesora, además, prepararemos el entorno de desarrollo.
- Capítulo 2: En este capítulo presentamos una introducción a los contenedores en Bootstrap como estructura fundamental para organizar nuestro contenido correctamente en una web y que tenga una correcta visualización; además, presentamos otras características comunes como los puntos de interrupción de Bootstrap presentes en otros componentes.
- Capítulo 3: En este capítulo conoceremos cómo emplear el sistemas de grillas y columnas de Bootstrap.
- Capítulo 4: En este capítulo conoceremos cómo trabajar con los componentes principales en Bootstrap, que son los elementos fundamentales en esta tecnología.
- Capítulo 5: En este capítulo conoceremos cómo emplear las clases de ayudas en Bootstrap también conocidas como clases de utilidades con las cuales, podemos establecer colores, márgenes entre otros formatos al contenido HTML.
- Capítulo 6: En este capítulo aprenderemos a generar nuestro bundle de Bootstrap personalizado empleando Sass.
- Capítulo 7: En este capítulo crearemos algunos componentes compuestos o personalizados usando como base los componentes de Bootstrap y sus clases de utilidades.
- Capítulo 8: En este capítulo construiremos una web real que es una especie de web de ventas de productos o tienda en línea con un alcance muy limitado, también crearemos una web en la cual, realizaremos consultas mediante fetch a una API.
Este libro no tiene una organización lógica, presentando cada uno de los componentes de Bootstrap, si no, una organización práctica en la cual, vamos viendo los principales elementos de Bootstrap a medida que viene siendo oportuno presentarlos.
Es una guía rápida en la cual ofrece en base a pequeños tips o anotados, el funcionamiento de los principales componentes de Bootstrap y el lector pueda tener un punto de entrada para conocer de una manera más sencilla con esta tecnología.
Para seguir este libro necesitas tener una computadora con Windows, Linux o MacOS, tener conocimientos de cómo desarrollar hojas de estilos en CSS, JavaScript y Node básico.
El libro se encuentra en desarrollo…
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter