DESENVOLVIMENTO WEB
Tecnologias para o Front-end
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Guias e Dicas
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Encontrar documentos
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Pesquisar documentos Store
Os melhores documentos à venda: Trabalhos de alunos formados
Videoaulas
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Quiz
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Comunidade
Pergunte à comunidade
Peça ajuda à comunidade e tire suas dúvidas relacionadas ao estudo
Ranking universidades
Descubra as melhores universidades em seu país de acordo com os usuários da Docsity
Guias grátis
Os eBooks que salvam estudantes!
Baixe gratuitamente nossos guias de estudo, métodos para diminuir a ansiedade, dicas de TCC preparadas pelos professores da Docsity
Desenvolvimento Web: Tecnologias para o Front-end, Esquemas de Programação Javascript
As tecnologias essenciais para o desenvolvimento front-end, explorando conceitos como a função do desenvolvedor front-end, a importância de frameworks e bibliotecas, e as tecnologias comuns do lado do cliente, como html, css, javascript, bootstrap, angular, react, vue, meteor.js, materialize, e foundation. O documento também inclui referências para aprofundar o conhecimento.
Tipologia: Esquemas
2025
1 / 14
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Documentos relacionados
Pré-visualização parcial do texto
Baixe Desenvolvimento Web: Tecnologias para o Front-end e outras Esquemas em PDF para Programação Javascript, somente na Docsity!
DESENVOLVIMENTO WEB
Tecnologias para o Front-end
ROTEIRO
•O que é front-end?
•O que faz um desenvolvedor front-end?
•Quando necessitamos de um front-end?
•Tecnologias comuns do lado do cliente
O QUE FAZ UM DESENVOLVEDOR FRONT-END
● Cria toda a parte visual da aplicação Web ou de sites por meio de linguagens de marcação e programação
● Lida também com bibliotecas e frameworks como: Angular, ReactJS, Vue.js, etc.
● Precisa ter uma noção geral da aplicação Web, mesmo que não vá lidar com a parte do back-end pois o código que o desenvolvedor front-end desenvolve será conectado diretamente nos sistemas desenvolvidos pelo desenvolvedor back-end
● Criar páginas com boa navegação, acessíveis (adaptáveis a qualquer tipo de tela), com carregamento otimizado e que funcione na maioria do navegadores Web
QUANDO NECESSITAMOS DE UM FRONT-END
● Ele é importante para garantir o funcionamento nos diversos navegadores, plataformas Web e mobile utilizados pelos usuários
● Também para criar páginas ou telas com adequada usabilidade e interação com o back-end
● Precisa saber CSS, JavaScript e HTML
O QUE É UM FRAMEWORK FRONT-END
● Funcionam para solucionar problemas
● Integram diversas funcionalidades, o que torna mais ágil todo o processo para desenvolver a aplicação
● Não precisa criar um novo código se é possível utilizar um existente
● Economiza-se tempo valioso com soluções prontas e que foram amplamente testadas por outros profissionais
TECNOLOGIAS COMUNS DO LADO DO CLIENTE
● HTML
● Linguagem de marcação usada para criar página na Web, que são lidas pelos navegadores. É usado para estruturar todo o conteúdo de um site
● CSS ● Linguagem que implica estilo e controla o layout de um documento HTML, o que permite a total mudança visual do documento
TECNOLOGIAS COMUNS DO LADO DO CLIENTE
● Bootstrap ● Framework usado por desenvolvedores pois oferece componentes que simplifica e torna mais ágil o desenvolvimento das aplicações. É gratuito e oferece modelos e estilos editáveis, facilitando a criação de layouts responsivos
● Angular ● Estrutura JavaScript mais popular atualmente. É uma reescrita do AngularJS feita em Typescript feita pela equipe do Angular do Google ● É baseada em classes de programação orientada a objetos
TECNOLOGIAS COMUNS DO LADO DO CLIENTE
● React ● Um framework JavaScript para criar interfaces de usuário ● Baseado em componentes ● Open source
● Vue ● Framework JavaScript para criar interfaces de usuário. É open source ● Componentes Vue estendem elementos HTML básicos para encapsular códigos reutilizáveis
REFERÊNCIAS
- https://mundodevops.com/blog/framework-front-end/
- https://blog.unyleya.edu.br/bitbyte/front-end-e-back-end/
- https://gizmodo.uol.com.br/desenvolvedor-front-end-linguagens-essenciais/
- https://docs.microsoft.com/pt-br/dotnet/architecture/modern-web-apps-azur e/common-client-side-web-technologies
- https://pt.wikipedia.org/wiki/Vue.js
- https://tableless.com.br/quais-sao-as-principais-tecnologias-front-end-utiliza das-pelas-startups/