{"id":23,"date":"2017-08-11T10:55:50","date_gmt":"2017-08-11T13:55:50","guid":{"rendered":"https:\/\/xsinformatica.com.br\/blog\/?p=23"},"modified":"2017-09-05T08:51:23","modified_gmt":"2017-09-05T11:51:23","slug":"lancada-nova-versao-do-bootstrap","status":"publish","type":"post","link":"https:\/\/xsinformatica.com.br\/blog\/lancada-nova-versao-do-bootstrap\/","title":{"rendered":"Vers\u00e3o 4 do Bootstrap Framework Lan\u00e7ada"},"content":{"rendered":"<h2>A vers\u00e3o 4 do Bootstrap Framework foi lan\u00e7ada e ela \u00e9 a 4 <em>Beta<\/em>!<\/h2>\n<div id=\"attachment_24\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/xsinformatica-blog.s3.us-west-2.amazonaws.com\/blog\/wp-content\/uploads\/2017\/08\/bootstrap-4-beta.png\"><img aria-describedby=\"caption-attachment-24\" loading=\"lazy\" class=\"wp-image-24 size-large\" src=\"https:\/\/xsinformatica-blog.s3.us-west-2.amazonaws.com\/blog\/wp-content\/uploads\/2017\/08\/bootstrap-4-beta-1024x706.png\" alt=\"Bootstrap Vers\u00e3o 4 Beta\" width=\"640\" height=\"441\" srcset=\"https:\/\/xsinformatica-blog.s3.us-west-2.amazonaws.com\/blog\/wp-content\/uploads\/2017\/08\/bootstrap-4-beta-1024x706.png 1024w, https:\/\/xsinformatica-blog.s3.us-west-2.amazonaws.com\/blog\/wp-content\/uploads\/2017\/08\/bootstrap-4-beta-300x207.png 300w, https:\/\/xsinformatica-blog.s3.us-west-2.amazonaws.com\/blog\/wp-content\/uploads\/2017\/08\/bootstrap-4-beta-768x530.png 768w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-24\" class=\"wp-caption-text\">Bootstrap Vers\u00e3o 4 Beta<\/p><\/div>\n<p>Sim, o Boostsrap 4 \u00e9 Beta. Segundo o <a href=\"https:\/\/blog.getbootstrap.com\/2017\/08\/10\/bootstrap-4-beta\/\">an\u00fancio oficial<\/a>, o novo Bootstrap muda muitos conceitos da vers\u00e3o 3 e, para manter a nova vers\u00e3o sempre em atualiza\u00e7\u00e3o at\u00e9 a pr\u00f3xima vers\u00e3o 5 (calma, vai demorar, a vers\u00e3o 4 ficou 2 anos em desenvolvimento).<\/p>\n<p>Algumas das mudan\u00e7as:<\/p>\n<ul>\n<li>Troca do Less pelo Sass, que permite compila\u00e7\u00e3o mais r\u00e1pida, gra\u00e7as ao Libsass;<\/li>\n<li>Flexbox e sistema de grids melhorados, quase tudo foi mudado para flexbox e, com novo n\u00edvel de grade, fica melhor a segmenta\u00e7\u00e3o para dispositivos m\u00f3veis;<\/li>\n<li>Novo <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/components\/card\/\">elemento card<\/a> adicionado, facilitando a montagem dos elementos da p\u00e1gina;<\/li>\n<li>Novas op\u00e7\u00f5es de personaliza\u00e7\u00e3o, permitido pela possibilidade de mudar as vari\u00e1veis no Sass;<\/li>\n<li>Plug-ins JavaScript foram reescritos, em ES6 (yes!);<\/li>\n<li>Tooltips, popovers e dropdowns melhorados com a nova biblioteca <a href=\"https:\/\/popper.js.org\/\">Popper.js<\/a>;<\/li>\n<li><a href=\"https:\/\/getbootstrap.com\/\">Documenta\u00e7\u00e3o<\/a> nova, redigida e melhorada, toda em Markdown e com novo formul\u00e1rio de pesquisa;<\/li>\n<li>E, se voc\u00ea usa Internet Explorer 8, Internet Explorer 9, Safari 8, iOS8, sinto muito (na verdade, n\u00e3o), fique na vers\u00e3o 3, pois o Booststrap 4, n\u00e3o d\u00e1 mais suporte a esses navegadores e, j\u00e1 passou da hora!<\/li>\n<li>E muitas outras novidades, como controles de formul\u00e1rios, novo carrossel, barra de navega\u00e7\u00e3o redesenhada, valida\u00e7\u00e3o em HTML5&#8230;.<\/li>\n<\/ul>\n<p>Para ver mais detalhes, veja o <a href=\"https:\/\/blog.getbootstrap.com\/2017\/08\/10\/bootstrap-4-beta\/\">anuncio oficial <\/a>do Boostrap.<\/p>\n<h2>A import\u00e2ncia do Framework<\/h2>\n<p>Para a maioria dos cliente da XS Inform\u00e1tica, nem imagina o que seja um framework ou o que seja o Bootstrap.<\/p>\n<p>Frameworks s\u00e3o um conjuntos de fun\u00e7\u00f5es e bibliotecas que tem como objetivo, facilitar e agilizar o desenvolvimento de uma aplica\u00e7\u00e3o ou mesmo um site.<\/p>\n<p>Os frameworks pode ser para o backend (a parte de uma aplica\u00e7\u00e3o que est\u00e1 por tr\u00e1s e, mant\u00e9m tudo funcionando) , onde temos o <a href=\"https:\/\/laravel.com\/\">Laravel<\/a>, ou no frontend (a parte vis\u00edvel que permite a intera\u00e7\u00e3o do usu\u00e1rio). Um deles, \u00e9 o Bootstrap.<\/p>\n<p>Com elea, sites e sistemas responsivos s\u00e3o criados mais r\u00e1pido, evitando que milhares de novas linhas de c\u00f3digo CSS e JavaScript seja escritas apenas para essa aplica\u00e7\u00e3o.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A vers\u00e3o 4 do Bootstrap Framework foi lan\u00e7ada e ela \u00e9 a 4 Beta! Sim, o Boostsrap 4 \u00e9 Beta. Segundo o an\u00fancio oficial, o novo Bootstrap muda muitos conceitos da vers\u00e3o 3 e, para manter a nova vers\u00e3o sempre em atualiza\u00e7\u00e3o at\u00e9 a pr\u00f3xima vers\u00e3o 5 (calma, vai demorar, a vers\u00e3o 4 ficou 2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false},"categories":[5,7,6,8],"tags":[9,10,11],"_links":{"self":[{"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts\/23"}],"collection":[{"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":1,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xsinformatica.com.br\/blog\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}