Frontend and backend are two of the most used terms in the computer industry; in a way, they became buzzwords. Eles ditam o tipo de trabalho que você faz como desenvolvedor de software, as tecnologias que você usa e quanto você recebe.então, vamos falar sobre as diferenças entre estes dois termos, por que eles existem em primeiro lugar e os diferentes caminhos que você pode tomar em sua carreira de desenvolvimento de software.,
renderização do Site
para iniciar esta jornada, precisamos entender o conceito de renderização do site. Em termos leigos, renderização do site significa gerar ou renderizar saída HTML. HTML é uma linguagem de marcação que os desenvolvedores web usam para criar páginas web. Diz-se que a renderização do site pode acontecer tanto ao nível do servidor ou do cliente, então o que isso significa? Vale a pena notar que o frontend e o lado cliente são sinónimos. O mesmo se aplica à infra-estrutura e ao lado do servidor.,
renderização do lado do servidor (infra-estrutura)
não até muito tempo atrás, renderização do lado do servidor, ou desenvolvimento back-end web, foi a forma de facto de criar sites e aplicações web. Você visita uma página, envia um pedido de conteúdo, o servidor processa este pedido e cria uma resposta que é enviada de volta para o seu navegador.
Quando um site torna servidor-lado, todos os processos envolvidos na criação de uma página HTML que o seu navegador pode entender são tratados em um servidor remoto hospedando o site ou aplicação web., Isso inclui questionar bancos de dados para informações e processar qualquer lógica que a sua aplicação web requer.
enquanto o servidor remoto está ocupado no trabalho, o seu navegador web está inactivo, à espera que o servidor termine de processar o pedido e envie uma resposta. Quando a resposta é recebida, os navegadores da web interpretam-na e exibem o conteúdo na tela.
renderização do lado do cliente (interface)
nos dias mais modernos, uma nova forma de renderização do site surgiu chamado de renderização do lado do cliente ou desenvolvimento do front-end.,
com renderização do lado do cliente, a renderização do conteúdo acontece no seu computador em vez do servidor web remoto usando a linguagem de facto da web, JavaScript. Em termos práticos, isso significa que um servidor é apenas necessário para servir a aplicação web raw, e o navegador será responsável por tornar esta aplicação em sua forma final, HTML. Isso também significa que alguma da lógica envolvida na criação da página web, especialmente a encarregada de lidar com a forma como as coisas são apresentadas ao usuário na tela (chamada lógica de apresentação) são tratadas do lado do cliente.,
a renderização do lado cliente tornou-se popular com o advento de bibliotecas JavaScript como Angular, React e Vue.
renderização isomórfica
também chamada de renderização universal, renderização isomórfica é uma nova técnica usada no desenvolvimento da web moderna. A idéia por trás da renderização isomórfica é renderizar uma aplicação web desenvolvida com um framework JavaScript como Angular, reate ou View, no lado do servidor da primeira vez que uma página é carregada e no lado do cliente depois.,
Para complicar ainda mais as coisas, há ainda outra forma de renderização chamada pre-renderização que torna o conteúdo em tempo de compilação.
Onde renderizar um site é uma decisão que é muitas vezes baseada no tipo de aplicação e demografia da aplicação e vai variar de equipe para equipe e negócio para negócio.
o que é o desenvolvimento front-end?
Agora que entendemos os diferentes tipos de métodos de renderização de sites, é mais fácil entender que o desenvolvimento front-end é a arte de criar sites e aplicações web que rendem no lado do cliente.,
Tecnologias utilizadas para o desenvolvimento de front-end
Embora existam muitos tipos diferentes de tecnologias e pilhas, a maioria dos front-end da web, os programadores utilizam HTML, CSS e JavaScript, o facto de blocos de construção de web do lado do cliente e quadros, tais como Angulares, Reagir, Stencil e Vue.
nem tudo acontece no frontend, no entanto. As aplicações renderizadas do lado do cliente ainda dependem de serviços e APIs que rodam em servidores remotos back-end ou na nuvem.
o que são alguns trabalhos front-end?
-
web designer:um web designer, você adivinhou, desenha sites., O título de trabalho do web designer é bastante amplo, no entanto. Um web designer poderia ser apenas alguém que desenha os sites em um programa como Photoshop ou fogos de artifício e nunca vai tocar o código. Mas em outro local, um web designer poderia fazer todos os comps de design no Photoshop e, em seguida, ser responsável por criar todo o HTML e CSS (e às vezes até mesmo JavaScript) para ir junto com ele.
-
interface de usuário (UI) designer: este é basicamente um designer visual e é geralmente focado no design., Eles geralmente não estão envolvidos na implementação do projeto, mas eles podem conhecer HTML light e CSS para que eles possam comunicar suas ideias de forma mais eficaz para os desenvolvedores front-end.
experiência do usuário (UX) designers: UX designers trabalham no frontend, estudando e pesquisando como as pessoas usam os sites. Depois, fazem mudanças através de muitos testes.
desenvolvedor Front-end: também chamado de designer front-end, eles podem criar um site sem qualquer desenvolvimento back-end. O site que eles criariam sem um desenvolvedor web, ou usando a infra-estrutura, é um site estático., Um site estático é algo como um site para um restaurante ou salão de cabelo. Não requer nenhuma informação para ser armazenada em uma base de dados. As páginas permanecerão quase sempre as mesmas, a menos que seja hora de um redesenho. Um desenvolvedor front-end pode ser necessário para ter uma compreensão sobre o teste, bem como ser bem versado em HTML, CSS e JavaScript. Esta pessoa pode ou não ter experiência com a criação do projeto em um programa de design. Uma versão diferente deste título é engenheiro front-end. As pessoas que trabalham com linguagens front-end específicas como Javascript developer também são consideradas desenvolvedores front-end.,
O que é o desenvolvimento back-end?
enquanto o desenvolvimento front-end é sobre fazer sites e aplicações web renderizar no lado do cliente,back-end desenvolvimento é tudo sobre fazer esses aplicativos render-side. Mas está um pouco mais envolvido do que isso. Enquanto a declaração anterior é verdadeira, os desenvolvedores back-end também criam serviços que processam a lógica de negócios e acessam outros recursos, como bancos de dados, servidores de arquivos, Serviços em nuvem e muito mais., Estes serviços são a espinha dorsal de qualquer aplicação e podem ser acessados e usados não só por aplicativos de renderização do lado do servidor, mas também por aplicativos de renderização do lado do cliente.
tecnologias usadas para o desenvolvimento back-end
quando os desenvolvedores back-end criam aplicativos que rendem no lado do servidor, eles usam os mesmos blocos de construção que os desenvolvedores front-end: HTML, CSS e JavaScript.
Desenvolvedores Back-end também trabalham com pilhas de software que incluem sistemas operacionais, servidores web, frameworks, linguagens, APIs de programação e muito mais., Os frameworks, linguagens e APIs de programação nestas pilhas são usados para renderizar sites e aplicações web server-side e para criar serviços que outras aplicações podem consumir.
Notorious stacks include. net, MEAN and LAMP, but there are many more, and each includes a programming language of choice, such as C#, JavaScript, Java, Go, Python or PHP.
o que é o desenvolvimento de pilha completa?
como desenvolvedor, você não tem que se contentar com apenas Interface ou infra-estrutura; você pode fazer ambos como um desenvolvedor de pilha completa. Pela minha experiência, é aqui que começa a diversão., Desenvolvedores Full-stack podem criar sites e aplicações web que renderizam tanto no lado do cliente (frontend) quanto no lado do servidor (backend).
eles também criam serviços, Componentes e APIs que encapsulam a lógica de negócios, resolvem problemas de negócios específicos e acessam infraestrutura como bancos de dados, servidores de arquivos, Serviços em nuvem e muito mais. Eles trabalham com a pilha completa e é o melhor de ambos os mundos.,
resumo
por esta altura, a diferença entre a interface e a infra-estrutura deve ser mais evidente, bem como as diferentes actividades levadas a cabo por programadores que trabalham em ambas as extremidades do fio. Em termos práticos, o frontend significa o navegador e a infra-estrutura, o servidor ou, mais recentemente, a nuvem.
Se você gosta de interfaces de usuário, estão interessados no design de som e como os aspectos visuais da criação de aplicativos, então talvez a interface seja onde você quer gastar seu tempo como um desenvolvedor de software., O frontend é emocionante não só visualmente, mas também a partir de um ponto de vista de programação; você vai passar horas intermináveis escrevendo lógica que fará o seu site olhar e se comportar da maneira que os designers pretenderam.
Se você gosta de gastar seu tempo resolvendo problemas de negócios, escrevendo algoritmos, trabalhando na nuvem, e criando serviços e APIs, então a infra-estrutura é para você.
Se você gosta de ambos e se sente igualmente animado e confortável com todos os aspectos da criação de aplicações web, então uma carreira como um desenvolvedor full-stack é o que você quer.,
qualquer caminho que você escolher, nunca houve um momento melhor para ser um desenvolvedor de software.
