Baixe Programação Web: Desenvolvimento e Processos e outras Exercícios em PDF para Prova ANPEC, somente na Docsity!
Unidade I (introdução a programação wab)
Desenvolvimento Web.
Tpc : Historial da web. Afinal, o que faz o desenvolvedor web? Essencialmente, um desenvolvedor web realiza o desenvolvimento de web sites na internet. Ele é o responsável por toda a estrutura de um determinado site. Ou seja, planeja, constrói e dá manutenção para tudo que roda em uma plataforma web. Esse profissional também precisa garantir que tudo funcione de acordo com o esperado.
Também chamado de web developer ou programador, normalmente, divide-se suas áreas de atuação em apenas duas: front-end e back-end.
front-end — cuida de toda a parte que você pode efetivamente ver em um site, a chamada camada gráfica. Sua maior preocupação é a experiência que o usuário tem ao fazer um acesso, cuidando desde o layout até pequenos detalhes de menus e rodapés, por exemplo. Costuma trabalhar com HTML, CSS e JavaScript;
back-end — esse é o profissional responsável pelo servidor que hospeda o seu site, garantindo que os dados enviados para o navegador estejam corretos. Deve seguir as boas práticas de segurança de dados. Costuma dominar SQL, MySQL e PostgreSQL.
O que é preciso para ser um desenvolvedor? Um dos aspectos mais interessantes da carreira de desenvolvedor web é não ser necessário ter um diploma específico. Embora muitos profissionais tenham feito curso de Análise de Sistemas, Ciência da Computação ou similares, há ainda quem seja de outra área e tenha migrado.
O importante para entrar nessa área é obter conhecimentos teóricos e práticos sobre programação — o que pode ser feito por meio de cursos de curta duração.
Qual a diferença entre um programador e um web designer?
As profissões de web designer e desenvolvedor web são comumente confundidas por quem não conhece os processos intrínsecos a cada uma delas. A grande diferença aqui é que a web designer é unicamente responsável pela parte visual do site. Ou seja, essencialmente ele não mexe com os códigos do site como o programador.
Nos dias de hoje, porém, é comum encontrarmos profissionais que contam com os conhecimentos necessários para ser os dois. Porém, o designer tem um conhecimento mais amplo de identidade visual e teoria das cores, por exemplo.
O que é um website e uma web browser
Um website é o conjunto de todos documentos de texto, cores, links, imagens e formatação que permitirá que o usuário navegue pelo site. Normalmente ele vem associado com sua URL, que é o que digitamos para acessá-lo, como www.usemobile.com.br. Esse domínio é o que explica para seu Web Browser onde todos os arquivos se encontram.
Tpc; difina browser ou navegador, sua função.
Defina URL, sua função
Um Web Browser é todo aplicativo capaz de baixar e exibir esses documentos e exibir suas informações de forma organizada ao usuário. O Google Chrome e o Mozilla Firefox são exemplos de Web Browsers mais utilizados. Ao entrar com a URL que você deseja acessar eles requisitam os arquivos, baixam e os apresenta da forma como o desenvolvedor planejou.
Processos de desenvolvimento web
Planejamento Protótipo Identifique todas as páginas e sua organização
Definido todas essas questões, é possível estimar o tempo que durará seu desenvolvimento web e o valor final do projeto. Tudo que foi definido deve ser documentado para facilitar a consulta e comunicação por parte da equipe.
Para criar o protótipo utilizamos um passo a passo:
1. Identifique todas as páginas e sua organização Identificar todas as páginas que seu site deve e ter sua estrutura é o primeiro passo para a prototipação. Então é possível identificar como as páginas se comunicarão entre si, bem como quais são importantes para um menu de navegação.
Toda interação entre as páginas deve ser pensada de forma que a navegação fique completamente intuitiva para seu usuário. O número de páginas deve ser muito bem pensado, para que o usuário atinja o objetivo de forma rápida. Existe a teoria dos 3 cliques, que diz que nenhuma página deve estar a mais de 3 cliques de qualquer outra.
2. Foque em sua homepage A homepage de seu site é a principal porta de entrada para todos os usuários, então ela requer atenção especial. O conteúdo das demais páginas já foi pensado, então coloque aqui o que é realmente importante para o usuário.
Os primeiros segundos que o usuário passa no seu site são determinantes para saber se ele continuará em seu site ou não. Você tem cerca de 10 a 20 segundos para garantir que seu usuário se interesse pela sua página.
Faça o teste dos 5 segundos, que você deve mostrar a página inicial para alguém durante 5 segundo e fazer algumas perguntas. Isso irá te mostrar o que as pessoas estão percebendo e lembrando do seu site.
- Planeje e desenvolva o design do seu site O layout do seu site só deve começar a ser desenvolvido após o protótipo ser criado, pois é ele quem guiará o trabalho do designer. Enquanto o protótipo é criado, o mood board do seu projeto de site pode ser feito. Ele é um painel de referências visuais, com conjuntos de imagens, fontes, cores e de como a estética irá interagir com o propósito da marca.
Com o protótipo e o mood board aprovados, é hora de começar a desenvolver o layout final do seu site.Toda a criação deve ser focada em facilitar que o usuário navegue no site, que ele seja direcionado para o objetivo de seu negócio. Então o layout de cada página deve ser o mais intuitivo possível, para que o usuário tome uma ação por conta própria.
Criado o layout único de cada página, é hora de partir para a próxima etapa do desenvolvimento web: escrever o código.
- Desenvolvimento do código do seu site Essa pode ser considerada uma das partes mais trabalhosas do desenvolvimento web. Essa é a etapa que fará com que tudo o que foi planejado no início do projeto de seu site funcione.
Os programadores desenvolverem toda a lógica por trás do layout, linkando os botões criados pelo designer as funções reais. Normalmente o código estrutural é escrito em HTML/CSS e o suporte a outras funções é escrito em PHP ou Javascript.
