H\u00e1 muitos anos, a engenharia de software se limitava \u00e0 cria\u00e7\u00e3o de aplica\u00e7\u00f5es para funcionar em computadores. Ent\u00e3o, estudavam-se formas de lidar com os recursos e, sobretudo, de manter os sistemas atualizados e seguros, mesmo com essa limita\u00e7\u00e3o.<\/p>\n
Nessa \u00e9poca, softwares eram basicamente transferidos a uma m\u00eddia e vendidos como um produto \u00fanico. Assim, quem comprava a licen\u00e7a pagava uma vez e ficava respons\u00e1vel pelo controle da aplica\u00e7\u00e3o.<\/p>\n
Recentemente, a computa\u00e7\u00e3o em nuvem se tornou uma febre e o cen\u00e1rio mudou: entramos na era da aplica\u00e7\u00e3o web. Temos sites se tornando plataformas cada vez mais complexas.<\/strong><\/p>\n Em compara\u00e7\u00e3o com sistemas tradicionais, a aplica\u00e7\u00e3o web muda completamente a forma de pensar a rela\u00e7\u00e3o com as tecnologias, sendo uma alternativa poderosa e f\u00e1cil de acessar. Assim, \u00e9 uma \u00f3tima op\u00e7\u00e3o, do ponto de vista de quem desenvolve e de quem usa. Al\u00e9m disso, impulsionou o mercado dos desenvolvedores web<\/a>. Por isso, hoje falaremos sobre:<\/strong><\/p>\n[post-table-index]\n[rock-convert-pdf id=”42917″]\n Confira!<\/a><\/p>\n Vamos come\u00e7ar esclarecendo o que \u00e9 uma aplica\u00e7\u00e3o web. Trata-se de uma aplica\u00e7\u00e3o de software que roda na internet, em vez de funcionar com base em sistemas operacionais<\/strong>.<\/p>\n Assim, \u00e9 um sistema com funcionalidades completas, que foi programado a partir de requisitos e dos princ\u00edpios da engenharia de software. Contudo, seu grande diferencial \u00e9 que ele \u00e9 feito para funcionar na internet.<\/p>\n O que permitiu o surgimento de plataformas cada vez mais robustas na web foi, justamente, a computa\u00e7\u00e3o em nuvem. Ela mudou a forma de pensar aplica\u00e7\u00f5es, de um paradigma de produtos para um novo, focado em servi\u00e7os.<\/p>\n Nesse caso, as aplica\u00e7\u00f5es funcionam como um servi\u00e7o, oferecendo alguma fun\u00e7\u00e3o importante para os usu\u00e1rios. Como exemplo, podemos mencionar o e-mail, os sites de redes sociais<\/a> e os sites de editores de texto.<\/p>\n Alguns at\u00e9 oferecem um pagamento por demanda, de acordo com o uso, e se encaixam no paradigma SaaS (software como um servi\u00e7o). Nesse caso, \u00e9 preciso ter uma assinatura com uma conta<\/strong> para visualizar as informa\u00e7\u00f5es e executar as fun\u00e7\u00f5es necess\u00e1rias.<\/p>\n Um web app n\u00e3o \u00e9 somente uma op\u00e7\u00e3o vi\u00e1vel para desenvolvimento de software, como tamb\u00e9m, movimenta bastante o mercado: grande parte das pessoas que se especializam em desenvolvimento entendem as vantagens de aprender as tecnologias web.<\/p>\n[rock-convert-cta id=”65687″]\n Uma aplica\u00e7\u00e3o web funciona com base na infraestrutura da internet<\/strong>. Por isso, \u00e9 preciso entender, primeiro, como funciona a web.<\/p>\n O site fica armazenado em um servidor. Quando o usu\u00e1rio solicita acesso por meio de um endere\u00e7o URL, ele automaticamente consegue conex\u00e3o com o servidor DNS<\/a> (servidor com uma lista de dom\u00ednios) que, por sua vez, acessa o IP que referencia aquele site.<\/p>\n Ent\u00e3o, o site envia informa\u00e7\u00f5es de download para o usu\u00e1rio. Por fim, o usu\u00e1rio pode interagir com a plataforma enviando informa\u00e7\u00f5es, alterando e salvando novos dados etc.<\/p>\n Tomemos como exemplo quando acessamos o site de uma rede social. Inicialmente, enviamos uma requisi\u00e7\u00e3o para abrir a p\u00e1gina. O servidor encontra o endere\u00e7o e responde com as informa\u00e7\u00f5es para download.<\/p>\n Em seguida, nos deparamos com um formul\u00e1rio de login. Ao preencher as informa\u00e7\u00f5es e enviar, o sistema vai checar o banco de dados em que est\u00e3o as informa\u00e7\u00f5es de todos os usu\u00e1rios cadastrados. Uma vez checado, o sistema indica se houve um match com o que j\u00e1 existe ou n\u00e3o.<\/p>\n Caso haja um match, a aplica\u00e7\u00e3o permite o acesso e solicita ao servidor as informa\u00e7\u00f5es da p\u00e1gina principal com os dados espec\u00edficos daquela conta. Logo, esse pacote \u00e9 enviado para o download do user.<\/p>\n Caso n\u00e3o haja um match, o sistema volta na mesma p\u00e1gina do formul\u00e1rio de login e indica um erro. Uma vez que j\u00e1 est\u00e1 logado, o usu\u00e1rio consegue realizar a\u00e7\u00f5es, como: publicar uma imagem, interagir em posts dos amigos, adicionar novos amigos, etc.\u00a0Tudo isso representa intera\u00e7\u00f5es que podem ser traduzidas em envio de requisi\u00e7\u00f5es cliente-servidor.<\/strong><\/p>\n \u279d Guia do SEO completo e atualizado <\/a><\/a><\/p>\n De forma muito resumida, uma aplica\u00e7\u00e3o web \u00e9 como qualquer sistema: recebe uma entrada com a intera\u00e7\u00e3o do usu\u00e1rio, processa com uma l\u00f3gica central e gera uma resposta<\/strong>. A grande vantagem \u00e9 que ela pode ser acessada em qualquer plataforma e em qualquer sistema operacional.<\/p>\n Um app feito para a internet est\u00e1 livre da necessidade de compatibilidade com elementos espec\u00edficos de um computador ou dispositivo. Ele opera de forma descentralizada e m\u00f3vel.<\/p>\n Por isso, o user pode logar no site a partir de um computador ou de um smartphone de diferentes marcas e sistemas. O site ainda resgata as informa\u00e7\u00f5es toda vez que o login foi feito, pois busca em seu banco de dados.<\/p>\n Da mesma maneira, n\u00e3o \u00e9 preciso instalar uma aplica\u00e7\u00e3o web, pois ela j\u00e1 funciona automaticamente. Para entrar, \u00e9 muito simples e r\u00e1pido: s\u00f3 \u00e9 preciso do acesso \u00e0 internet.<\/p>\n Ademais, n\u00e3o \u00e9 necess\u00e1rio for\u00e7ar uma atualiza\u00e7\u00e3o ou solicitar que o usu\u00e1rio atualize o sistema. A aplica\u00e7\u00e3o web \u00e9 atualizada de forma autom\u00e1tica, quase sem interferir no uso das pessoas.<\/p>\n J\u00e1 quando a op\u00e7\u00e3o de software \u00e9 paga, tende a ser vantajosa com rela\u00e7\u00e3o a produtos tradicionais de software. Por isso, ali\u00e1s, a aplica\u00e7\u00e3o web corresponde a um mercado extremamente poderoso, com boas vagas e oportunidades com boas remunera\u00e7\u00f5es.<\/strong><\/p>\n A aplica\u00e7\u00e3o na nuvem, por exemplo, \u00e9 paga somente conforme o uso, sendo que a assinatura \u00e9 barata e pode ser cancelada a qualquer momento. Do mesmo modo, \u00e9 poss\u00edvel adquirir pacotes distintos ap\u00f3s usar, para conseguir o que melhor se adapta \u00e0 necessidade. Isso explica o sucesso de apps de streaming, como Netflix<\/a> e Amazon Prime Video<\/a>.<\/p>\n[rock-convert-cta id=”51163″]\n Podemos dividir em tr\u00eas dimens\u00f5es:<\/p>\n Estrutural fala da disposi\u00e7\u00e3o de informa\u00e7\u00f5es principais gerenciadas pela aplica\u00e7\u00e3o. Navegacional cuida de aspectos da experi\u00eancia e de como as informa\u00e7\u00f5es ser\u00e3o acessadas.<\/p>\n J\u00e1 apresenta\u00e7\u00e3o representa a forma como as informa\u00e7\u00f5es ser\u00e3o mostradas e como o acesso ser\u00e1 definido. \u00c9 preciso pensar em cada um desses fatores no projeto de uma aplica\u00e7\u00e3o para web. <\/a><\/p>\n \u00c9 comum ter essa d\u00favida. Por\u00e9m, \u00e9 f\u00e1cil esclarecer as distin\u00e7\u00f5es. Um website \u00e9 um site est\u00e1tico, que foca apresentar informa\u00e7\u00f5es e permite navega\u00e7\u00e3o por meio de links. \u00c9 mais tradicional, uma vez que segue o formato principal dos sites, desde o come\u00e7o da internet.<\/p>\n Por sua vez, as aplica\u00e7\u00f5es na web s\u00e3o sistemas completos hospedados em um servidor de internet. <\/strong>Assim, entregam servi\u00e7os aos usu\u00e1rios, permitem a execu\u00e7\u00e3o de fun\u00e7\u00f5es e tarefas claras, bem como constante envio e recebimento de informa\u00e7\u00f5es por meio dos protocolos da rede.<\/p>\n Um exemplo de website \u00e9 um site comum de portal de not\u00edcias ou uma p\u00e1gina corporativa. Um web app \u00e9 uma plataforma como a Netflix<\/strong>, que permite ver filmes<\/a>, salvar t\u00edtulos em uma lista, gerenciar a conta, adicionar formas de pagamento, excluir a assinatura, criar perfis etc.<\/p>\n Enquanto um website \u00e9 uma aplica\u00e7\u00e3o que consiste na implementa\u00e7\u00e3o de um prot\u00f3tipo de design, com a parte l\u00f3gica e a parte estrutural, uma aplica\u00e7\u00e3o \u00e9 um sistema com fun\u00e7\u00f5es bem definidas, que depende da a\u00e7\u00e3o do usu\u00e1rio. <\/a><\/p>\n Agora, vamos falar um pouco sobre o que \u00e9 necess\u00e1rio em termos de habilidade para desenvolver um app web.<\/p>\n Come\u00e7amos pelas habilidades t\u00e9cnicas que voc\u00ea precisa desenvolver.<\/p>\n Uma boa l\u00f3gica \u00e9 essencial para qualquer pessoa desenvolvedora. Ela garante que a pessoa vai pensar de forma adequada para desenvolver o c\u00f3digo e criar um fluxo de funcionamento ideal<\/strong>, de acordo com as funcionalidades. Um exemplo da l\u00f3gica \u00e9 o racioc\u00ednio causal do tipo \u201cse-ent\u00e3o\u201d \u2014 basilar para a computa\u00e7\u00e3o e para a programa\u00e7\u00e3o.<\/p>\n \u00c9 preciso entender as tecnologias de front-end, que operam no lado do cliente. Mesmo que voc\u00ea n\u00e3o trabalhe especificamente nessa parte, precisar\u00e1 conhecer como funcionam. As principais s\u00e3o:<\/strong><\/p>\n Essas tecnologias s\u00e3o usadas para criar as interfaces que o usu\u00e1rio acessa, a parte clic\u00e1vel, e a l\u00f3gica de conex\u00e3o que permite enviar informa\u00e7\u00f5es para o servidor.<\/p>\n Por outro lado, as tecnologias de back-end lidam com o lado do servidor. Ajudam a implementar a estrutura dos bastidores das aplica\u00e7\u00f5es web, como valida\u00e7\u00e3o e conex\u00e3o com banco de dados. As principais s\u00e3o:<\/strong><\/p>\n Aprenda mais um pouco, com estes artigos:<\/strong><\/p>\n Habilidades socioemocionais tamb\u00e9m s\u00e3o necess\u00e1rias a esses profissionais.<\/p>\n A \u00e1rea da programa\u00e7\u00e3o \u00e9 conhecida por ser aberta ao compartilhamento e \u00e0 comunica\u00e7\u00e3o.<\/strong> As pessoas trocam ideias entre si e evoluem juntas. Por isso, quem quer se destacar deve saber transmitir ideias, ajudar os outros e buscar ajuda quando necess\u00e1rio.<\/p>\n \u00c9 comum ter que lidar com outras pessoas em um projeto para a internet. Afinal, uma aplica\u00e7\u00e3o web \u00e9 muito complexa para desenvolver de forma isolada. Por isso, o profissional precisa saber trabalhar em equipe, gerenciar conflitos, lidar com compartilhamento de c\u00f3digo etc.<\/a><\/p>\n O desenvolvimento de aplica\u00e7\u00f5es web, assim como o de software desktop, pode ser feito de uma maneira est\u00e1tica, a partir de uma metodologia espec\u00edfica. Isso \u00e9 muito bom, pois ajuda a diminuir tempo de produ\u00e7\u00e3o e a alinhar os envolvidos. <\/strong><\/p>\n Nesse sentido, temos as etapas de:<\/p>\n Contudo, essa metodologia, geralmente, \u00e9 flexibilizada. N\u00e3o h\u00e1 necessidade de seguir uma sequ\u00eancia r\u00edgida, ent\u00e3o, os passos s\u00e3o alternados, a depender da necessidade.<\/p>\n A metodologia \u00e1gil de projetos \u00e9 uma grande influ\u00eancia nesse sentido. Ela est\u00e1 causando uma revolu\u00e7\u00e3o na forma de criar software.<\/p>\n De acordo com os princ\u00edpios \u00e1geis, os testes podem ser feitos a todo momento, por exemplo, e o monitoramento sempre levanta novos pontos para serem desenvolvidos e melhorados. O aprendizado sobre os requisitos tamb\u00e9m \u00e9 um processo cont\u00ednuo.<\/p>\n Agora, vamos entender como se pode atuar no desenvolvimento de aplica\u00e7\u00f5es web.<\/p>\n Geralmente, h\u00e1 o caso de contrata\u00e7\u00e3o de uma pessoa para fazer parte do time interno das empresas. Nesse caso, a pessoa pode trabalhar com desenvolvimento de sites do zero, atualiza\u00e7\u00e3o, manuten\u00e7\u00e3o ou otimiza\u00e7\u00e3o para <\/strong>SEO<\/strong><\/a>, por exemplo<\/strong>. <\/p>\nO que \u00e9 aplica\u00e7\u00e3o web?<\/h2>\n
Como funciona uma aplica\u00e7\u00e3o web?<\/h2>\n
Quais as caracter\u00edsticas de uma aplica\u00e7\u00e3o web?<\/h2>\n
Quais s\u00e3o as tr\u00eas dimens\u00f5es de um projeto de aplica\u00e7\u00e3o web?<\/h2>\n
\n
Qual a diferen\u00e7a entre website e aplica\u00e7\u00e3o web?<\/h2>\n
O que \u00e9 necess\u00e1rio para se desenvolver uma aplica\u00e7\u00e3o web?<\/h2>\n
Hard skills<\/h3>\n
L\u00f3gica de programa\u00e7\u00e3o<\/h4>\n
Conhecimento sobre tecnologias de front-end<\/h4>\n
\n
Back-end<\/h4>\n
\n
\n
Soft skills<\/h3>\n
Capacidade de compartilhar conhecimento<\/h4>\n
Disposi\u00e7\u00e3o para trabalhar em equipe<\/h4>\n
Como desenvolver uma aplica\u00e7\u00e3o web?<\/h2>\n
\n
Como trabalhar com aplica\u00e7\u00e3o web?<\/h2>\n
Participa\u00e7\u00e3o em empresas<\/h3>\n