Antes do WordCampWordCamp Os WordCamps são conferências informais organizadas localmente que abrangem tudo relacionado ao WordPress. Eles são um dos lugares onde a comunidade WordPress se reúne para ensinar uns aos outros o que aprenderam ao longo do ano e compartilhar a alegria. Saiba mais. Europa, a equipe organizadora estava trabalhando intensamente para aprimorar o WordCamp.org para ser uma aplicação web progressiva (PWA).
Isso foi implantadoImplantar Lançar código de um ambiente de desenvolvimento local para o servidor web de produção, tornando-o disponível aos visitantes. nos dias que antecederam o evento, com ajustes sendo feitos durante o próprio evento. O objetivo do projeto era entregar um MVPProduto mínimo viável “Um produto mínimo viável (MVP) é um produto com recursos suficientes apenas para satisfazer os primeiros clientes e fornecer feedback para o desenvolvimento futuro do produto.” – WikiPedia para o WordCamp Europe 2019 e, em seguida, continuar iterando nesse trabalho para tornar os recursos de PWA úteis para todos os WordCamps.
Status atual
O trabalho nos recursos de PWA foi inicialmente feito como um plugin independente e agora foi incorporado ao repositório de código do WordCamp.org. Ele usa o plugin de recursos PWA como estrutura subjacente e adiciona algum código personalizado adicional sobre ela. Por enquanto, ele está ativo apenas no site do WordCamp Europe 2019, pois ainda não está pronto para ser usado de forma mais ampla.
Os recursos de PWA que aprimoram o site são:
- Conteúdo offline:
- Depois que você visita uma página enquanto está online, ela é salva no seu dispositivo para que possa acessá-la offline; por exemplo, se o Wi-Fi do local falhar durante o evento. (Observação 1, 2)
- Quando você está offline e visita uma página que não está salva, é exibido um modelo de página especial que inclui a programação. No futuro, ele também terá informações críticas adicionais, como a data e o local do evento.
- Armazenamento em cache de recursos estáticos. Arquivos e endpoints da API RESTAPI REST A API REST é um acrônimo para Application Program Interface (API) RESTful, que usa solicitações HTTP para OBTER, COLOCAR, PUBLICAR e EXCLUIR dados. É assim que o front-end de uma aplicação (pense em “aplicativo de celular” ou “site”) pode se comunicar com o armazenamento de dados (pense em “banco de dados” ou “sistema de arquivos”)
https://developer.wordpress.org/rest-api/ que não mudam com frequência (por exemplo, CSSCSS CSS é um acrônimo para folhas de estilo em cascata. É o que controla o design ou a aparência de um site., JavaScriptJavaScript JavaScript ou JS é uma linguagem de programação de computador orientada a objetos, comumente usada para criar efeitos interativos em navegadores web. O WordPress faz uso extensivo de JS para proporcionar uma melhor experiência ao usuário. Enquanto o PHP é executado no servidor, o JS é executado no navegador do usuário.
https://www.javascript.com, arquivos de imagem) são armazenados em cache de forma mais agressiva, para que as páginas carreguem mais rapidamente em visitas subsequentes. - Adicionar à tela inicial. Você pode “instalar” o WordCamp.org no seu dispositivo móvel, de forma semelhante à instalação de um aplicativo nativo, para ter acesso rápido a ele. No futuro, os visitantes que o instalarem poderão salvar todo o conteúdo offline ou ter acesso a outros aprimoramentos.
- Versões mais antigas do iOSiOS O sistema operacional usado em iPhones e iPads. não oferecem suporte a esse recurso.
Além desses recursos tradicionais de PWA, a equipe também criou um modelo de página personalizado do “Dia do evento”. Ele pode ser usado enquanto o evento estiver acontecendo para exibir uma programação em tempo real das sessões que estão ocorrendo no momento, das próximas sessões e das publicações mais recentes do blog do WordCamp. Ele está disponível para todos os visitantes, mesmo que seus navegadores sejam antigos demais para oferecer suporte aos recursos de PWA.
Com exceção de adicionar o site à tela inicial, todos os recursos acima estão disponíveis aos visitantes independentemente do dispositivo e funcionam da mesma maneira em desktops e laptops que em dispositivos móveis.
Alguns recursos adicionais foram discutidos, mas não puderam ser desenvolvidos a tempo:
- Armazenamento em cache offline das informações das sessões e dos palestrantes por padrão (ou seja, sem precisar visitar primeiro as páginas relevantes)
- CabeçalhoCabeçalho O cabeçalho do seu site normalmente é a primeira coisa que as pessoas experimentarão. O cabeçalho ou a arte do cabeçalho localizada na parte superior da sua página faz parte da aparência do seu site. Ele pode influenciar a opinião de um visitante sobre seu conteúdo e sobre você ou a marca da sua organização. Ele também pode ter uma aparência diferente em tamanhos de tela distintos. e rodapé do site otimizados para dispositivos móveis
- Notificações push para as próximas sessões que o usuário marcou como favoritas
- Notificações push para anúncios importantes
Agradecemos a todos que estiveram envolvidos no projeto de PWA, seja criando designs, dando feedback sobre wireframes, fornecendo orientação, oferecendo ideias ou escrevendo código:
@mburridge, @ziontrooper, @avillegasn, @Iceable, @tfrommen, @macloune, @marcusjwilson, @vdwijngaert, @westonruter, @hlashbrooke, @iandunn, @tjnowell, @jb510, @coreymckrill, @andreamiddleton, @sippis, @melchoyce, @karmatosed, @garyj, @webcommsat
Refletindo sobre o processo
Agora que o WordCamp Europe terminou, seria útil analisar o processo de desenvolvimento e como tudo aconteceu. Portanto, se você esteve envolvido no projeto de alguma forma, seu feedback aqui seria valioso. Comente abaixo respondendo às seguintes perguntas:
- O que funcionou bem no projeto de desenvolvimento do PWA? (O que deve continuar?)
- O que você acha que não funcionou tão bem? (O que deve parar?)
- O que você acha que poderíamos fazer de diferente ao desenvolver novos recursos ou ferramentas para o WordCamp.org? (Que coisas/práticas novas devem começar?)