{"id":33591,"date":"2019-10-31T21:53:37","date_gmt":"2019-10-31T18:53:37","guid":{"rendered":"https:\/\/prohoster.info\/blog\/tehnologicheskie-trendy-veb-razrabotki-2019\/"},"modified":"2019-10-31T21:53:37","modified_gmt":"2019-10-31T18:53:37","slug":"tehnologicheskie-trendy-veb-razrabotki-2019","status":"publish","type":"post","link":"https:\/\/prohoster.info\/pt\/blog\/administrirovanie\/tehnologicheskie-trendy-veb-razrabotki-2019","title":{"rendered":"Tend\u00eancias tecnol\u00f3gicas em desenvolvimento web 2019","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Introdu\u00e7\u00e3o<\/h2>\n

\nA transforma\u00e7\u00e3o digital abrange a cada ano mais \u00e1reas da vida e dos neg\u00f3cios. Se uma empresa deseja ser competitiva, apenas ter sites informativos n\u00e3o \u00e9 suficiente; s\u00e3o necess\u00e1rios aplicativos m\u00f3veis e web que n\u00e3o apenas forne\u00e7am informa\u00e7\u00f5es aos usu\u00e1rios, mas que tamb\u00e9m permitam a execu\u00e7\u00e3o de fun\u00e7\u00f5es: receber ou encomendar produtos e servi\u00e7os, disponibilizar ferramentas. <\/p>\n

\"Tend\u00eancias
\n<\/a><\/noindex>
\nPor exemplo, os bancos modernos j\u00e1 n\u00e3o se contentam em ter apenas um site informativo; \u00e9 necess\u00e1rio oferecer ferramentas online para seus clientes, como um painel pessoal, onde o usu\u00e1rio pode gerenciar contas, investimentos e empr\u00e9stimos. Mesmo os pequenos neg\u00f3cios, para aumentar a convers\u00e3o, precisam de ferramentas pr\u00e1ticas, como agendar uma consulta m\u00e9dica ou um corte de cabelo, ou reservar uma mesa em um restaurante ou um espa\u00e7o de recrea\u00e7\u00e3o infantil para comemorar um anivers\u00e1rio.<\/p>\n

E os pr\u00f3prios propriet\u00e1rios precisam receber informa\u00e7\u00f5es pontuais de forma conveniente sobre o estado de suas empresas, como a coleta de dados estat\u00edsticos e an\u00e1lises de diferentes departamentos de produ\u00e7\u00e3o, ou a produtividade das equipes. Muitas vezes, cada departamento coleta esses dados de maneira independente e pode at\u00e9 usar diferentes ferramentas, o que faz com que o propriet\u00e1rio precise gastar muito tempo pessoal tentando entender tudo isso; isso pode afetar indiretamente ou diretamente a efic\u00e1cia da empresa e, em \u00faltima an\u00e1lise, o lucro. Aqui tamb\u00e9m a transforma\u00e7\u00e3o digital e o desenvolvimento de um aplicativo web ou m\u00f3vel podem ajudar.<\/p>\n

As tecnologias n\u00e3o param de evoluir, e o que era utilizado h\u00e1 alguns anos pode j\u00e1 n\u00e3o ser relevante hoje, ou o que n\u00e3o era poss\u00edvel fazer h\u00e1 alguns anos agora se tornou realidade. Existe uma grande quantidade de ferramentas modernas que ajudam a criar aplicativos web e m\u00f3veis de forma mais r\u00e1pida e com melhor qualidade. Com base nas minhas observa\u00e7\u00f5es e experi\u00eancias, gostaria de compartilhar minha vis\u00e3o sobre quais tecnologias e ferramentas ser\u00e3o demandadas em breve e por que elas merecem aten\u00e7\u00e3o ao criar um aplicativo web moderno.<\/p>\n

Single page application (aplicativos de p\u00e1gina \u00fanica)<\/h2>\n

\nVamos esclarecer um pouco a terminologia. Uma Aplica\u00e7\u00e3o de P\u00e1gina \u00danica (SPA) \u00e9 um aplicativo web cujos componentes s\u00e3o carregados uma \u00fanica vez em uma p\u00e1gina, e o conte\u00fado \u00e9 carregado conforme necess\u00e1rio. E, ao navegar entre as se\u00e7\u00f5es do aplicativo, a p\u00e1gina n\u00e3o \u00e9 recarregada completamente, apenas os dados necess\u00e1rios s\u00e3o carregados e exibidos. <\/p>\n

As aplica\u00e7\u00f5es de p\u00e1gina \u00fanica t\u00eam uma grande vantagem em termos de velocidade e usabilidade em rela\u00e7\u00e3o aos aplicativos web cl\u00e1ssicos. Com uma SPA, \u00e9 poss\u00edvel alcan\u00e7ar uma experi\u00eancia similar \u00e0 de um aplicativo de desktop, sem recarregamentos e atrasos significativos. <\/p>\n

Se h\u00e1 alguns anos as aplica\u00e7\u00f5es de p\u00e1gina \u00fanica praticamente n\u00e3o suportavam otimiza\u00e7\u00e3o para mecanismos de busca e eram usadas principalmente para criar pain\u00e9is de administra\u00e7\u00e3o e \u00e1reas de usu\u00e1rio, hoje em dia \u00e9 muito mais f\u00e1cil criar uma aplica\u00e7\u00e3o de p\u00e1gina \u00fanica com total suporte \u00e0 otimiza\u00e7\u00e3o para SEO. Usando SPAs com renderiza\u00e7\u00e3o no servidor, esse problema desapareceu completamente. Em outras palavras, \u00e9 uma aplica\u00e7\u00e3o de p\u00e1gina \u00fanica, mas na primeira solicita\u00e7\u00e3o, o servidor gera n\u00e3o apenas os dados, mas cria uma p\u00e1gina HTML pronta para exibi\u00e7\u00e3o, e os mecanismos de busca recebem p\u00e1ginas completas com toda a meta-informa\u00e7\u00e3o e marca\u00e7\u00e3o sem\u00e2ntica.<\/p>\n

Com o desenvolvimento de ferramentas para a cria\u00e7\u00e3o de aplica\u00e7\u00f5es web voltadas ao cliente, o desenvolvimento e a transi\u00e7\u00e3o para aplica\u00e7\u00f5es de p\u00e1gina \u00fanica continuar\u00e3o a crescer neste e nos pr\u00f3ximos anos. Se voc\u00ea tem um aplicativo antigo que est\u00e1 tecnologicamente ultrapassado e funciona lentamente, ainda por cima com recarregamento completo da p\u00e1gina ao mudar de se\u00e7\u00e3o, ent\u00e3o este \u00e9 o ano ideal para atualizar para uma aplica\u00e7\u00e3o de p\u00e1gina \u00fanica r\u00e1pida \u2013 agora \u00e9 um bom momento, as tecnologias j\u00e1 permitem fazer isso de forma bastante r\u00e1pida e eficaz.<\/p>\n

Ter um site moderno e r\u00e1pido \u00e9 muito bom, mas quero ser honesto com voc\u00ea: nem todos os aplicativos podem ser facilmente convertidos em aplica\u00e7\u00f5es de p\u00e1gina \u00fanica, e a transi\u00e7\u00e3o pode n\u00e3o sair barata! Portanto, \u00e9 preciso entender quem e por que precisa dessa transi\u00e7\u00e3o. <\/p>\n

Para ajud\u00e1-lo a entender, abaixo apresento uma tabela com alguns exemplos em que o desenvolvimento ou a transi\u00e7\u00e3o para SPA s\u00e3o apropriados e justific\u00e1veis, e quando n\u00e3o s\u00e3o.<\/p>\n

ZA<\/b><\/p>\n

Se voc\u00ea deseja criar um aplicativo moderno e r\u00e1pido e quer que ele esteja dispon\u00edvel n\u00e3o apenas na vers\u00e3o web, mas tamb\u00e9m em dispositivos m\u00f3veis ou at\u00e9 mesmo desktop, com todos os processos e c\u00e1lculos realizados em um servidor remoto ou em nuvem. E ainda por cima, que todos os clientes tenham uma interface de intera\u00e7\u00e3o \u00fanica e n\u00e3o seja necess\u00e1rio fazer cada altera\u00e7\u00e3o no c\u00f3digo do servidor ao adicionar um novo cliente.<\/p>\n

Por exemplo: redes sociais, agregadores, plataformas SaaS (software como servi\u00e7o), marketplaces.<\/p>\n

Se voc\u00ea tem uma loja ou servi\u00e7o web, sabe que ele \u00e9 lento e as pessoas desistem, deseja torn\u00e1-lo mais r\u00e1pido, percebe o valor dos clientes e est\u00e1 disposto a pagar pelo upgrade a partir de um milh\u00e3o de rublos.<\/p>\n

Voc\u00ea tem um aplicativo m\u00f3vel que utiliza a API do site, e o site \u00e9 lento e requer recarregamentos completos de conte\u00fado ao navegar pelas p\u00e1ginas.<\/p>\n

CONTRA<\/b><\/p>\n

Se o seu p\u00fablico-alvo n\u00e3o utiliza navegadores e dispositivos modernos. <\/p>\n

Por exemplo: \u00e1reas corporativas espec\u00edficas, como desenvolvimento de sistemas internos para bancos, institui\u00e7\u00f5es de sa\u00fade e educa\u00e7\u00e3o.<\/p>\n

Sua atividade principal \u00e9 offline e voc\u00ea n\u00e3o est\u00e1 disposto a oferecer servi\u00e7os online, precisando apenas atrair clientes.<\/p>\n

Se voc\u00ea possui uma loja online ou servi\u00e7o web que j\u00e1 est\u00e1 vendendo bem, n\u00e3o v\u00ea perda de clientes e reclama\u00e7\u00f5es.<\/p>\n

Se voc\u00ea tem um aplicativo funcional que n\u00e3o pode ser adaptado para SPA e precisa reescrever tudo do zero e usar outras tecnologias, mas n\u00e3o est\u00e1 disposto a gastar alguns milh\u00f5es nisso.<\/p>\n

Por exemplo: h\u00e1 um site de caixa ou algum c\u00f3digo monol\u00edtico antigo feito \u00e0 m\u00e3o. <\/p>\n

Aplicativos Web Progressivos<\/h2>\n

\nAplicativos Web Progressivos (PWA) s\u00e3o produtos da evolu\u00e7\u00e3o conjunta de aplicativos nativos e sites web. Essencialmente, \u00e9 um aplicativo web que se parece e se comporta como um aplicativo nativo real, pode receber notifica\u00e7\u00f5es push, funcionar offline, etc. E o usu\u00e1rio n\u00e3o precisa baixar o aplicativo da App Store ou Google Play, bastando apenas salvar na \u00e1rea de trabalho.<\/p>\n

Como tecnologia ou abordagem de desenvolvimento, as PWA t\u00eam evolu\u00eddo desde 2015 e, recentemente, t\u00eam ganhado enorme popularidade na \u00e1rea de e-commerce. <\/p>\n

Alguns exemplos reais da vida: <\/p>\n