Primeiros passos no Flask

Lâmpada mágica

Nestes primeiros passos no Flask vamos explorar a programação web utilizando o micro framework Flask. Primeiramente, nos concentraremos em entender os conceitos iniciais e, logo depois, adicionaremos comentários de forma sequencial para facilitar o aprendizado e a aplicação prática.

Para começar, antes de qualquer outro passo, crie seu projeto e, em seguida, instale o Python e o Flask. Além disso, é importante garantir que todas as configurações básicas estejam funcionando corretamente para evitar problemas mais adiante. Todos os exemplos apresentados neste post foram cuidadosamente baseados no site oficial do Flask, o que, consequentemente, assegura a confiabilidade do conteúdo que você estará estudando.

No Flask, diferentemente de outras ferramentas, criamos nossas rotas manualmente utilizando o decorador @app.route(). Esse processo, embora simples, é essencial para o funcionamento correto do aplicativo e, por isso, será abordado em mais detalhes a seguir.

Home

‘ @app.route(“/hello”) def hello_world(): return ”

Hello, World!

” @app.route(“/”) def hello_name(name): return f”

Hello, {escape(name)}!

” # Executa o aplicativo LOCALMENTE (localhost) na porta 5000 if __name__ == ‘__main__’: app.run(host=’127.0.0.1′, port=5000) “”” Resultados: Vejamos as Rotas: “http://127.0.0.1:5000/” veremos um texto “Home”, “http://127.0.0.1:5000/hello” veremos “Hello, World”, “http://127.0.0.1:5000/Pedro” veremos “Hello, Pedro” “””

No último exemplo, utilizamos o escape, que permite enviar um parâmetro ao servidor de maneira simples. Por exemplo, ao escrever “Pedro” na URL, recebemos a concatenação “Hello, ” + “Pedro”. Contudo, é essencial destacar que esse método, conforme apresentado, não é seguro. É necessário criptografar as informações antes de enviá-las pela rede. Em um próximo post, discutiremos como criptografar e descriptografar dados de forma eficaz.

Conclusão:

No post “Páginas Estáticas e Dinâmicas com CSS Global no Flask“, exploraremos a estilização e a utilização de modelos HTML. O objetivo do estudo com Flask é compreender o funcionamento de um servidor de Back-End, seja por API ou integração com bases de dados, permitindo interação direta com o Front-End.

Sugiro estudar o Front-End utilizando o Next.js, que facilita a criação de bibliotecas de componentes React e rotas dinâmicas. Além disso, dominar a criação de páginas no servidor Back-End, mesmo diretamente no Flask, permitirá o desenvolvimento de páginas administrativas e a futura apresentação de tabelas dinâmicas com informações provenientes do servidor.

Referências:

Publicidade – Livros da Amazon:

Back-End e Front-End

telefone de lata e dois garotos

Trataremos neste post de Back-End e Front-End:

Back-End

No back-end, você trabalhará basicamente com bases de dados, SQL, APIs, segurança de dados e programação na linguagem do framework. No nosso caso de estudo, utilizaremos o Flask e a linguagem Python. Dessa forma, você entenderá como construir aplicações robustas.

O objetivo é ter uma base de dados centralizada para atender todos os usuários. Assim, garantimos a integridade e a organização das informações.

Exemplo de Back-End:

Consultar, salvar, editar ou remover informações em uma base de dados única é essencial para a gestão de dados. Além disso, a automação desses processos facilita a escalabilidade.

Se estivermos falando de microserviços, podemos pensar em uma base de dados simples ou no acesso a módulos e funções Python por meio de APIs. Consequentemente, isso permite maior flexibilidade e desempenho em aplicações complexas.

Um exemplo de microserviço é um aplicativo de rota de veículos. Cada veículo compartilha sua localização em intervalos de tempo constantes. O servidor com essas informações pode calcular a velocidade média dos veículos e informar a todos onde o fluxo está lento. Neste caso, será um microserviço se o processamento ocorrer entre vários servidores, cada um com sua função específica. Com os dados pré-processados separadamente por cada servidor, podemos atingir o objetivo final: retornar as informações ao aplicativo de diversos clientes. Portanto, microsserviços permitem maior escalabilidade com máquinas menos robustas, mas exigem uma coordenação eficiente entre as diversas equipes de TI.

front-end

Front-End

No front-end, você aprenderá o que chamamos de “Web Design”, que envolve o desenvolvimento de componentes, estrutura das páginas, acessibilidade, design responsivo (adaptável a telas de diferentes dimensões), paleta de cores, identidade visual e UX (experiência do usuário). Para isso, é necessário conhecer HTML, CSS (tratado com Sass ou Styled Components), JavaScript e, possivelmente, TypeScript. Assim, você estará preparado para criar experiências agradáveis para o usuário.

Exemplo de Front-End:

O editor de texto deste site roda JavaScript no computador do cliente, garantindo a segurança dos dados, pois nada sai do computador do cliente. Além disso, essa abordagem melhora o desempenho.

Um exemplo clássico é a validação do preenchimento correto de um formulário de compra. Para habilitar o botão de envio das informações ao servidor, os campos obrigatórios precisam ser preenchidos corretamente. Consequentemente, o tempo de resposta é imediato, pois o computador do cliente orienta o usuário durante o preenchimento do formulário. Se o processamento fosse feito no servidor, o tempo de resposta seria insatisfatório e o servidor ficaria sobrecarregado.

Abordaremos em outros posts sobre Back-End e Front-End.

Publicidade – Livros da Amazon: