Dotcode
Dotcode
  • 190
  • 935 622
Seu primeiro app com Flutter
Workshop para o Talk a Bit 2024 do CITi - UFPE.
Neste vídeo aprenderemos a:
- Instalar o Flutter
- Escolher boas extensões para o VSCode
- Criar projeto (vazio) com Flutter
- Entender o que são Widgets
- Criar um modelo (dataclass) com Dart
- Criar uma tela com Flutter
- Entender o que é um Scaffold
- Criar e estilizar uma AppBar
- Criar um texto
- Mostrar uma imagem
- Estilizar fonte do texto
- Criar um botão
- Criar um divisor
- Construir um widget personalizado
- Publicar o PWA
❤️ Inscreva-se no canal aqui: ua-cam.com/channels/zQIC5Emb1scaYgpJKjktaQ.html?view_as=subscriber
🔗 Desconto Alura: www.alura.com.br/promocao/ricarthlima
🧑‍💻 Se quiser saber mais sobre mim, visite o meu site: ricarth.me
Me envie sua dúvida pelo Instagram: ricarthlima
Se quiser me acompanhar no Twitter: @ricarthlima
✍ Dotcode no Medium: dotcodeeducation.medium.com/
⚠ Política de Comentários do Canal da Dotcode:
1. Ao comentar você concorda e permite que o texto, nome de perfil e imagem de perfil, possam ser usados para ilustrar e compor conteúdo em vídeo e postagem aqui deste canal, sem custo ou ônus para o criador;
2. Comentários estão sujeitos à moderação do criador do canal e ao sistema automático do UA-cam. Os comentários devem ser adequados ao assunto do vídeo ou canal. Comentários fora de contexto podem ser excluídos;
3. Estas regras são retroativas e se aplicam a todo o canal, em qualquer vídeo que tenha comentários públicos.
4. Se o comentário for excluído (pelo perfil que comentou ou pelo administrador do canal), mas já tiver sido usado e exibido em algum vídeo do canal, o conteúdo em vídeo NÃO será excluído.
Переглядів: 244

Відео

ChatGPT na CRIAÇÃO de narrativas para RPG
Переглядів 9621 день тому
Descubra como a tecnologia pode transformar a forma como criamos e gerenciamos histórias com o uso de inteligência artificial e FLUTTER! Neste vídeo, Ricarth Lima, desenvolvedor e instrutor de tecnologia na Alura, explora como integrar ferramentas de IA, como o ChatGPT, para criar mundos ficcionais, com foco especial em narrativas de RPG e projetos de desenvolvimento de software. Através de um ...
Módulo Firebase Storage | ZaF Episódio Final
Переглядів 331Місяць тому
Neste episódio finalizaremos o Zero ao Flutter, implementando adição, download e remoção do Firebase Storage, por fim, faremos um build para web e publicação com o Netlify. 🎥 Playlist Zero ao Flutter: ua-cam.com/video/t45eGo3hHsg/v-deo.html ❤️ Inscreva-se no canal aqui: ua-cam.com/channels/zQIC5Emb1scaYgpJKjktaQ.html?view_as=subscriber 🔗 Desconto Alura: www.alura.com.br/promocao/ricarthlima 🧑‍💻...
Hiato, Graduação e a Dotcode
Переглядів 1,1 тис.9 місяців тому
Passado, presente e possíveis futuros, nós nos lembramos de todos eles. Obrigado por tudo! :D
Módulo Cloud Firestore com Flutter | ZaF#024
Переглядів 2,6 тис.10 місяців тому
Como configurar, salvar, ler em tempo real, editar e remover dados do Cloud Firestore usando o Flutter. Esse é o penúltimo vídeo da nossa saga Zero ao Flutter. Quer aprender mais sobre Firebase com Flutter? Confira a Formação Flutter com Firebase na Alura! Link com desconto: www.alura.com.br/promocao/ricarthlima 00:00:00 - Recados Iniciais 00:02:49 - Gerar ListView a partir de uma List 00:15:05...
🚀 Como Logar Usuários no Firebase Authentication | Zero ao Flutter GymApp #23
Переглядів 3,6 тис.Рік тому
🔥 Quer aprender como logar usuários no Firebase Authentication usando o Flutter? Este vídeo é o que você precisa! No episódio 23 da série "Zero ao Flutter GymApp", vou te guiar passo a passo pelo processo de autenticação de usuários já cadastrados no Firebase. Prepare-se para aprimorar suas habilidades de desenvolvimento de aplicativos! 💡 Neste tutorial, você aprenderá como implementar o login ...
Aprenda a Usar o Snackbar no Flutter para Melhorar seu App | Zero ao Flutter GymApp #22
Переглядів 2,7 тис.Рік тому
🔥 Quer saber como usar o Snackbar no Flutter para aprimorar a experiência do seu aplicativo? No episódio 22 da série "Zero ao Flutter GymApp", vou te mostrar passo a passo como implementar o Snackbar de forma eficaz e mostrar erros do Firebase de maneira amigável. Prepare-se para tornar seu app mais interativo! 💡 O Snackbar é uma ferramenta poderosa para se comunicar com os usuários do seu apli...
Tratando Erros do Firebase no Flutter | Zero ao Flutter GymApp #21 🔥
Переглядів 2,1 тис.Рік тому
🔥 Aprenda a tratar erros do Firebase no Flutter com este tutorial completo! No vídeo "Tratando erros do Firebase no Flutter", vou te mostrar passo a passo como lidar com possíveis problemas ao usar o Firebase em seus projetos. Prepare-se para melhorar ainda mais suas habilidades de desenvolvimento! 💡 Saber como tratar erros é essencial para garantir a robustez e confiabilidade de seus aplicativ...
CRIEI um JOGO INTEIRO num quarto de hotel
Переглядів 468Рік тому
Jogue AGORA o soletre.me: 🌍: soletre.me/ 📱: play.google.com/store/apps/details?id=lima.ricarth.flutter_aglomera 🍎: Em breve. 🎮 Curta a história emocionante de como criei um jogo completo em um quarto de hotel! No vídeo "CRIEI um JOGO INTEIRO num quarto de hotel", vou compartilhar com você todos os desafios e emoções que vivi ao desenvolver o "soletre.me", um divertido jogo de desafios diários p...
Cadastre usuários RÁPIDO e SEGURO com Firebase Authentication no Flutter | ZaF GymApp 20
Переглядів 7 тис.Рік тому
🔐 Quer aprender a cadastrar usuários com Firebase Authentication no Flutter? Este é o vídeo que você precisa assistir! No episódio 20 da série "Zero ao Flutter GymApp", vou te guiar passo a passo na utilização do Firebase Authentication para cadastrar novos usuários em seu aplicativo Flutter. Prepare-se para implementar recursos de autenticação poderosos! 💡 Aprenda a utilizar o Firebase Authent...
Configurando o Firebase no Flutter SEM BUGS 🔥 | ZaF GymApp #19
Переглядів 16 тис.Рік тому
Quer aprender mais sobre Firebase comigo? CUPOM DE DESCONTO DA ALURA: www.alura.com.br/promocao/ricarthlima 🔥 Quer aprender a configurar o Firebase no Flutter de forma definitiva? Este é o vídeo que você precisa assistir! No episódio 19 da série "Zero ao Flutter GymApp", vou te guiar passo a passo na configuração do Firebase no Flutter, permitindo que você aproveite todas as vantagens dessa pod...
O que é Firebase? 🔥 | ZaF18 #firebase #flutter #frontend #mobile
Переглядів 2,9 тис.Рік тому
🔥 Quer conhecer o PODER do Firebase? Este é o vídeo que você não pode perder! No episódio 18 da série "Zero ao Flutter GymApp", vou te mostrar tudo sobre o Firebase, suas principais ferramentas e as vantagens de utilizá-lo em seus projetos. Prepare-se para levar seus aplicativos para o próximo nível! 💡 Aprenda tudo sobre o Firebase neste tutorial completo. Vou compartilhar dicas, exemplos práti...
Como VALIDAR Campos de Formulário no Flutter | Zero ao Flutter GymApp #17
Переглядів 3,5 тис.Рік тому
🔥 Quer aprender a validar campos de formulário no Flutter? No episódio 17 da série "Zero ao Flutter GymApp" do canal Dotcode, Ricarth Lima vai te ensinar passo a passo como utilizar o atributo validator e a GlobalKey de form para fazer validações nos TextFormField dos seus formulários. Aprenda a garantir a consistência e integridade dos dados inseridos pelos usuários nos seus aplicativos Flutte...
Personalize seu CAMPO DE TEXTO no Flutter | Zero ao Flutter GymApp #16
Переглядів 3,7 тис.Рік тому
Personalize seu CAMPO DE TEXTO no Flutter | Zero ao Flutter GymApp #16
Aprenda a Criar um Formulário INCRÍVEL no Flutter | Zero ao Flutter GymApp #15
Переглядів 5 тис.Рік тому
Aprenda a Criar um Formulário INCRÍVEL no Flutter | Zero ao Flutter GymApp #15
🚀💻 O Mercado de Engenharia da Computação em 2023 | Conversando com um Profissional
Переглядів 10 тис.Рік тому
🚀💻 O Mercado de Engenharia da Computação em 2023 | Conversando com um Profissional
🔥 Domine Gradientes no Flutter: Crie Interfaces Incríveis! | Zero ao Flutter GymApp #14
Переглядів 2,4 тис.Рік тому
🔥 Domine Gradientes no Flutter: Crie Interfaces Incríveis! | Zero ao Flutter GymApp #14
💥 Domine o Widget IMAGE e Surpreenda com suas Imagens no Flutter | Zero ao Flutter GymApp #13
Переглядів 4,5 тис.Рік тому
💥 Domine o Widget IMAGE e Surpreenda com suas Imagens no Flutter | Zero ao Flutter GymApp #13
Como Criar a AppBar MAIS BONITA no Flutter | ZaF GymApp
Переглядів 4,8 тис.Рік тому
Como Criar a AppBar MAIS BONITA no Flutter | ZaF GymApp
Como Estilizar uma Tela no Flutter | ZaF GymApp
Переглядів 3,8 тис.Рік тому
Como Estilizar uma Tela no Flutter | ZaF GymApp
Como preencher uma tela no Flutter com valores do modelo | ZaF GymApp
Переглядів 3,7 тис.Рік тому
Como preencher uma tela no Flutter com valores do modelo | ZaF GymApp
Seu DOMÍNIO PERSONALIZADO no GitHub pages RÁPIDO
Переглядів 21 тис.Рік тому
Seu DOMÍNIO PERSONALIZADO no GitHub pages RÁPIDO
Como criar MODELS no Flutter | ZaF GymApp
Переглядів 5 тис.Рік тому
Como criar MODELS no Flutter | ZaF GymApp
Hospede seu site rápido e de graça com GitHub Pages em 2023
Переглядів 121 тис.Рік тому
Hospede seu site rápido e de graça com GitHub Pages em 2023
Como criar minha primeira tela com Flutter | ZaF GymApp
Переглядів 10 тис.Рік тому
Como criar minha primeira tela com Flutter | ZaF GymApp
💻🎓 Devo fazer Engenharia de Computação em 2023? | Conversando com um Profissional
Переглядів 11 тис.Рік тому
💻🎓 Devo fazer Engenharia de Computação em 2023? | Conversando com um Profissional
Como entender a aplicação base do Flutter | ZaF GymApp
Переглядів 7 тис.Рік тому
Como entender a aplicação base do Flutter | ZaF GymApp
Como Criar seu Primeiro Projeto Flutter PASSO A PASSO | ZaF GymApp
Переглядів 20 тис.Рік тому
Como Criar seu Primeiro Projeto Flutter PASSO A PASSO | ZaF GymApp
Como Configurar o Emulador Android para Flutter | ZaF GymApp
Переглядів 24 тис.Рік тому
Como Configurar o Emulador Android para Flutter | ZaF GymApp
Como Instalar o Flutter no Windows: tudo o que você precisa saber | ZaF GymApp
Переглядів 49 тис.Рік тому
Como Instalar o Flutter no Windows: tudo o que você precisa saber | ZaF GymApp

КОМЕНТАРІ

  • @amandachristina9746
    @amandachristina9746 День тому

    Eu também só fui aprender CRUD depois de anos programando.

  • @LeandroSilva-yp4tb
    @LeandroSilva-yp4tb День тому

    Faz um video mais detalhado de como usar o netlify com git, please.

  • @renangomes9018
    @renangomes9018 День тому

    Uma bosta.

  • @brunogomes1516
    @brunogomes1516 3 дні тому

    Quando crio esse link ele esta mostrando o Read-me e não o projeto. O que houve?

  • @aninhatts5910
    @aninhatts5910 5 днів тому

    na minha instalação do git eu apertei em launch git bash e não perguntou mais nada. Instalou direto. Não apareceu p mim opção de pasta, nada. Devo me preocupar?

  • @adelsonalvarez
    @adelsonalvarez 5 днів тому

    Ao executar: dart pub global activate flutterfire_cli Apareceu o seguinte erro: Error: Unable to find git in your PATH. Como eu faço pra resolver esse problema?

  • @andrezasantos9871
    @andrezasantos9871 8 днів тому

    Ótimo conteúdo! Onde posso ver a continuação?

  • @elreverso9063
    @elreverso9063 8 днів тому

    A foto e vídeo do meu site não apareceram :(

  • @tiaozinhorocha
    @tiaozinhorocha 9 днів тому

    boa noite. ao que parece o site do netlify está um pouco modificado. Não consegui excluir um projeto nem tampouco atualiza-lo. como se faz isso atualmente lá no site?

  • @rafaela_oliv
    @rafaela_oliv 9 днів тому

    Meu mano, muito obrigada por esse video tão bem explicado!

  • @ThiagoTorres-s6x
    @ThiagoTorres-s6x 9 днів тому

    rapa como eu vinculo isso com banco de dados até hoje não vi só serve para mostrar o site mas as informações de um formulário vai pra onde ?

  • @kazuo-kan6951
    @kazuo-kan6951 10 днів тому

    E se eu tiver um banco de dados que conversa com esse projeto como eu hospedo ele tbm?

  • @celsospina8011
    @celsospina8011 11 днів тому

    Tava sumido. Abraços. Seus videos sao show.

  • @LeandroSilva-yp4tb
    @LeandroSilva-yp4tb 13 днів тому

    Top

  • @terhour
    @terhour 13 днів тому

    LIKE 👍

  • @karlinhomagalhaes6093
    @karlinhomagalhaes6093 16 днів тому

    Brigadooo 😊

  • @iruzikyaraujo730
    @iruzikyaraujo730 16 днів тому

    Bom demais

  • @hellen_20
    @hellen_20 16 днів тому

    Subi, meu e um sistema de login para a faculdade, porém não consegui pois as outras paginas não pega

  • @vagnervinicius1929
    @vagnervinicius1929 17 днів тому

    Esse video voce esqueceu que tem gente que nao entende nada

  • @gabrielrocha5666
    @gabrielrocha5666 17 днів тому

    tu é foda pai

  • @leonardoromulo2697
    @leonardoromulo2697 18 днів тому

    O meu não tinha o main, apenas o master será que deu algum erro?

  • @RobertoFanganiello-op8qc
    @RobertoFanganiello-op8qc 21 день тому

    Não deu certo no meu VSCODE, qdo vou procurar o emulador, não aparece.

  • @Vini03030
    @Vini03030 21 день тому

    O meu deu erro 404

  • @jeanpersil6249
    @jeanpersil6249 22 дні тому

    Pessoal, para aqueles que estavam tendo problemas em visualizar o aparelho no VS code mesmo após ativar o modo depuração do celular, no meu caso consegui resolver a situação. Foi necessario eu baixar o android studio, pois com ele vem o ADB ( android debug bridge ) que permite a comunicação entre o pc e o dispositivo, após isso reiniciei minha maquina. Após a instalação do android studio ( pois vem com o adb) e a ativação do modo depuração USB do celular apareceu no VS CODE o meu dispositivo para emular. Espero poder ajudar algumas pessoas! print("Hello world");

  • @celsonpaixao4157
    @celsonpaixao4157 22 дні тому

    Mais um projecto foda

  • @akabuyx4636
    @akabuyx4636 23 дні тому

    Depois de algumas horas, alguns erros e refazer do zero 2 vezes foi!! haha kkkkk pra quem ta vendo por agora pelo final de 2024 o minSDK que ele utilizou 19 e está tendo erro, mude para 23 que é mais recente e tenta rodar o emulador de novo, e fica bem esperto na hora de rodar o flutter configure e selecionar seu projeto, pode ser que peça o id da sua aplicação e ela tem que estar idêntica em alguns cantos da sua aplicação e bater com o que está no painel do seu firebase, tive alguns problemas com isso também então já fica a dica!

  • @GustavoRabelo93
    @GustavoRabelo93 25 днів тому

    Comecei a usar agora o netlify, e o video ja deu uma clareza.... obrigado!

  • @acchanm.9899
    @acchanm.9899 25 днів тому

    Like e ganhou mais um inscrito. Obrigado por essa playlist <3

  • @Felipe-D.Silvaa
    @Felipe-D.Silvaa Місяць тому

    Cara, muito obrigado... passei 2 dias esquentando a cabeça até cair de paraquedas aqui.

  • @gamestutu5068
    @gamestutu5068 Місяць тому

    Nao cometam o mesmo erro que eu fiz: Eu quando fui fazer upload dos arquivos html, eu fiz upload de uma pasta e so dentro dessa pasta tava os arquivos, e isso me impossibilitou de escolher a opcao "root"

  • @beatrizpereira7605
    @beatrizpereira7605 Місяць тому

    o meu não tá indo

  • @tiaozinhorocha
    @tiaozinhorocha Місяць тому

    Mas tive que integrar usando o wizard do firebase. gerando os arquivos google services...

  • @tiaozinhorocha
    @tiaozinhorocha Місяць тому

    identifiquei que o problema está nesta pergunta: ✔ Qual id de aplicativo Android (ou nome do pacote) você deseja usar para esta configuração, por exemplo, 'com.example.app'? ·, Entretanto, quando da execução do comando flutter configure, exatamente na linha da pergunta, nao me permite digitar a informação.

  • @tiaozinhorocha
    @tiaozinhorocha Місяць тому

    O que está faltando?

  • @welley6552
    @welley6552 Місяць тому

    poderia numerar todas as suas aulas para que possamos acompanhar melhor cada aula passo a passo na ordem correta.

  • @kauaoliveirafialho9041
    @kauaoliveirafialho9041 Місяць тому

    Sou desenvolvedor iniciante Criei um site básico de Guincho 24 para um Parceiro, so que não sabia como hospedar o site, graças a esse vídeo consegui fazer a hospedagem do site de modo simples e rápido 😅 muito bom 😊🎉

  • @phlmarinho
    @phlmarinho Місяць тому

    Excelente!

  • @EeveeBoladao
    @EeveeBoladao Місяць тому

    Salvou meu trabalho na ultima hora 👍

  • @SabrinaOliveira-y3s
    @SabrinaOliveira-y3s Місяць тому

    não estou conseguindo fazer com que minhas imagens apareça

  • @tiaozinhorocha
    @tiaozinhorocha Місяць тому

    quando executo o mesmo comando no PowerShell, acontece isso PS C:\src\projetos_flutter\flutter_gymapp_live> flutterfire configure Error: Unable to find git in your PATH. PS C:\src\projetos_flutter\flutter_gymapp_live>

  • @tiaozinhorocha
    @tiaozinhorocha Місяць тому

    quando eu executo o comando flutterfire configure, dentro da pasta do projeto, a tela do terminal fecha e não acontece o explanado no vídeo Configurando o Firebase no Flutter SEM BUGS 🔥 | ZaF GymApp #19

  • @railanepassos
    @railanepassos Місяць тому

    Muito obrigada! =)

  • @GustavoSilva-ny2of
    @GustavoSilva-ny2of Місяць тому

    deu certo, vlwwww

  • @magnata0632
    @magnata0632 Місяць тому

    Ja se passaram 2 dias, e nada...

  • @lyestah
    @lyestah Місяць тому

    Tentei mais fico nesse erro FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command. COMMAND: firebase apps:create android share_food (android) --package-name= --json --project=share-food-1d42c ERROR: Package name for Android app cannot be empty

  • @joaoaguila6530
    @joaoaguila6530 Місяць тому

    parabéns inspirador meu caro!

  • @gleidsonferreira6952
    @gleidsonferreira6952 Місяць тому

    Mano, eu publiquei meu site no Github Pages, mas Ele desconfigurou. Os tamanhos dos ícones o espaçamento tudo mudou. Usei Bootstrap no site, me ajuda kk

  • @AkronnixCalendar
    @AkronnixCalendar Місяць тому

    Onde eu aprendo flutter? Cadê o curso...

  • @lucascelestino2654
    @lucascelestino2654 Місяць тому

    god

  • @amndnnes
    @amndnnes Місяць тому

    sensacional cara. Mt obrigada por esse video.