Resumo front

Prévia do material em texto

Resumo de Estudo: Desenvolvimento Front-End
1. O que é Front-End?
· Definição: É a parte de um site ou aplicação web com a qual o utilizador interage diretamente. É frequentemente comparado à "vitrine" de uma loja, enquanto o Back-End é o "estoque" e a "gerência".
· Elementos: Inclui o layout, as cores, as fontes, os botões e as animações.
2. Evolução Histórica e Tecnologias Base
· Origem: Começou em 1991 com a criação do HTML por Tim Berners-Lee, permitindo a estrutura básica e links.
· A Tríade Fundamental:
· HTML: Estrutura do conteúdo.
· CSS (1996): Introduziu a estilização e permitiu separar o conteúdo da apresentação, melhorando a eficiência.
· JavaScript (1995): Criado por Brendan Eich, trouxe dinamismo e interatividade às páginas.
· Web 2.0: Transformou a web de páginas estáticas para experiências dinâmicas, como as SPAs (Single Page Applications), que carregam apenas os componentes necessários sem recarregar a página inteira.
3. Frameworks e Ferramentas Modernas
· Frameworks Populares:
· Angular (Google): Solução completa para SPAs usando TypeScript.
· React (Facebook): Biblioteca focada em componentes reutilizáveis e no Virtual DOM.
· Vue.js: Framework progressivo e leve, conhecido pela sua facilidade de integração.
· Ferramentas de Suporte: O Visual Studio Code (VS Code) é o editor de código predominante; o Git é essencial para o controlo de versões e colaboração.
4. Metodologias e UX (User Experience)
· Design Atómico: Metodologia que organiza a interface em cinco níveis: átomos, moléculas, organismos, templates e páginas.
· UX (User Experience): Foca-se em tornar a interação do utilizador com o produto o mais agradável e eficiente possível.
· Prototipagem: Processo iterativo que vai desde o esboço inicial (papel e caneta) até protótipos de alta fidelidade (ferramentas como Figma e Adobe XD).
Questionário de Estudo
1. Qual é a principal diferença entre Front-End e Back-End segundo a analogia apresentada no texto?
· Resposta sugerida: O Front-End é a "vitrine" (interface visível), enquanto o Back-End é o "estoque/gerência" (bastidores que fazem tudo funcionar).
2. Quais são as três tecnologias que formam a "tríade fundamental" do desenvolvimento Front-End?
· Resposta sugerida: HTML, CSS e JavaScript.
3. O que o CSS permitiu que mudou a forma como os sites eram desenvolvidos a partir de 1996?
· Resposta sugerida: Permitiu a separação entre o conteúdo (HTML) e a apresentação (estilo), facilitando a manutenção do código e a criação de designs complexos.
4. Explique brevemente o que é uma SPA (Single Page Application).
· Resposta sugerida: É uma aplicação que carrega apenas os componentes necessários e faz atualizações de forma assíncrona, sem precisar de recarregar a página inteira a cada interação.
5. O que é a metodologia de Design Atómico e como ela organiza uma interface?
· Resposta sugerida: É uma abordagem modular que organiza a interface em cinco níveis de complexidade: átomos, moléculas, organismos, templates e páginas.
6. Qual é o papel da prototipagem no desenvolvimento de uma interface?
· Resposta sugerida: A prototipagem permite testar e ajustar o design com base no feedback dos utilizadores antes da implementação final, economizando tempo e recursos