Publicado originalmente no Substack: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

Os aplicativos da web atuais são muito mais do que páginas da web que mostram informações interativas. Às vezes, eles se comportam quase como aplicativos nativos. E que tipo de magia eles usam para fazer isso? Esta série de postagens responderá a essa pergunta...

O que é um aplicativo da Web progressivo

Gosto da definição de PWAs no site Mozilla Developer (https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps):

Um aplicativo da web progressivo (PWA) é um aplicativo criado usando tecnologias de plataforma da web, mas que fornece uma experiência de usuário semelhante à de um aplicativo específico da plataforma. Assim como um site, um PWA pode ser executado em várias plataformas e dispositivos a partir de uma única base de código. Como um aplicativo específico da plataforma, ele pode ser instalado no dispositivo, operar off-line e em segundo plano e integrar-se ao dispositivo e a outros aplicativos instalados.

É um híbrido entre um aplicativo nativo e uma página web, graças às incríveis capacidades dos navegadores atuais, como:

• Banco de dados incorporado
• Trabalhadores off-line
• Integração de sistemas operacionais para desktop e dispositivos móveis
• Etc.

Nesta série de posts, desenvolveremos uma aplicação Web progressiva offline e instalável usando nosso querido Django, com a ajuda do Google Project IDX.

Crie o ambiente de demonstração

Crie um repositório no GitHub:

Crie um novo aplicativo no IDX importando esse repositório:

Inicialize o aplicativo Django no console IDX:

python -m venv ~/.venv
source ~/.venv/bin/activate

mkdir src
cd src

echo "django" > requirements.txt
pip install --upgrade pip
pip install -r requirements.txt

django-admin startproject djangopwa

Faça a migração inicial e execute o servidor:

python manage.py migrate
python manage.py runserver

Crie arquivos IDX para habilitar a visualização incorporada, com a ajuda do projeto https://github.com/arifnd/nix-idx/, que compila diversas configurações IDX:

cd ~/djangopwa 
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/devserver.sh
cd ~/djangopwa/.idx
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/dev.nix

NOTA: Edite o dev.nix e devserver.sh padrão conforme necessário e reinicie o ambiente IDX

Em seguida, crie o aplicativo de demonstração:

python manage.py startapp demo

Adicionar uma visualização vazia:

from django.shortcuts import render

def index(request):
    context = {}
    return render(request, "index.html", context)

Crie as rotas para o novo aplicativo:

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("demo.urls")),
    path('admin/', admin.site.urls),
]

E espere alguns dias até o próximo capítulo!

Sobre a lista

Entre os posts sobre Python e Docker, também escreverei sobre outros tópicos relacionados, como:

• Arquitetura de software
• Ambientes de programação
• Sistema operacional Linux
• Etc.

Se você encontrou alguma tecnologia interessante, linguagem de programação ou qualquer outra coisa, por favor, me avise! Estou sempre aberto para aprender algo novo!

Sobre o autor

Sou Andrés, um desenvolvedor de software full-stack baseado em Palma, em uma jornada pessoal para melhorar minhas habilidades de codificação. Também sou um escritor de fantasia autopublicado, com quatro romances publicados em meu nome. Sinta-se à vontade para me perguntar qualquer coisa!