{"id":3196,"date":"2020-06-23T07:25:10","date_gmt":"2020-06-23T11:25:10","guid":{"rendered":"https:\/\/bt.academy\/home\/?p=3196"},"modified":"2020-06-23T07:25:10","modified_gmt":"2020-06-23T11:25:10","slug":"bootstrap-3","status":"publish","type":"post","link":"https:\/\/bt.academy\/home\/bootstrap-3\/","title":{"rendered":"Bootstrap 3"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n

Aprende a maquetar webs que se adapten a los dispositivos mediante responsive web design.<\/h4>\n

Utiliza la librer\u00eda de Bootstrap (Dise\u00f1ada por Twitter) y aprende a crear aplicaciones web que se adapten a los diferentes dispositivos (Celulares, Tabletas y Computadores). Este framework front-end nos permite crear un sitio web r\u00e1pidamente y personalizar los elementos de manera sencilla.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n

A qui\u00e9n va dirigido<\/strong>
\nIdeal para Programadores y desarrolladores web que desean obtener los conocimientos necesarios para crear sitios web responsivos.<\/p>\n

Duraci\u00f3n<\/strong>
\nEl curso consta de 50 videos con una duraci\u00f3n aproximada de 3 horas y 15 minutos.<\/p>\n

Requisitos Previos<\/strong>
\nEs recomendable tener nociones de trabajo con HTML<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n

OBJETIVOS<\/span><\/h3>\n

A trav\u00e9s de nuestro curso de Bootstrap 3 aprender\u00e1s las ventajas que \u00e9ste puede aportar a tus proyectos web, desde la fase de dise\u00f1o hasta la maquetaci\u00f3n. Se estudiar\u00e1 el sistema de rejilla, que es la base de todo framework front-end, para continuar con un recorrido b\u00e1sico por sus funcionalidades sobre etiquetas HTML, componentes y sus plugins basados en jQuery.
\nAl finalizar el curso, tendr\u00e1s una visi\u00f3n clara de los beneficios de Bootstrap 3 aplicado en proyectos web, aprender\u00e1s a integrarlo desde la fase de dise\u00f1o y c\u00f3mo usarlo y personalizarlo para adaptarlo y configurarlo en funci\u00f3n de las necesidades de cada uno de tus proyectos.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n

\"\"<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

TEMARIO DEL CURSO<\/span><\/h3>\n<\/div><\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n

M\u00f3dulo 1: Introducci\u00f3n a Bootstrap<\/strong>
\nIniciaremos al curso una inducci\u00f3n a Bootstrap 3, su historia, beneficios y documentos. Adem\u00e1s prepararemos los archivos para comenzar a trabajar con este framework.
\n1. \u00bfQu\u00e9 es Bootstrap 3?
\n2. Por qu\u00e9 usar Bootstrap
\n3. Filosof\u00eda Mobile First y Responsive Web Design
\n4. Beneficios de usar Bootstrap
\n5. Entorno y recursos de apoyo para Bootstrap
\n6. Editor de texto SublimeText2
\n7. Descarga de Bootstrap 3 y documentaci\u00f3n
\n8. Soporte de Bootstrap en Navegadores<\/p>\n

M\u00f3dulo 2: Fundamentos de Bootstrap<\/strong>
\nEn este m\u00f3dulo aprenderemos a crear nuestra primera p\u00e1gina con Bootstrap y descubriremos c\u00f3mo hacerla responsiva.
\n1. Estructura de carpetas y componentes de Bootstrap 3
\n2. Metodolog\u00edas para el uso de Bootstrap
\n3. Primera P\u00e1gina con Bootstrap
\n4. Metadata e Imports e na la planilla de Bootstrap
\n5. Combinando Bootstrap con CSS propios
\n6. P\u00e1ginas responsive con Bootstrap
\n7. Introducci\u00f3n al sistema de rejilla
\n8. Ejemplo de uso del sistema de rejilla
\n9. Gesti\u00f3n de columnas responsive
\n10. Ejemplo avanzado de gesti\u00f3n de columnas responsive
\n11. Gesti\u00f3n de espacio entre columnas
\n12. Orden de columnas seg\u00fan el contexto responsive
\n13. Gesti\u00f3n de columnas de diferente tama\u00f1o
\n14. Sistema de rejillas anidadas
\n15. Contenidos de ancho completo<\/p>\n

M\u00f3dulo 3: Elementos HTML en Bootstrap<\/strong>
\nAprovechemos los elementos de HTML y veremos c\u00f3mo las afecta Bootstrap.
\n1. Elementos de texto en Bootstrap
\n2. Alineaci\u00f3n de elementos de texto
\n3. Lista con Bootstrap
\n4. Tablas de Bootstrap
\n5. Tablas responsive usando Bootstrap
\n6. Formularios con Bootstrap
\n7. Campos de formulario en l\u00ednea
\n8. Campos de formulario con dimensiones
\n9. Formulario horizontal de Bootstrap
\n10. Ayuda para la validaci\u00f3n de formularios
\n11. Botones de Bootstrap
\n12. Im\u00e1genes de Bootstrap<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

M\u00f3dulo 4: Componentes de Bootstrap<\/strong>
\nConoceremos los distintos elementos que incluyen Bootstrap para el desarrollo de p\u00e1ginas Webs responsivas.
\n1. Iconos de Bootstrap
\n2. Desplegables de Bootstarp
\n3. Grupos de botones
\n4. Botones desplegables
\n5. Grupos de botones verticales
\n6. Men\u00fa de navegaci\u00f3n con pesta\u00f1as
\n7. Men\u00fa de p\u00edldoras
\n8. Breadcrumbs
\n9. Paginaci\u00f3n
\n10. Labels
\n11. Componentes adicionales de navegaci\u00f3n<\/p>\n

M\u00f3dulo 5: Conceptos avanzados sobre Bootstrap<\/strong>
\nEn este m\u00f3dulo del curso conoceremos una serie de opciones avanzadas para personalizar nuestros proyectos con Bootstrap.
\n1. Bootstrap para Webs de ancho fijo
\n2. Visibilidad para Bootstrap
\n3. Configuraci\u00f3n de Bootstrap<\/p>\n

M\u00f3dulo 6: Fin del curso<\/strong>
\nDespedida del curso y conclusiones finales.
\n1. Despedida de Bootstrap<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n

\u00a0<\/strong><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Aprende a maquetar webs que se adapten a los dispositivos mediante responsive web design. Utiliza la librer\u00eda de Bootstrap (Dise\u00f1ada por Twitter) y aprende a crear aplicaciones web que se adapten a los diferentes dispositivos (Celulares, Tabletas y Computadores). Este framework front-end nos permite crear un sitio web r\u00e1pidamente y personalizar los elementos de manera…
Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":2,"featured_media":3191,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[83],"tags":[107,106],"class_list":["post-3196","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-learning","tag-email-marketing","tag-marketing-digital"],"_links":{"self":[{"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/posts\/3196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/comments?post=3196"}],"version-history":[{"count":1,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/posts\/3196\/revisions"}],"predecessor-version":[{"id":3197,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/posts\/3196\/revisions\/3197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/media\/3191"}],"wp:attachment":[{"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/media?parent=3196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/categories?post=3196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bt.academy\/home\/wp-json\/wp\/v2\/tags?post=3196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}