{"id":23911,"date":"2014-12-05T08:30:45","date_gmt":"2014-12-05T11:30:45","guid":{"rendered":"https:\/\/www.kryzalis.com.br\/?p=23911"},"modified":"2016-07-07T18:17:57","modified_gmt":"2016-07-07T21:17:57","slug":"voce-sabia-que-os-sites-sao-divididos-em-duas-partes","status":"publish","type":"post","link":"https:\/\/www.kryzalis.com.br\/blog\/voce-sabia-que-os-sites-sao-divididos-em-duas-partes","title":{"rendered":"Voc\u00ea sabia que os sites s\u00e3o divididos em duas partes?"},"content":{"rendered":"

Ok, e quais partes s\u00e3o essas?\u00a0Todo site \u00e9 dividido em duas partes que se chamam: Front-end e Back-end<\/strong>.<\/h2>\n

What?\u00a0<\/strong>Kkkkkkkkkkkkkk.<\/p>\n

Os sites e sistemas web, assim como qualquer sistema de computa\u00e7\u00e3o em geral, s\u00e3o desenvolvidos a partir do c\u00f3digo fonte, que por sua vez \u00e9 a linguagem\u00a0entendida pelo computador ou dispositivo que ir\u00e1 processar essa informa\u00e7\u00e3o. No caso de um site, as informa\u00e7\u00f5es s\u00e3o processadas em duas etapas: uma no servidor e uma no seu navegador.<\/p>\n

1\u00aa – Parte: Front-end<\/strong><\/h3>\n

\"Cria\u00e7\u00e3oO Front-end \u00e9 a parte que \u00e9 processada\u00a0em seu navegador e\u00a0\u00e9 o nome da parte do site respons\u00e1vel pela apar\u00eancia. No Front-end entra a tecnologia HTML, que s\u00e3o os c\u00f3digos respons\u00e1veis por organizar as informa\u00e7\u00f5es em uma p\u00e1gina. \u00c9 nele onde ficam os textos, fotos e v\u00eddeos. \u00c9 nele tamb\u00e9m que fica o CSS, tecnologia que faz um power-up no HTML, adicionando v\u00e1rias op\u00e7\u00f5es adicionais de personaliza\u00e7\u00e3o.<\/p>\n

Antigamente, desenvolver um site j\u00e1 parava por aqui e nessa \u00e9poca havia um problema: o conte\u00fado apenas em Front-end n\u00e3o era\u00a0din\u00e2mico, qualquer altera\u00e7\u00e3o que fosse necess\u00e1ria deveria ser\u00a0feita\u00a0manualmente. Aqui cada p\u00e1gina \u00e9\u00a0individual, isso faz com que caso seja alterado o telefone no rodap\u00e9 de um site de 100 p\u00e1ginas, seria necess\u00e1rio alterar em cada uma das 100, at\u00e9 que foi implementado o back-end.<\/p>\n

2\u00aa – Parte: Back-end<\/strong><\/h3>\n

O Back-end \u00e9 a parte do site executada no servidor. Ele amplia muito o potencial de um site. Mas como?<\/p>\n

Ele faz com que as p\u00e1ginas possam ser din\u00e2micas (1 s\u00f3 arquivo de rodap\u00e9 pode favorecer 100 p\u00e1ginas), que informa\u00e7\u00f5es do banco de dados possam ser resgatadas, al\u00e9m de ser poss\u00edvel capturar\u00a0as informa\u00e7\u00f5es de um formul\u00e1rio e as enviar por e-mail, entre uma infinidade de coisas. Com a implementa\u00e7\u00e3o do back-end, come\u00e7aram a ser criados os CMSs, como informado\u00a0no artigo:\u00a0CMS: voc\u00ea usa, mas n\u00e3o sabe o que \u00e9!<\/a>\u00a0e se trata das linguagens como PHP, .NET, Ruby e etc.<\/p>\n

Resumindo:<\/strong><\/h3>\n

Ent\u00e3o basicamente o Front-end \u00e9 a parte que o internauta v\u00ea no site, como textos e imagens\u00a0e\u00a0o Back-end \u00e9 a parte que roda por tr\u00e1s, fazendo a funcionalidade do site, como envios de e-mail, recurso de banco de dados, compras on-line e etc.<\/p>\n

Entendeu?<\/p>\n

Se a resposta for: Mais ou menos… Mais ou menos.<\/p>\n

Ok, ent\u00e3o vou tentar dar um exemplo mais pr\u00e1tico.<\/p>\n

Veja o exemplo abaixo:<\/strong><\/h3>\n

Se o site fosse um carro, o Front-end seriam os vidros, a carroceria, os pneus, a parte que praticamente pode ser vista.<\/p>\n

\"Cria\u00e7\u00e3o<\/p>\n

J\u00e1 o Back-end seria toda a parte que integra o Front-end, dando funcionalidades ampliadas como o motor, freios e sistema el\u00e9trico e um site sem Back-end seria um carro que s\u00f3 desce, como o carrinho do nosso querido Marcos<\/a>.<\/p>\n

Agora ficou mais claro, n\u00e3o \u00e9? Ainda tem alguma d\u00favida ou gostaria de comentar algo conosco? Deixe seu coment\u00e1rio abaixo.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Ok, e quais partes s\u00e3o essas?\u00a0Todo site \u00e9 dividido em duas partes que se chamam: Front-end e Back-end. What?\u00a0Kkkkkkkkkkkkkk. Os sites e sistemas web, assim como qualquer sistema de computa\u00e7\u00e3o em geral, s\u00e3o desenvolvidos a partir do c\u00f3digo fonte, que por sua vez \u00e9 a linguagem\u00a0entendida pelo computador ou dispositivo que ir\u00e1 processar essa informa\u00e7\u00e3o. […]<\/p>\n","protected":false},"author":6,"featured_media":24107,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-23911","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-na-internet"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/23911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/comments?post=23911"}],"version-history":[{"count":2,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/23911\/revisions"}],"predecessor-version":[{"id":24673,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/23911\/revisions\/24673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media\/24107"}],"wp:attachment":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media?parent=23911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/categories?post=23911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/tags?post=23911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}