Blog

Postado em em 18 de junho de 2022

Frontend com Python Usando o PyScript

Hoje eu quero mostrar uma ferramenta que muitos pediram que é o PyScript! Essa ferramenta serve para criar frontend com Python!

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

Como Funciona o PyScript

Você já sabe o que é PyScript e como ele funciona? Nessa aula eu quero fazer uma breve explicação até porque a ferramenta ainda não está completa!

Mas é uma ferramenta que vai te ajudar a criar um Frontend com Python, o que até então não era possível.

Usar Python Dentro do Frontend

O PyScript é uma ferramenta que está em desenvolvimento para que você possa utilizar o Python no frontend de um site.

O Python sempre rodou na parte backend do site, que integrava com a parte frontend que é feita em HTML, CSS e JavaScript.

Dessa forma você conseguirá criar um site todo em Python, então para quem já programa em Python e não tem muito conhecimento nas outras linguagens isso vai facilitar bastante.

Agora vou te mostrar um exemplo de como é simples utilizar o PyScript para a criação de sites.

IMPORTANTE: Lembrando que quando esse post está sendo escrito o PyScript está na sua versão alpha, então ele ainda tem alguns bugs, tem um tempo maior no carregamento entre outros problemas. Mas isso vai sendo ajustado aos poucos para que a ferramenta fique mais robusta e funcionando normalmente.

<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

<body>

<py-script>
print("Meu Frontend feito com Python")
</py-script>

</body>

</html>

Esse é um exemplo bem simples só para te mostrar como funciona o PyScript para essa criação do frontend.

Primeiro temos a estrutura padrão de um site com: <html>, <head> e <body> e dentro do head nós vamos colocar esse código simples que está disponível no próprio site do PyScript.

Esse código você pode colocar em um bloco de notas mesmo, depois basta salvar ele como html (terá o nome de sitepython.html) e em tipo alterar para todos os arquivos.

Exemplo de front criado com Python
Exemplo de front criado com Python

Depois basta abrir o arquivo que você vai ver o site criado com código em Python. Claro que esse foi um exemplo bem simples para te mostrar que isso é possível.

Caso você queira visualizar outros exemplos de frontend criado com Python pode acessar o Pyscript demos para visualizar esses sites.

Eles possuem alguns exemplos bem interessantes que podem te auxiliar a entender melhor quais são as possibilidades dessa ferramenta.

Então vale a pena acessar o site para ver os exemplos e ver as possibilidades que você tem com essa ferramenta incrível!

Vale lembrar que você pode consultar a documentação do PyScript caso tenha alguma dúvida e precise utilizar alguma ferramenta, então não precisa se desesperar se não souber por onde começar.

As documentações são sempre um excelente início, mesmo para quem já é familiarizado com a linguagem.

Agora você pode explorar esses exemplos e brincar com a ferramenta para fazer alguns testes!

Conclusão – Frontend com Python

Essa foi uma aula rápida, pois várias pessoas pediram por esse conteúdo de PyScript que é uma ferramenta incrível, mas ainda está em desenvolvimento.

Mas como você já deve ter notado você vai conseguir construir o frontend de um site todo em Python, ou seja, poderá construir todo o site em Python se quiser e precisar!

Hashtag Treinamentos

Para acessar outras publicações de Python, clique aqui!


Quer aprender mais sobre Python com um minicurso básico gratuito?

Quer sair do zero no Python e virar uma referência na sua empresa? Inscreva-se agora mesmo no Python Impressionador