Desenvolvimento web com Python e Flask

Name: Desenvolvimento web com Python e Flask
Rating: 4.5 (158 reviews)

Aprenda a desenvolver uma aplicação web desde o início

Created byDaniel Xavier

Last updated 3/2024

Portuguese

Portuguese [Auto],

What you'll learn

Instalar o python e a biblioteca flask
Criar uma página HTML
criar aplicações web com a linguagem de programação python
integrar uma aplicação web com banco de dados
desenvolver o CRUD da aplicação
desenvolvimento web
python para web

Course content

12 sections • 147 lectures • 15h 32m total length

Apresentação do curso1:06
Para maior proveito nas aulas0:20
Verificando se o Python está instalado em seu computador e qual a versão0:59
Instalando o Python em nosso computador0:11
Instalando Visual Studio Code0:12

Instalando o Flask3:35
Nesta aula mostro como instalar a biblioteca flask através do comando pip install flask e para consultar a versão do flask foi utilizado o comando flask --version.
Importando o Flask para o nosso projeto, nossa primeira rota12:08
Nesta aula eu mostro como importar o Flask para o nosso projeto, vamos criar uma rota e por fim visualizar como vai ser apresentado em nosso navegador.
Não sabe Python, mas quer aprender?0:24
Criando uma estrutura de diretórios para organizar o front-end8:18
Neste vídeo eu mostro como o flask organiza os projetos em uma hierarquia de pastas. Também é apresentado como criamos a nossa primeira página html para listar as informações cadastradas.
Criando tabela na página8:51
Neste vídeo o aluno irá aprender como criar uma tabela em html.
Aplicando bordas na tabela7:01
Nesta aula eu abordo como aplicar bordas na tabela utilizando o CSS direto no arquivo.

Renderizando pagina HTML7:55
Passando variável para a página6:33
Nesta aula vamos criar uma variável no Python e as informações que ela receber será apresentado em tela para o usuário.
Mostrando uma lista na página10:28
Vamos nessa aula criar uma lista de músicas no Python e no final essa lista deve ser apresentada na página para o usuário dentro da tabela.
Criando classe16:01
Nesta aula desenvolvemos uma classe que recebe as informações da musica, nome, cantor, gênero e no final apresentamos todas essas informações na página com a lista de musica.
Criando página para cadastrar música9:44
Nesta aula criamos uma página contendo os campos para o usuário digitar as informações da música que nas próximas aulas vamos integrar para apresentar na nossa pagina de lista de musicas.
Métodos GET e POST para formulários7:59
Nesta aula eu explico a diferença entre usar o método GET e POST em nosso formulário.
Criando rota para página de cadastro de música3:44
Nessa aula vamos criar a rota para a nossa pagina de cadastro.
Criando rota para recuperar valores cadastrados com método request13:37
Nesta aula importamos o método request para recuperar os dados digitados pelo usuário.
Adicionando valores na lista, recebendo valores via POST5:08
Nesta aula vamos tratar a rota para receber valores via o método POST.
Criando rota de início2:22
Redirecionando rota4:59
Nesta aula é corrigido um erro que acontece ao realizar um cadastro, se o usuário pressionar a tecla F5 é adicionada novamente as informações. Para solucionar foi importado para o projeto o redirect.

Criando tela de login7:17
Nesta aula criamos a pagina html para o usuário informar as credenciais.
Criando rota para tela de login3:20
Nesta aula foi criado a rota para chamar a tela de login, rota essa que foi deixado de exercício de fixação para os alunos na aula anterior.
Validando senha do usuário9:46
Nesta aula o aluno aprende a fazer uma validação simples para confirmar a senha e direciona-lo para uma página.
Criando sessão para o usuário5:54
Nesta aula o aluno aprende a criar uma sessão para o usuário logado.
Finalizando sessão do usuário4:14

Baixando bootstrap5:59
Nesta aula mostro como baixar o bootstrap e em qual diretório ele deve ser aplicado.
Vinculando o bootstrap em nossa página4:55
Nesta aula é feito um vinculo com a página HTML junto com o arquivo bootstrap baixado.
Aplicando thead e tbody na tabela5:42
Nesta aula vamos separar os conteúdos dos títulos da tabela, através dos comando thead e tbody.
Aplicando css do bootstrap na tabela5:54
Agora que já baixamos o bootstrap, adicionamos em nossa pagina vamos começar a utilizar as classes para formatar a nossa tabela.
Aplicando a classe container do bootstrap5:54
Agora que a tabela esta sendo formatada, vamos também aplicar a classe container para ajustar a nossa página e deixar nossa aplicação com uma margem.
Separando os campos do formulário6:45
Para organizar o nosso conteúdo, vamos separar os elementos para deixar a página mais simples de navegar.
Importando bootstrap na página cadastra música3:38
Nesta aula vamos criar um vinculo entre a página HTML de cadastro de música junto com o arquivo bootstrap baixado.
Aplicando classe para separar grupos de campos4:07
Nesta aula aplicaremos a classe "mb" do bootstrap para organizar o alinhamento dos formulários.
Aplicando classe para formatar campos3:25
Após a organização dos campos, vamos estilizar os campos onde os usuários vão digitar.
Vinculando os campos6:09
Nesta aula será adotado um meio de vincular o campo onde o usuário digita com o texto identificador dele.
Aplicando classe no botão de cadastro5:54
Por fim, nesta aula vou mostrar como aplicar classe para estilizar o botão de cadastro.
Aplicando bootstrap na página de login2:44
Nesta aula vamos criar um vinculo entre a página HTML de login junto com o arquivo bootstrap baixado.
Separando em grupos os campos de login e senha3:40
Agora vamos separar os elementos para deixar a página mais simples de navegar.
Aplicando a classe mb do bootstrap nos campos2:33
Nesta aula aplicaremos a classe "mb" do bootstrap para organizar o alinhamento dos formulários.
Vinculando a label com os campos3:23
Nesta aula será adotado um meio de vincular o campo onde o usuário digita com o texto identificador dele.
Aplicando classe nos campos de login e senha3:38
Após a organização dos campos, vamos estilizar os campos onde os usuários vão digitar.
Aplicando estilo no botão de login2:19
Nesta aula vou mostrar como aplicar classe para estilizar o botão de cadastro.
Criando menu10:17
Aplicando link no menu6:55
Criando um template padrão para as páginas5:46
Vinculando conteúdo com página de template - Parte 17:13
Vinculando conteúdo com página de template - Parte 25:33
Deixando o conteúdo da página dinâmico7:16
Deixando o titulo da página dinâmico2:40
Ajustando layout da tela de login2:49
Mostrando mensagem para o usuário9:04
Estilizando mensagem do flash4:37
Apresentando mensagem de sucesso para o usuário4:28

Instalando banco de dados0:06
Criando banco de dados7:38
Criando tabela para cadastrar músicas9:43
Selecionando tabela - comando select3:13
Inserindo dados na tabela - comando insert8:51
Inserindo mais de um registro ao mesmo tempo7:54
Selecionando dados com condições - clausula where6:17
Operador like7:17
Sinal de diferente2:37
Selecionando dados com sinal de menor e menor igual2:23
Selecionando dados com sinal de maior e maior igual2:40
Atualizando registro - comando update7:49
Fazendo o exercício de update2:17
Excluindo registro - comando delete3:05
Criando tabela de usuário7:57
Inserindo usuário - comando insert4:52
Limpando tabela - comando truncate1:51
Definindo coluna como única - comando unique2:25
Testando coluna como única5:19
Excluindo usuário - comando delete2:18

Instalando o mysql connector3:08
Nesta aula instalamos a biblioteca mysql-connector-python através do comando "pip install mysql-connector-python"
Instalando o mysqlclient1:49
Nesta aula instalamos a biblioteca mysqlclient através do comando "pip install mysqlclient"
Instalando sqlalchemy2:12
Nesta aula instalamos a biblioteca sqlalchemy através do comando "pip install flask-sqlalchemy"
Importando SQLAlchemy e configurando conexão com o banco de dados10:03
Criando a classe modelo de musica10:12
Criando a classe modelo de usuário3:03
Listando na página as musicas cadastradas no banco de dados5:44
Cadastrando musica através da página9:12
Logando na aplicação através de usuário cadastrado no banco de dados8:19
Criando arquivo de conexão com o banco de dados6:14
Criando arquivo que contém as classes do projeto4:21
Criando arquivo para as rotas do projeto11:09
Criando pagina para editar música3:57
Criando rota para abrir a página de editar música6:57
Validando seção do usuário para editar música cadastrada4:11
Adicionando link para editar a música5:16
Passando dados da música para tela de editar13:45
Salvando alterações na música14:12
Excluindo musica11:48

Adicionando campo para carregar arquivo5:47
Importando imgem12:45
Formatando campo de seleção de imagem7:19
Inserindo ícones12:03
Criando função para recuperar imagem10:05
Criando rota para apresentar imagem na pagina de edição13:37
Melhorando função para retornar imagem de qualquer extensão4:56
Atualizando função para receber mais extensões de imagem9:46
Conhecendo mais sobre listas em python0:05
Adicionando os campos para editar música7:02
Editando capa da música10:47
Tratando o cash do navegador10:24
Excluindo imagem para não sobrecarregar o diretório10:44
Aplicando elementos HTML na imagem7:35

Instalando a biblioteca flask-wtf2:34
Criando classe formulário musica para validar os campos13:31
Vinculando pagina com classe de validação14:14
Recebendo os dados de uma classe de formulario7:42
Aplicando token na página para validar o cadastro3:20
Validando envio de imagem4:27
Alterando a rota editar para atender as validações5:41
Atualizando página de editar música9:34
Modificando a rota de atualizar9:42
Validando edição da imagem5:07
Aplicando token no projeto4:28
Criando classe de formulário de usuário8:26
Ajustando página de login para validar formulário11:41
Validando usuário logando com token8:53
Organizando rotas9:46

Requirements

Conhecimentos em navegar entre diretórios
Desejável conhecimento em lógica de programação

Description

Ao analisar hoje o mercado de trabalho vejo cada vez mais pessoas querendo aprender como desenvolver uma aplicação web, por este motivo decidi criar este curso com o foco não só nas pessoas que querem entrar na área de desenvolvimento ou já estão atuando na área, este curso também é para aqueles que querem aprender como funciona uma aplicação web.

É por este motivo que foquei muito em ensinar desde o zero, tudo que for mostrado em aula estou fazendo desde o início, para que os alunos tenham o maior aproveitamento das aulas e conheçam as camadas das aplicações, tanto do front-end quanto do back-end.

Nas aulas vou apresentar conteúdos como:

Instalar uma IDE;
O que é uma IDE;
Instalação do Python;
Instalação do Flask;
Importar o Flask para o projeto;
Criação de rotas;
URL’s dinâmicas;
Integração do HTML com o Python / Flask ;
Passada de parâmetros GET e POST;
Autenticação de usuário;
Sessão de usuário;
Design da aplicação;
Estilizando com Bootstrap;
Banco de dados;
Conexão entre aplicação e banco de dados;

É um curso bem completo e iniciando bem do básico mesmo para que os alunos aprendam como funciona o desenvolvimento web com a linguagem de programação Python utilizando a biblioteca Flask.

Who this course is for:

para o pessoal que esta iniciando a carreira na área de desenvolvimento ou todos aqueles que tem a vontade de aprender a desenvolver sua própria aplicação.

Desenvolvimento web com Python e Flask

What you'll learn

Explore related topics

Course content

Introdução5 lectures • 3min

Iniciando aplicações web6 lectures • 40min

Integrando HTML e Pynthon11 lectures • 1hr 29min

Autenticando usuário5 lectures • 31min

Estilizando aplicações28 lectures • 2hr 23min

Rotas, URLs e Validações9 lectures • 57min

Banco de dados20 lectures • 1hr 37min

Integração entre aplicação e banco de dados19 lectures • 2hr 16min

Adicionando mídias14 lectures • 2hr 3min

Validações de formulário15 lectures • 1hr 59min

Requirements

Description

Who this course is for: