{"id":117767,"date":"2022-04-01T17:57:35","date_gmt":"2022-04-01T20:57:35","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/?p=5973"},"modified":"2023-08-01T15:04:01","modified_gmt":"2023-08-01T18:04:01","slug":"front-end-back-end","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/","title":{"rendered":"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as"},"content":{"rendered":"\n<p>Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e <a href=\"https:\/\/fluency.io\/br\/blog\/gestao-de-produtos-digitais-ferramentas\/\" target=\"_blank\" rel=\"noreferrer noopener\">construir produtos<\/a> mais completos, aliando aspectos visuais e funcionais a uma \u00f3tima experi\u00eancia para o usu\u00e1rio.<\/p>\n\n\n\n<p>Entre os setores de tecnologia mais requisitados pelas empresas est\u00e3o o Front-End e Back-End. Embora o trabalho desses profissionais seja oposto em muitos sentidos, eles tamb\u00e9m s\u00e3o complementares e est\u00e3o diretamente ligados.<\/p>\n\n\n\n<p>Voc\u00ea sabe quais as diferen\u00e7as entre Front-End e Back-End? A seguir, explicamos com mais detalhes cada um desses setores, suas respectivas fun\u00e7\u00f5es e as diferen\u00e7as entre ambos.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"o-que-e-front-end\"><strong>O que \u00e9 Front-End?<\/strong><\/h2>\n\n\n\n<p>O termo Front-End representa o setor do desenvolvimento web respons\u00e1vel pela cria\u00e7\u00e3o e manuten\u00e7\u00e3o de interfaces \u2014 ou seja, as partes de uma p\u00e1gina com as quais o usu\u00e1rio interage diretamente.<\/p>\n\n\n\n<p>Um desenvolvedor Front-End \u00e9 respons\u00e1vel por pensar sobre a estrutura, a est\u00e9tica e a usabilidade da p\u00e1gina, utilizando elementos visuais para guiar o usu\u00e1rio pelas diferentes fun\u00e7\u00f5es e oferecer uma experi\u00eancia valiosa. Para isso, ele trabalhar\u00e1 ao lado de Web Designers, <a href=\"https:\/\/fluency.io\/br\/blog\/guia-ui-designer\/\" target=\"_blank\" rel=\"noreferrer noopener\">UI e UX Designers<\/a>, al\u00e9m de outros membros da equipe de tecnologia.<\/p>\n\n\n\n<p>O trabalho de um Front-End \u00e9 focado em idealizar interfaces para que os usu\u00e1rios interajam e tenha uma boa experi\u00eancia.<\/p>\n\n\n\n<p>As ferramentas mais populares para esse profissional s\u00e3o HTML, CSS e Javascript, al\u00e9m de frameworks e bibliotecas.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"o-que-e-back-end\"><strong>O que \u00e9 Back-End?<\/strong><\/h2>\n\n\n\n<p>O <a href=\"https:\/\/fluency.io\/br\/blog\/guia-back-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">Back-End<\/a> \u00e9 o setor respons\u00e1vel pela cria\u00e7\u00e3o e manuten\u00e7\u00e3o da estrutura das aplica\u00e7\u00f5es e o que faz com que todas as suas funcionalidades funcionem. \u00c9 o que liga a interface ao banco de dados, e que garante a seguran\u00e7a dos dados durante a navega\u00e7\u00e3o.<\/p>\n\n\n\n<p>Isso significa que quando voc\u00ea acessa um site ou p\u00e1gina, por tr\u00e1s de cada um dos fatores visuais e a\u00e7\u00f5es que voc\u00ea v\u00ea, \u00e9 necess\u00e1rio que haja um desenvolvimento no Back-End para que esses elementos funcionem.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/-_ZyMl5D2bmBXFp8tEg7Z1ZMBn-jPnKA6bteOr1VgB1glzvgpEtKSBbI5kOoMzc9_aGg-DuugZTK2QWB-pInz3y8aQRGepgwNqFFoGZcdVpByqNWuk6IK__X_H2pmx3a60geDwYI\" alt=\"\" width=\"800\" height=\"534\"\/><figcaption><em>O setor de Back-End fica respons\u00e1vel por criar e preservar as funcionalidades de uma p\u00e1gina web.&nbsp;<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>Para isso, esse profissional disp\u00f5e de uma grande variedade de ferramentas, como Javascript, PHP, Python, Ruby, C++ e Node.js, e tamb\u00e9m \u00e9 desej\u00e1vel que ele entenda sobre HTML e CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"qual-a-diferenca-entre-front-end-e-back-end\"><strong>Qual a diferen\u00e7a entre Front-End e Back-End?<\/strong><\/h2>\n\n\n\n<p>Em linhas gerais, a resposta mais simples para essa pergunta \u00e9: enquanto o desenvolvedor Front-End \u00e9 o respons\u00e1vel por idealizar e fazer a manuten\u00e7\u00e3o das interfaces, o Back-End se encarrega do que est\u00e1 por tr\u00e1s disso, fazendo com que a p\u00e1gina seja \u00fatil e funcione corretamente.<\/p>\n\n\n\n<p>Um exemplo que pode facilitar o entendimento sobre as diferen\u00e7as Front-End e Back-End \u00e9 um carro. Assim como um sistema ou p\u00e1gina na web, esse ve\u00edculo tem partes que podem ser vistas pelo usu\u00e1rio e outras que ficam escondidas, mas ainda assim s\u00e3o essenciais.<\/p>\n\n\n\n<p>Quando voc\u00ea est\u00e1 dirigindo um carro, tem acesso ao volante, pedais, c\u00e2mbio e painel, e utiliza os recursos que est\u00e3o \u00e0 sua disposi\u00e7\u00e3o para que ele fa\u00e7a aquilo que voc\u00ea deseja, dentro das op\u00e7\u00f5es poss\u00edveis. Toda essa parte representa o Front-End.<\/p>\n\n\n\n<p>Entretanto, para que toda essa parte vis\u00edvel funcione, o carro precisa de um motor, suspens\u00e3o, tanque de combust\u00edvel, freios, bateria e dezenas de outros elementos que n\u00e3o s\u00e3o vis\u00edveis. Eles s\u00e3o acionados todas as vezes que voc\u00ea precisa realizar alguma fun\u00e7\u00e3o \u2014 ou seja, funcionam assim como o Back-End.<\/p>\n\n\n\n<p>No v\u00eddeo abaixo, voc\u00ea entende um pouco mais sobre Desenvolvimento Web e cada um dos processos para esses setores. Confira!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Desmitificando a carreira de Desenvolvimento Web\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/913t9AnvV0k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"e-o-full-stack\"><strong>E o Full Stack?&nbsp;<\/strong><\/h3>\n\n\n\n<p>Al\u00e9m desses dois setores, existe outro profissional que faz parte dos times de desenvolvimento chamado de <a href=\"https:\/\/fluency.io\/br\/blog\/desenvolvedor-full-stack\/\" target=\"_blank\" rel=\"noreferrer noopener\">Full Stack<\/a>. Ele \u00e9 uma esp\u00e9cie de curinga, pode atuar tanto em Front-End quanto Back-End.&nbsp;<\/p>\n\n\n\n<p>A fun\u00e7\u00e3o desse tipo de desenvolvedor \u00e9 estar ciente de todas as regras do neg\u00f3cio, tanto na \u00e1rea de tecnologia quanto das demandas dos clientes, e a partir da\u00ed, propor solu\u00e7\u00f5es pr\u00e1ticas para o seu time. Na pr\u00e1tica, o Full Stack pode atuar de diferentes formas, dependendo da empresa, e estar mais pr\u00f3ximo do Front-End ou do Back-End.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"qual-ganha-mais-front-end-ou-back-end\"><strong>Qual ganha mais: Front-End ou Back-End?<\/strong><\/h2>\n\n\n\n<p>Se voc\u00ea est\u00e1 pensando em ingressar em uma carreira de tecnologia, pode ser que tenha essa d\u00favida, e at\u00e9 mesmo que isso influencie na sua decis\u00e3o por uma ou outra \u00e1rea do desenvolvimento.<\/p>\n\n\n\n<p>Com base nos sal\u00e1rios cadastrados no Glassdoor, a m\u00e9dia salarial para desenvolvedores <a href=\"https:\/\/www.glassdoor.com.br\/Sal%C3%A1rios\/brasil-desenvolvedor-back-end-sal%C3%A1rio-SRCH_IL.0,6_IN36_KO7,29.htm?clickSource=searchBtn\" target=\"_blank\" rel=\"noreferrer noopener\">Back-End<\/a> \u00e9 ligeiramente superior \u00e0 de <a href=\"https:\/\/www.glassdoor.com.br\/Sal%C3%A1rios\/brasil-desenvolvedor-front-end-sal%C3%A1rio-SRCH_IL.0,6_IN36_KO7,30.htm?clickSource=searchBtn\" target=\"_blank\" rel=\"noreferrer noopener\">Front-End<\/a>: R$ 5.203 do primeiro cargo contra R$ 4.104 do segundo. Entretanto, isso n\u00e3o significa que essa diferen\u00e7a seja uma regra.<\/p>\n\n\n\n<p>Ao compararmos a varia\u00e7\u00e3o dos sal\u00e1rios, podemos observar que ela \u00e9 praticamente a mesma, come\u00e7ando por volta dos R$ 2.000 para iniciantes e ultrapassando R$ 10.000 para profissionais com mais experi\u00eancia, de grandes empresas.<\/p>\n\n\n\n<p>O mais importante, portanto, \u00e9 entender que mesmo que haja alguma diferen\u00e7a na m\u00e9dia salarial para esses cargos, ambos s\u00e3o op\u00e7\u00f5es rent\u00e1veis e que oferecem remunera\u00e7\u00f5es semelhantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"front-end-ou-back-end-qual-escolher\"><strong>Front-End ou Back-End, qual escolher?<\/strong><\/h2>\n\n\n\n<p>A escolha entre Front-End e Back-End \u00e9 provavelmente uma das quest\u00f5es mais importantes para quem est\u00e1 iniciando na \u00e1rea do desenvolvimento web. Embora n\u00e3o haja uma resposta exata para isso, \u00e9 poss\u00edvel basear sua decis\u00e3o em alguns t\u00f3picos.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"perfil-profissional\"><strong>Perfil profissional<\/strong><\/h3>\n\n\n\n<p>O principal deles \u00e9 o<strong> perfil. <\/strong>No caso do Front-End, \u00e9 desej\u00e1vel que o profissional tenha afinidade com \u00e1reas de design e se interesse por cria\u00e7\u00e3o visual, j\u00e1 que eventualmente, ele ter\u00e1 que trabalhar com esses elementos.<\/p>\n\n\n\n<p>Al\u00e9m disso, ele tamb\u00e9m deve ser algu\u00e9m comunicativo, que saiba trabalhar em equipe, esteja apto a lidar com mudan\u00e7as e saiba discutir e defender seus pontos de vista, j\u00e1 que ele ter\u00e1 que seu papel no projeto est\u00e1 ligado ao de outras pessoas.<\/p>\n\n\n\n<p>Com rela\u00e7\u00e3o ao Back-End, \u00e9 essencial que seja algu\u00e9m igualmente comunicativo, mas com um perfil mais anal\u00edtico, paciente e organizado, sempre pronto para propor novos conceitos e testar novas ideias diariamente.<\/p>\n\n\n\n<p>Em ambos os casos, o dom\u00ednio t\u00e9cnico sobre <a href=\"https:\/\/fluency.io\/br\/blog\/aprender-a-programar\/\" target=\"_blank\" rel=\"noreferrer noopener\">l\u00f3gica de programa\u00e7\u00e3o<\/a> e ferramentas \u00e9 imprescind\u00edvel. Vale lembrar que um profissional deve ter ao menos no\u00e7\u00f5es b\u00e1sicas sobre \u00e1rea de estudo do outro, para que o trabalho flua com mais facilidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"desvantagens-de-cada-setor\"><strong>Desvantagens de cada setor<\/strong><\/h3>\n\n\n\n<p>Outro t\u00f3pico importante s\u00e3o as desvantagens de cada uma das etapas do desenvolvimento. Para o Front-End, que cria interfaces, a principal delas \u00e9 pensar em uma grande variedade de plataformas.<\/p>\n\n\n\n<p>Explicamos: atualmente, existem centenas de modelos de computadores, smartphones e tablets, e at\u00e9 mesmo de vers\u00f5es de navegadores e aplicativos. Para esse profissional, \u00e9 muito importante levar em considera\u00e7\u00e3o todos, ou ao menos boa parte deles, e isso costuma ser um pouco cansativo e ma\u00e7ante. Se voc\u00ea n\u00e3o gosta de trabalhos repetitivos, pode acabar sendo desagrad\u00e1vel.<\/p>\n\n\n\n<p>Para o Back-End, isso n\u00e3o \u00e9 um problema. Em contrapartida, \u00e9 muito comum que se esse profissional se especifique em apenas uma linguagem de programa\u00e7\u00e3o, e isso pode ser limitante para quem est\u00e1 buscando vagas no mercado.&nbsp;<\/p>\n\n\n\n<p>Portanto, em alguns casos, ser\u00e1 necess\u00e1rio se atualizar e aprender novas ferramentas e linguagens, e para algumas pessoas, isso pode ser uma desvantagem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conheca-a-plataforma-awari\"><strong>Conhe\u00e7a a plataforma Awari<\/strong><\/h2>\n\n\n\n<p>Continua na d\u00favida entre Front-End e Back-End? Conhe\u00e7a a <a href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-programacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Trilha de Programa\u00e7\u00e3o<\/a> da plataforma na Awari! L\u00e1, voc\u00ea encontra cursos sobre ambos os assuntos, al\u00e9m de DevOps e React Native.<\/p>\n\n\n\n<p>Al\u00e9m de m\u00f3dulos completos com aulas gravadas idealizados por especialistas, os <a href=\"https:\/\/fluency.io\/br\/blog\/novos-cursos\/\" target=\"_blank\" rel=\"noreferrer noopener\">cursos<\/a> incluem aulas ao vivo semanais e mentorias individuais com grandes profissionais do mercado, para que o aluno possa tirar suas d\u00favidas, trocar conhecimentos e desenvolver sua carreira.<br>Voc\u00ea tamb\u00e9m recebe cr\u00e9ditos para personalizar sua jornada. Eles podem ser utilizados dentro da plataforma para agendar mentorias e se matricular em novas turmas ao vivo. Para saber mais, <a href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-programacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">clique aqui e confira<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e construir produtos mais completos, aliando aspectos visuais e funcionais a uma \u00f3tima experi\u00eancia para o usu\u00e1rio. Entre os setores de tecnologia mais requisitados pelas empresas est\u00e3o o Front-End e Back-End. Embora [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":122119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-117767","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-01T20:57:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-01T18:04:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/\",\"name\":\"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2022-04-01T20:57:35+00:00\",\"dateModified\":\"2023-08-01T18:04:01+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\",\"width\":819,\"height\":589},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil","description":"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/","og_locale":"pt_BR","og_type":"article","og_title":"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil","og_description":"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/","og_site_name":"Fluency.io Brasil","article_published_time":"2022-04-01T20:57:35+00:00","article_modified_time":"2023-08-01T18:04:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/","name":"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage"},"image":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage"},"thumbnailUrl":"","datePublished":"2022-04-01T20:57:35+00:00","dateModified":"2023-08-01T18:04:01+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Por ser um campo de conhecimento complexo, o desenvolvimento web \u00e9 dividido em setores. Dessa forma, os profissionais podem focar em diferentes aspectos e ...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#primaryimage","url":"","contentUrl":"","width":819,"height":589},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/front-end-back-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Front End e Back End: o que s\u00e3o e quais as diferen\u00e7as"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=117767"}],"version-history":[{"count":1,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117767\/revisions"}],"predecessor-version":[{"id":197788,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117767\/revisions\/197788"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/122119"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=117767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=117767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=117767"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=117767"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=117767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}