Front End e Back End: Frontend e Backend são os dois termos mais populares utilizados no desenvolvimento web. Estes termos são muito cruciais para o desenvolvimento web, mas são bastante diferentes um do outro. Cada lado precisa de comunicar e operar eficazmente com o outro como uma única unidade para melhorar a funcionalidade do website.
Front End Development: A parte de um sítio web com a qual o utilizador interage directamente é denominada front-end. É também referida como o “lado do cliente” da aplicação. Inclui tudo o que os utilizadores experimentam directamente: cores e estilos de texto, imagens, gráficos e tabelas, botões, cores, e menu de navegação. HTML, CSS, e JavaScript são as linguagens utilizadas para o desenvolvimento do Front End. A estrutura, design, comportamento e conteúdo de tudo o que se vê nos ecrãs dos navegadores quando os websites, aplicações web, ou aplicações móveis são abertos, é implementada pelos programadores do Front End. A capacidade de resposta e o desempenho são dois dos principais objectivos do Front End. O programador deve garantir que o site é responsivo, ou seja, que aparece correctamente em dispositivos de todos os tamanhos, nenhuma parte do site deve comportar-se de forma anormal, independentemente do tamanho do ecrã.
Front end Languages: A parte da frente é construída utilizando algumas línguas que são discutidas abaixo:
- HTML: HTML significa Hypertext Markup Language (Linguagem de marcação de hipertexto). É utilizado para desenhar a parte frontal de páginas web utilizando uma linguagem de marcação. HTML é a combinação de Hipertexto e Linguagem de Marcação. Hypertext define a ligação entre as páginas web. A linguagem de marcação é utilizada para definir a documentação de texto dentro da tag que define a estrutura das páginas web.
- CSS: Folhas de estilo em cascata carinhosamente referidas como CSS é uma linguagem de concepção simples destinada a simplificar o processo de tornar as páginas web apresentáveis. O CSS permite aplicar estilos a páginas web. Mais importante, CSS permite-lhe fazê-lo independentemente do HTML que compõe cada página web.
- JavaScript: JavaScript é uma famosa linguagem de scripting utilizada para criar magia nos sítios para tornar o sítio interactivo para o utilizador. É utilizada para melhorar a funcionalidade de um sítio web para executar jogos fixes e software baseado na web.
Existem muitas outras linguagens através das quais se pode fazer desenvolvimento front-end dependendo da estrutura por exemplo Flutter user Dart, React utiliza JavaScript e Django utiliza Python, e muito mais.
Front End Frameworks and Libraries:
- AngularJS: AngularJs é uma estrutura front-end de código aberto JavaScript que é principalmente utilizada para desenvolver aplicações web de página única (SPAs). É uma estrutura em contínuo crescimento e expansão que proporciona melhores formas de desenvolvimento de aplicações web. Altera o HTML estático para HTML dinâmico. É um projecto open-source que pode ser gratuito. Estende os atributos HTML com Directivas, e os dados são ligados com HTML.
- React.js: React é uma biblioteca JavaScript declarativa, eficiente, e flexível para construir interfaces de utilizador. ReactJS é uma biblioteca front-end de código aberto, baseada em componentes, responsável apenas pela camada de visualização da aplicação. É mantida pelo Facebook.
Bootstrap: Bootstrap é uma colecção de ferramentas gratuita e de código aberto para a criação de websites e aplicações web com capacidade de resposta. É a mais popular estrutura HTML, CSS, e JavaScript para o desenvolvimento de sítios web com capacidade de resposta, mobile-first. - SASS: É a linguagem de extensão CSS mais fiável, madura, e robusta. É utilizada para estender a funcionalidade de um CSS existente de um site, incluindo tudo desde variáveis, herança, e nidificação com facilidade.
- Flutter: Flutter é um SDK de desenvolvimento de IU de código aberto gerido pelo google. É alimentado pela linguagem de programação Dart. Constrói aplicações nativas de desempenho e boa aparência para telemóvel (Ios, Android), web, e ambiente de trabalho a partir de uma única base de código. O ponto-chave de venda do flutter é o desenvolvimento plano é facilitado, expressivo, e flexível UI e desempenho nativo. Em março de 2021 flutter anuncia Flutter 2 que actualiza flutter para construir aplicações de lançamento para a web, e o ambiente de trabalho está em estado beta.
li> jQuery: jQuery é uma biblioteca JavaScript de código aberto que simplifica as interacções entre um documento HTML/CSS, ou mais precisamente o Document Object Model (DOM), e JavaScript. Ao elaborar os termos, jQuery simplifica a passagem e manipulação de documentos HTML, manipulação de eventos do navegador, animações DOM, interacções Ajax, e desenvolvimento de JavaScript cross-browser.
li>Li>algumas outras bibliotecas e frameworks são Semantic-UI, Foundation, Materialize, Backbone.js, Ember.js, etc.
Desenvolvimento de backend: Backend é o lado do servidor do website. Armazena e organiza os dados, e também assegura que tudo no lado do cliente do sítio web funciona bem. É a parte do sítio web com a qual não se pode ver e interagir. É a parte do software que não entra em contacto directo com os utilizadores. As partes e características desenvolvidas pelos designers backend são indirectamente acedidas pelos utilizadores através de uma aplicação front-end. Actividades, como escrever APIs, criar bibliotecas, e trabalhar com componentes de sistema sem interfaces de utilizador ou mesmo sistemas de programação científica, estão também incluídas no backend.
Línguas de back end: A parte de trás é construída utilizando algumas linguagens que são discutidas abaixo:
- PHP: PHP é uma linguagem de scripting do lado do servidor concebida especificamente para o desenvolvimento web. Desde que o código PHP é executado no lado do servidor, por isso é chamada uma linguagem de scripting do lado do servidor.
- C++: É uma linguagem de programação de uso geral e amplamente utilizada hoje em dia para programação competitiva. É também utilizada como uma linguagem backend.
- Java: Java é uma das linguagens e plataformas de programação mais populares e largamente utilizadas. É altamente expansível. Os componentes Java estão facilmente disponíveis.
- Python: Python é uma linguagem de programação que lhe permite trabalhar rapidamente e integrar sistemas de forma mais eficiente.
- JavaScript: JavaScript pode ser utilizado como ambas (front end e back end) linguagens de programação.
- Node.js: Node.js é um ambiente de código aberto e multi-plataforma para executar código JavaScript fora de um browser. É preciso lembrar que Node.js não é uma estrutura, e não é uma linguagem de programação. A maioria das pessoas está confusa e compreende que é uma estrutura ou uma linguagem de programação. Utilizamos frequentemente o Node.js para construir serviços back-end como APIs como Web App ou Mobile App. É utilizado na produção por grandes empresas como Paypal, Uber, Netflix, Wallmart, etc..
Back End Frameworks:
- A lista de estruturas de back-end é: Express, Django, Rails, Laravel, Spring, etc.
- As outras linguagens de back-end são: C#, Ruby, REST, GO, etc.
Diferença entre Frontend e Backend: O desenvolvimento Frontend e Backend são bastante diferentes um do outro, mas mesmo assim, são dois aspectos da mesma situação. O frontend é aquilo com que os utilizadores vêem e interagem e o backend é a forma como tudo funciona.
- O frontend é a parte do website com a qual os utilizadores podem ver e interagir, tais como a interface gráfica do utilizador (GUI) e a linha de comando incluindo o design, menus de navegação, textos, imagens, vídeos, etc. Backend, pelo contrário, é a parte do website que os utilizadores não podem ver e interagir com.
- Línguas utilizadas para o front end são HTML, CSS, JavaScript enquanto que as utilizadas para o back end incluem Java, Ruby, Python, .Net.
li>Os aspectos visuais do website que podem ser vistos e experimentados pelos utilizadores são frontend. Por outro lado, tudo o que acontece no fundo pode ser atribuído ao back end.