FACULTAD DE INGENIERIA

ESCUELA PROFESIONAL DE INGENIERIA DE SISTEMAS

NOMBRES:

Anabel Jackeline

Apellidos:

Vite More

CURSO:

Tecnología Web

TEMA:

Trabajo Autónomo de Inv. Formativa II-U

Piura-Perú 2019
1. INTRODUCCIÓN

Esta investigación informativa acerca del Bootstrap definirá el concepto acerca

de esta herramienta que es muy interesante y que promete destacar en el mundo
empresarial, asimismo fue realizada para obtener más conocimiento en este
tema y realizar muchas páginas con diferentes estilos que ofrece este método.

El objetivo de esta investigación fue recopilar información que amplié mis

conocimientos sobre este tema, de tal modo que me pueda profundizar,
manipular y desenvolverme en el rendimiento del uso de esta herramienta,
obteniendo conocimientos y muy buenos resultados.

La Justificación de este trabajo se basó en obtener la información necesaria

para dar definición a Bootstrap, entender su uso, su objetivo, de cuáles son sus
beneficios como poder manejarlo y aplicarlo en una página web.

La importancia de este trabajo fue reforzar el respectivo dominio en el tema,

sabiendo que hoy en día el uso de imágenes, infografías, estilos, fondos y
videos hacen que la pagina sea más llamativa e interesante y que cumpla con
la expectativa que se quiere transmitir a los que visualizaran la página o a los
clientes para que de esta manera sea mucho más fácil de entender. Es por eso
que esta herramienta ofrece muchos beneficios para dar una buena presentación
a una página web, el cual los explicare en el siguiente contenido.
2. MARCO TEORICO

El bootstrap es un método de remuestreo para estimar o aproximar la

distribución muestral de un estadístico, basado en los principios de sustitución
y aproximación numérica. En la literatura se han abordado diferentes métodos
bootstrap según el objetivo inferencial y el tipo de dato disponible. Una
revisión exhaustiva de estos métodos puede verse en Davison y Hinkley (1997)
y en un contexto más aplicado con numerosos ejemplos a diferentes situaciones
en Olave (2000) (1).

Bootstrap es una maravillosa herramienta o método para hacer una gran

variedad de interfaces de usuario plenamente aceptable a todo tipo pantallas y
dispositivos o Tablet, sea cual sea su tamaño. Bootstrap es un conjunto de
herramientas de código abierto para desarrollar con HTML, CSS y JS. Realice
rápidamente un prototipo de sus ideas o construya su aplicación completa con
nuestras variables y mixins de Sass, sistema de cuadrícula sensible, extensos
componentes precompilados y potentes complementos creados en jQuery.

Bootstrap nos permite crear interfaces ya sea con Javascript o CSS, esta
herramienta se desarrolló dentro de Twitter una de las compañías más
reconocidas de las redes sociales cuyo objetivo fue creada para su uso interno,
al ver el gran éxito de esta herramienta decidieron publicarla de manera
externa. Los mismos trabajadores de esta empresa son los únicos que pueden
mejorar u ofrecer mejoras para esta herramienta (2).

También ofrece diferentes herramientas para ampliar y mejorar nuestro

framework, facilita la programación del sitio web. Además, se basa en la
sencillez de todas sus interfaces, sabiendo que es muy solicitado y una
tendencia en el mercado en donde se tiende en cuenta el diseño plano, botones
grandes, entre otras esto permite facilitar el uso en los dispositivos más
pequeños. Este utiliza LESS, una buena ampliación para las hojas de estilo que
tiene CSS, se puede decir que se utiliza igual que la programación, permitiendo
el uso de diferentes funciones, operaciones algorítmicas o también variables
que permitirá que nuestra página sea mucho más presentable y entendible, rea
de forma gratuita, código abierto, licencia MIT, temas , plantillas y fragmentos
de código de Bootstrap para su uso en cualquier proyecto, guías para ayudarlo
a aprender más sobre el diseño y el desarrollo con el marco de Bootstrap y los
productos Premium de Bootstrap..

Características principales de Bootstrap

Existe un concepto de coincidencia parcial que hace disponible la información

básica de un sitio web para todos los dispositivos y navegadores. Por ejemplo,
las propiedades encajadas en CSS3 para las esquinas redondeadas, gradientes
y sombras son usadas por Bootstrap a pesar de la falta de soporte de
navegadores antiguos. Esto extiende la funcionalidad de la herramienta, pero
no es requerida para su uso.

 Esta herramienta ofrece un excelente soporte se podría decir que está

completo con CSS3 y HTML5, en el cual admite de alguna forma ser
manejado de forma muy comprensivo para poder desenvolverse en web
con unos inmejorables resultados.

 Añade un sistema GRID donde permite colocar un contenido, con esto

nos logramos desarrollar de una forma mucho más intuitiva y cómodo.

Estos tipos descubren que Bootstrap sea una asombrosa elección para
desarrollar webs y aplicaciones completamente configurable a cualquier
prototipo de dispositivo. Teniendo claro que es compatible con la totalidad de
navegadores web del mercado, y más a partir de la versión 3, presentemente es
completamente compatible con los sucesivos navegadores:
  Mozilla Firefox (Mac y en Windows).
 Safari (tanto en iOS como en Mac).
 Google Chrome (disponible para cualquier plataforma)
 Opera (Windows o Mac).
 Internet Explorer (Windows y windows phone) (3).

Para el uso de esta opción en una página ya sea en HTML, el desarrollador solo
corresponde descargar la hoja de estilo de esta herramienta en CSS y vincular
en el archivo HTML. Otra elección sería juntar el archivo CSS desde la hoja
de estilo LESS o SASS descargada. Esto puede realizarse con un compilador
especial.

Si el desarrollador también pretende usar las unidades de JavaScript, éstos

pertenecen a poder estar referenciados junto con la librería jQuery en el
instrumento HTML. Su código abrevia a un simple formulario de indagación
y una enumeración de resultados en un formulario calcular. Esta página reside
en elementos corrientes y semánticos de un HTML 5, y alguna indagación
agregada de la clase de CSS de acuerdo con el reconocimiento de Bootstrap
(4).

Ventajas que más destacan en bootstrap.

1. Manipula componentes trascendentes para todos los desarrolladores

2. Ofrece un paquete de elementos web personalizables: con Bootstrap puedes

diseñar una web jugando con sus elementos compuestos por diferentes
combinaciones de HTML, CSS y Javascript, de manera que las piezas
siempre encajan.

3. Se integra con librerías JavaScript.

4. Cuenta con un mantenimiento y actualización realizados por Twitter: esto
no quiere decir que esta herramienta sea perfecta, pero gran parte del
trabajo interno ya está llevado a cabo por sus creadores.

5. Sus plantillas son de simples adaptaciones respectivas: se amplió con la

idea de suministrar el proceso de acomodo web a todo tipo de dispositivos.

6. Contiene Grid system: es útil para poder ser maquetar por columnas.

7. Es una herramienta de uso rápida y espontáneo: prepara enormemente el

diseño de interfaces y además contiene por defecto una plantilla muy
mejorada.

8. Utiliza Less: una expresión de las hojas de estilo CSS dispuesto para
acumular los modos y estilos de la web.

9. Domina tutoriales: este framework provee mucha documentación para

solucionar dudas tanto a inexpertos como a desarrolladores ya
experimentados.

10. Cada vez brinda más plugins: incluye más especialidades gracias a la
aparición de distintos plugins de terceros que aparecen (5).
3. CONCLUSIÓN

 Bootstrap ofrece muchas herramientas útiles y beneficiosas para poder

crear todo tipo de variedad de sitios web manejando los elementos y
estilos de las librerías que contenga.

 Bootstrap es muy útil para el desarrollo de diferentes tipos de sitios web

en la cual es aplicado. Una de sus primordiales características, es la
velocidad con la que se puede crear un sitio web, pues se obtendrá
resultados en menos de un día viendo muchos resultados en la página.

 Bootstrap sea una muy buena opción para aumentar webs y

aplicaciones web absolutamente adaptables a cualquier tipo de
conectores, es paralelo con la totalidad de navegadores web de las
oportunidades de compra, y mucho más si es la versión 3, en este
momento es totalmente compatible con los sucesivos navegadores.
4. REFERENCIAS

1. Miguel Álvarez JÁ, Olave Rubio P. Avances recientes en métodos

bootstrap para procesos ARCH: una aplicación en el mercado
español de valores. Madrid: Red Estudios de Economía Aplicada;
2006.

2. Iacono M, Luna F, Peña Millahua C. PROGRAMACION WEB

Full Stack 12 - Sitios multiplataforma con Bootstrap [Internet].
Google Books. 2018 [cited 3 June 2019]. Available from:
https://books.google.com.pe/books?id=bBVFDwAAQBAJ&pg=P
A4&dq=bootstrap&hl=es&sa=X&ved=0ahUKEwiF4Pf6vMviAh
WtuFkKHSd7DGcQ6AEIRDAD#v=onepage&q&f=false

3. Fontela A. ¿Qué es Bootstrap? [Internet]. Raiola Networks. 2015

[cited 4 June 2019]. Available from:
https://raiolanetworks.es/blog/que-es-bootstrap/

4. Macias R. 8 razones por las que debes utilizar Bootstrap para tu

web [Internet]. tooltyp. 2019 [cited 3 June 2019]. Available from:
https://www.tooltyp.com/8-razones-por-las-que-debes-utilizar-
bootstrap-para-tu-web

5. Mendoza j. Bootstrap, Ventajas y Desventajas - Uneweb Instituto

[Internet]. Uneweb Instituto. 2016 [cited 3 June 2019]. Available
from: http://tecnologiaenvivo.com/bootstrap-ventajas-y-
desventajas/