Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas

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

Compartilhado em 17/03/2025

kayke-menezes
kayke-menezes 🇧🇷

1 documento

1 / 14

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
DESENVOLVIMENTO WEB
Tecnologias para o Front-end
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe

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

  1. https://mundodevops.com/blog/framework-front-end/
  2. https://blog.unyleya.edu.br/bitbyte/front-end-e-back-end/
  3. https://gizmodo.uol.com.br/desenvolvedor-front-end-linguagens-essenciais/
  4. https://docs.microsoft.com/pt-br/dotnet/architecture/modern-web-apps-azur e/common-client-side-web-technologies
  5. https://pt.wikipedia.org/wiki/Vue.js
  6. https://tableless.com.br/quais-sao-as-principais-tecnologias-front-end-utiliza das-pelas-startups/

DESENVOLVIMENTO WEB

Tecnologias para o Front-end