{"id":137,"date":"2018-09-08T00:53:36","date_gmt":"2018-09-08T03:53:36","guid":{"rendered":"http:\/\/lucianodev.com.br\/blog\/?p=137"},"modified":"2018-09-08T15:46:56","modified_gmt":"2018-09-08T18:46:56","slug":"desenvolvimento-web-por-qual-linguagem-comecar","status":"publish","type":"post","link":"https:\/\/lucianodev.com.br\/blog\/desenvolvimento-web-por-qual-linguagem-comecar\/","title":{"rendered":"Desenvolvimento Web:   Por qual linguagem come\u00e7ar?"},"content":{"rendered":"<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>Atualmente somos cercados de in\u00fameras tecnologias e ferramentas para desenvolvimento web, onde cada uma possui seus recursos e caracter\u00edsticas possibilitando a constru\u00e7\u00e3o p\u00e1ginas web ricas em conte\u00fado e interatividade.<\/p>\n<p>Hoje para quem pesquisar na Internet na procura de fontes, tutoriais e cursos focados em desenvolvimento Web, ir\u00e1 se deparar com as seguintes tecnologias: ASP.NET MVC, AngularJS, JQuery, Bootstrap, JavaScript, HTML5, CSS3 e etc.<\/p>\n<p>\u00c9 muito comum nesse momento surgir a seguinte pergunta: Por onde come\u00e7ar? Sabemos que temos diversas tecnologias para desenvolvimento Web, por\u00e9m, a maioria delas possui um PR\u00c9-REQUISITO que dependem do conhecimento de outras linguagens e ferramentas. A ideia desse post \u00e9 mostrar por onde devemos come\u00e7ar para iniciarmos corretamente o nosso aprendizado no desenvolvimento Web.<\/p>\n<h2>Linguagens pela qual devemos come\u00e7ar (na sequ\u00eancia)<\/h2>\n<p>Para aqueles que est\u00e3o lendo esse post, vamos saber agora qual \u00e9 a linguagem na qual devemos come\u00e7ar para aprendemos desenvolvimento Web:<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">1) Linguagem HTML<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141 size-thumbnail aligncenter\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-150x150.png\" alt=\"Linguagem HTML\" width=\"150\" height=\"150\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-150x150.png 150w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-300x300.png 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-250x250.png 250w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-125x125.png 125w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-110x110.png 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-420x420.png 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5-430x430.png 430w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_html5.png 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Essa \u00e9 a primeira linguagem que qualquer indiv\u00edduo (que queira aprender a desenvolver p\u00e1ginas web) deve <strong>OBRIGATORIAMENTE<\/strong> come\u00e7ar. O HTML (HyperText Markup Language) \u00e9 uma linguagem de marca\u00e7\u00e3o onde atrav\u00e9s de elementos chamados de TAGS montamos e estruturamos uma p\u00e1gina Web, permitindo a inser\u00e7\u00e3o e visualiza\u00e7\u00e3o de elementos como textos, imagens , v\u00eddeos, links, \u00e1udios e etc. (atualmente o HTML encontra-se na vers\u00e3o 5, conhecida como HTML5). Vejamos abaixo uma estrutura b\u00e1sica do HTML:<\/p>\n<pre class=\"font:consolas font-size:14 lang:xhtml decode:true\">&lt;html&gt; \r\n  &lt;head&gt; \r\n    &lt;title&gt;Minha primeira p\u00e1gina HTML&lt;\/title&gt;\r\n  &lt;\/head&gt; \r\n  &lt;body&gt;\r\n    &lt;h1&gt;Minha primeira p\u00e1gina em HTML&lt;\/h1&gt;\r\n    &lt;br\/&gt;\r\n    &lt;p align=\"justify\"&gt;Est\u00e1 \u00e9 uma simples p\u00e1gina escrita em HTML&lt;\/P&gt;\r\n  &lt;\/body&gt; \r\n&lt;\/html&gt;<\/pre>\n<p>Precisamos saber que uma p\u00e1gina Web \u00e9 formada e constitu\u00edda por diversas linguagens e frameworks que contribuem para o seu funcionamento e comportamento, ou seja, o HTML n\u00e3o \u00e9 a \u00fanica linguagem que constitui uma p\u00e1gina Web, mas, \u00e9 a \u00fanica que estrutura e cria uma p\u00e1gina (pois sem ela, n\u00e3o \u00e9 poss\u00edvel utilizar outras linguagens que ser\u00e3o mostradas logo a seguir).<\/p>\n<p>Vamos conhecer agora a pr\u00f3xima linguagem que faz parte de uma p\u00e1gina Web.<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">2) CSS<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-140 size-thumbnail aligncenter\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-150x150.png\" alt=\"Linguagem CSS\" width=\"150\" height=\"150\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-150x150.png 150w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-300x300.png 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-250x250.png 250w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-125x125.png 125w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-110x110.png 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-420x420.png 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css-430x430.png 430w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_css.png 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Aprendemos que com o HTML5 criamos e estruturamos uma p\u00e1gina Web permitindo a visualiza\u00e7\u00e3o de elementos dentro da mesma. Agora, para que serve esse tal de CSS? O HTML5 possui uma s\u00e9rie de tags onde cada uma delas possui finalidades espec\u00edficas (Exemplo: A tag &lt;img&gt; \u00e9 respons\u00e1vel por exibir uma imagem na p\u00e1gina, assim como a tag &lt;video&gt; \u00e9 respons\u00e1vel ela exibi\u00e7\u00e3o de um v\u00eddeo e etc.). Todas as tags do HTML5 possuem por padr\u00e3o um comportamento e formata\u00e7\u00e3o, por\u00e9m, \u00e0s vezes torna-se necess\u00e1rio PERSONALIZAR essa formata\u00e7\u00e3o e seu comportamento, como por exemplo:\u00a0 Gostaria que em minha p\u00e1gina HTML5 todos os elementos do tipo &lt;div&gt; tivessem um comportamento &#8220;responsivo&#8221;, adaptando-se ao tamanho da tela do navegador. Para personalizamos o comportamento, visualiza\u00e7\u00e3o e estilo de um componente no HTML5 usamos o que chamamos de CSS.<\/p>\n<p>O CSS (Cascading Style Sheets) nada mais \u00e9 do que um conjunto de par\u00e2metros que permitem definir um estilo visual e comportamento personalizado para elementos de uma p\u00e1gina HTML5 (atualmente o CSS encontra-se em sua terceira vers\u00e3o, chamada normalmente de CSS3). O CSS3 funciona como se fosse uma &#8220;MAQUIAGEM&#8221; para o site em HTML5. Vejamos alguns comandos b\u00e1sicos do CSS3:<\/p>\n<pre class=\"lang:css decode:true \">body {\r\n   font-family:Verdana;\r\n}\r\n\r\n\/*Largura responsiva *\/\r\ndiv {\r\n width:100%;\r\n max-width:560px;\r\n height:auto;\r\n padding:10px;  \r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>Com o HTML5 e CSS3 conseguimos construir o layout da nossa p\u00e1gina, deixando a apar\u00eancia do nosso site mais moderna, responsiva e intuitiva, por\u00e9m, ainda essas duas linguagens N\u00c3O S\u00c3O O SUFICIENTES para as necessidades de uma p\u00e1gina Web atualmente (pois como disse, uma p\u00e1gina Web envolve diversas tecnologias, e o HTML5 e CSS3 s\u00e3o as duas principais mas n\u00e3o as \u00fanicas).<\/p>\n<p>Existe uma outra linguagem de programa\u00e7\u00e3o, de grande import\u00e2ncia para o funcionamento de uma p\u00e1gina Web bastante popular, flex\u00edvel e poderosa, que contribui para o funcionamento, processamento e interatividade de uma p\u00e1gina. Vamos conhecer ela logo a seguir.<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h3 style=\"text-align: center;\">3) JavaScript<\/h3>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-142 size-thumbnail\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-150x150.png\" alt=\"Linguagem JavaScript\" width=\"150\" height=\"150\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-150x150.png 150w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-300x300.png 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-250x250.png 250w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-125x125.png 125w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-110x110.png 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-420x420.png 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js-430x430.png 430w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_js.png 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>O JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o que tem um papel muito importante dentro de uma p\u00e1gina Web: Ela \u00e9 respons\u00e1vel pelo processamento e interativamente.<\/p>\n<p>Aprendemos que com o HTML5 e CSS3 podemos construir uma p\u00e1gina Web visualmente agrad\u00e1vel e moderna. Vamos entender agora a import\u00e2ncia do JavaScript.<\/p>\n<p>Suponhamos que voc\u00ea precise criar um formul\u00e1rio de cadastro em uma p\u00e1gina Web, at\u00e9 ai voc\u00ea consegue construir usando o HTML5 e o CSS3. O layout que construimos usando o HTML5 e CSS3 \u00e9 puramente &#8220;est\u00e1tico&#8221;, n\u00e3o possui nenhum processamento dentro de uma p\u00e1gina. Sabemos que no formul\u00e1rio de cadastro s\u00e3o necess\u00e1rios processamentos para realizar valida\u00e7\u00f5es de dados e envio de informa\u00e7\u00f5es, algo que o HTML5 e CSS3 n\u00e3o faz (como por exemplo: Nos campos que foram preenchidos analisar se os dados presentes dentro deles est\u00e3o v\u00e1lidos, reportando para o usu\u00e1rio algum erro, se houver).<\/p>\n<p>Para esse tipo de tarefa, usamos a linguagem de programa\u00e7\u00e3o JavaScript, que executa comandos de forma automatizada e realiza processamentos dentro da p\u00e1gina para as mais diversas finalidades e situa\u00e7\u00f5es (como verificar dados preenchidos em caixas de texto e etc). Vejamos uma sintaxe b\u00e1sica do JavaScript:<\/p>\n<pre class=\"lang:js decode:true \">var data = document.getElementById(\"txtdata\").value;\r\n\r\n\/\/Verifica se o valor digitado no campo data \u00e9 v\u00e1lido\r\nvar d = moment(data,'D\/M\/YYYY');\r\nif(d == null || !d.isValid()) \r\n{\r\n alert('A data informada est\u00e1 inv\u00e1lida.');\r\n return false;\r\n}\r\n\r\n<\/pre>\n<p>Com essas tr\u00eas linguagens j\u00e1 somos capazes de construir p\u00e1ginas Web interativas e atraentes, por\u00e9m, sabemos que para as necessidades de desenvolvimento Web, as vezes somos obrigados a aprender mais linguagens e ferramentas, por isso, mostrarei mais alguns frameworks importantes que complementar\u00e3o o funcionamento e expans\u00e3o de sua p\u00e1gina.<\/p>\n<h2>Frameworks para desenvolvimento Web<\/h2>\n<p>O HTML5, CSS3 e JavaScript s\u00e3o as tr\u00eas linguagens principais que todo indiv\u00edduo\u00a0 precisa saber para desenvolver uma p\u00e1gina Web (pois como elas, j\u00e1 somos capazes de construir uma p\u00e1gina Web), mas, precisamos saber que atualmente s\u00e3o utilizados frameworks de desenvolvimento Web que, como PR\u00c9-REQUISITO, exige o conhecimento b\u00e1sico das tr\u00eas linguagens mostradas agora (principalmente o JavaScript). Irei mostrar alguns frameworks para desenvolvimento muito utilizados hoje em dia:<\/p>\n<p>&nbsp;<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h3 style=\"text-align: center;\">4) jQuery<\/h3>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-157 size-thumbnail\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-150x150.png\" alt=\"Framework jQuery\" width=\"150\" height=\"150\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-150x150.png 150w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-300x300.png 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-250x250.png 250w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-125x125.png 125w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-110x110.png 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-420x420.png 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery-430x430.png 430w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_jquery.png 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>O framework jQuery \u00e9 muito interessante e praticamente presente em 70% das p\u00e1ginas de desenvolvimento Web no mundo todo. Esse framework desenvolvido em linguagem JavaScript nada mais \u00e9 do que um conjunto de fun\u00e7\u00f5es que facilitam e agilizam a constru\u00e7\u00e3o de c\u00f3digos, com uma sintaxe mais simples, robusta e flexivel. Uma das caracter\u00edsticas marcantes desse framework \u00e9 a elimina\u00e7\u00e3o da incompatibilidade de comandos JavaScript entre navegadores (ou seja, para executarmos antigamente certas tarefas em JavaScript era necess\u00e1rio construir diversas vers\u00f5es diferentes dos comandos, pois, para cada navegador Web\u00a0 as instru\u00e7\u00f5es e comandos JavaScript eram diferentes, algo que o jQuery j\u00e1 elimina), tornando-o &#8220;Multi-navegador&#8221;.<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">5) Angular JS<\/h3>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-159 size-thumbnail\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-150x150.png\" alt=\"Framework AngularJS\" width=\"150\" height=\"150\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-150x150.png 150w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-300x300.png 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-250x250.png 250w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-125x125.png 125w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-110x110.png 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-420x420.png 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular-430x430.png 430w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/09\/logo_angular.png 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>O AngularJS \u00e9 um framework atualmente mantido pela Google (tamb\u00e9m desenvolvido em JavaScript) que facilita e estrutura de uma maneira f\u00e1cil a constru\u00e7\u00e3o de SPA (Single-Page Applications). Ele trabalha com um padr\u00e3o de desenvolvimento atualmente utilizado em constru\u00e7\u00e3o de sistemas chamado MVC (Model-View-Controller), que consiste em separar a parte respons\u00e1vel pela renderiza\u00e7\u00e3o da p\u00e1gina da parte respons\u00e1vel pelo processamento e execu\u00e7\u00e3o de tarefas, tornando mais f\u00e1cil a manuten\u00e7\u00e3o e expans\u00e3o de um sistema.<\/p>\n<p>Bom pessoal, com as linguagens HTML5, CSS3 e JavaScript (assim tamb\u00e9m com os frameworks jQuery e AngularJS) j\u00e1 somos capazes de construir deste simples p\u00e1ginas at\u00e9 sistemas Web oferecendo funcionalidades interessantes para o usu\u00e1rio.<\/p>\n<p>Ainda existem algumas linguagens que s\u00e3o importantes tamb\u00e9m para o desenvolvimento Web, que normalmente s\u00e3o processadas no lado servidor (conhecido pelo nome de BACK-END) como ASP.NET, PHP e etc., por\u00e9m, a utiliza\u00e7\u00e3o delas depender\u00e1 muito do tipo do sistema Web que voc\u00ea estar\u00e1 construindo. Isso pode ser assunto para um pr\u00f3ximo POST.<\/p>\n<p>&nbsp;<\/p>\n<p>Por hoje \u00e9 s\u00f3 pessoal,<\/p>\n<p>&nbsp;<\/p>\n<p>Um forte abra\u00e7o para todos&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Atualmente somos cercados de in\u00fameras tecnologias e ferramentas para desenvolvimento web, onde cada uma possui seus recursos e caracter\u00edsticas possibilitando a constru\u00e7\u00e3o p\u00e1ginas web ricas em conte\u00fado e interatividade. Hoje&hellip;<\/p>\n","protected":false},"author":1,"featured_media":138,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,9],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","category-web"],"_links":{"self":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":22,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions\/193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media\/138"}],"wp:attachment":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}