Graziani Zanfolin
Graziani Zanfolin
  • Видео 127
  • Просмотров 92 763
HTML + Bootstrap 2024 - #03 - Header e Início do Main
Nesta terceira parte da nossa série de vídeo-aulas, você aprenderá a criar um menu responsivo utilizando o Bootstrap, uma das bibliotecas de front-end mais populares. O menu terá um design simples, com uma foto de um lado, um texto do outro e um botão que você pode personalizar com diferentes ações. Durante o tutorial, exploraremos a estrutura de colunas e linhas (rows e columns) do Bootstrap, que divide a tela em 12 partes iguais, permitindo uma fácil organização de elementos de layout.
Vamos abordar como ajustar a quantidade de colunas conforme o tamanho da tela, proporcionando uma experiência responsiva. Além disso, você verá como corrigir problemas comuns, como formatação indesejada de...
Просмотров: 42

Видео

React Native Expo 2024 - #15 - Mock Dados dos Usuários e Correção do Atributo Número do Recibo
Просмотров 5719 часов назад
Bem-vindos a mais uma vídeo aula! Neste vídeo, o professor Grazian Zafolim, do curso Técnico em Informática, explora de maneira prática e detalhada o processo de criação de índices e mocks de dados para projetos de desenvolvimento. Você aprenderá como estruturar e organizar dados dentro de um banco de dados, além de entender a importância de índices para otimização de pesquisas em tabelas. Na a...
HTML + Bootstrap 2024 - #02 - Entendendo o Bootstrap e Navbar
Просмотров 6721 день назад
Neste vídeo, você aprenderá a desenvolver uma página web responsiva utilizando o framework Bootstrap integrado com HTML. Exploramos conceitos fundamentais como a criação de um menu de navegação (NavBar), configuração de cores e implementação de layouts que se adaptam tanto ao modo claro quanto ao modo escuro. Durante a videoaula, mostramos passo a passo como abrir e configurar o Visual Studio C...
React Native Expo 2024 - #14 - Inserindo no Banco de dados o Cadastro de Pagamentos
Просмотров 18421 день назад
Nesta videoaula, abordamos a construção de uma funcionalidade essencial para a tela de cadastro de pagamentos, utilizando banco de dados. Ao longo do vídeo, são demonstrados os principais conceitos e técnicas para implementar a inserção de dados no banco, utilizando JavaScript e SQL. Iniciamos carregando uma tela com dados fictícios e, em seguida, mostramos como preparar a inserção desses dados...
HTML + Bootstrap 2024 - #01 - Configurando o Ambiente de Programação
Просмотров 13021 день назад
Neste vídeo, vamos explorar como criar uma página web responsiva e estilosa usando as ferramentas essenciais: HTML, CSS e a popular biblioteca Bootstrap. Ao longo da aula, você aprenderá a configurar uma página do zero, organizar sua estrutura básica, estilizar com CSS e adicionar componentes úteis do Bootstrap, como Navbars, Cards, e Accordions. O que você vai aprender: A base do HTML e CSS pa...
React Native Expo 2024 - #13 - Validando os dados do Cadastro de Pagamentos
Просмотров 20621 день назад
Bem-vindos a mais uma videoaula! Neste tutorial, continuamos o desenvolvimento da tela de cadastro de contas, um aspecto crucial para quem trabalha com React Native. Durante a aula, abordamos melhorias de usabilidade, como a formatação automática de valores numéricos, o foco no campo de input ao abrir a tela e ajustes de comportamento na movimentação da interface. A videoaula foi estruturada pa...
React Native Expo 2024 - #12 - Ciando a tela de Cadastro de Pagamentos
Просмотров 288Месяц назад
Neste vídeo, damos início à criação da tela de cadastros de pagamentos de um sistema. A aula foi dividida em três partes: nesta primeira etapa, focamos no design da tela, enquanto nas próximas, vamos trabalhar com a validação de dados e a gravação das informações no banco de dados. A videoaula começa com a explicação sobre como estruturar a interface da tela de pagamentos, com exemplos práticos...
React Native Expo 2024 - #11 - Pensando, Configurando e Implementando o Banco de Dados
Просмотров 290Месяц назад
Neste vídeo, vamos explorar a criação de um banco de dados para um aplicativo mobile. Começaremos do zero, definindo as tabelas e os campos necessários para armazenar informações como usuários, pagamentos e outros dados relevantes. Você aprenderá como: Projetar um banco de dados: Definir as entidades e seus atributos. Estabelecer relacionamentos: Criar conexões entre as tabelas para representar...
React Native Expo 2024 - #10 - Instalando e Configurando o PagerView Banner
Просмотров 227Месяц назад
Nesta videoaula, o professor Graziani Zanfolin apresenta a décima aula da série, onde ele foca em estilizar a página inicial de um projeto de React Native utilizando o componente `PageView`. Esse componente é essencialmente uma biblioteca que permite a exibição de páginas em um formato de carrossel, facilitando a navegação entre diferentes seções de conteúdo com o movimento de arrastar. O profe...
React Native Expo 2024 - #9 - Configurando o Drawer das páginas protegidas
Просмотров 250Месяц назад
Nessa nona aula da série, mergulhamos fundo na construção do nosso aplicativo offline! Neste vídeo, você aprenderá a: Personalizar o menu: Criamos um menu intuitivo e visualmente atraente, com ícones personalizados e navegação fluida entre as telas. Adicionar funcionalidades: Implementamos o botão de sair e exibimos informações do usuário, como nome e imagem de perfil. Resolver problemas: Enfre...
React Native Expo 2024 - #8 - Instalando e Configurando o AsyncStorage de Usuário
Просмотров 221Месяц назад
Neste vídeo, vamos mergulhar em um processo essencial para quem está desenvolvendo aplicativos móveis com React Native: o gerenciamento de usuários autenticados utilizando o AsyncStorage. Você aprenderá a configurar e implementar a lógica necessária para que, ao iniciar o aplicativo, ele reconheça automaticamente se o usuário já está logado, redirecionando-o diretamente para o Dashboard sem pas...
React Native Expo 2024 - #7 - Configurando a Tela de SignIn
Просмотров 2812 месяца назад
O professor Graziani Zanfolin conduz mais uma aula prática de desenvolvimento de interfaces em React Native, mostrando passo a passo como aprimorar a usabilidade de um aplicativo. No início do vídeo, ele destaca a importância de manter o código organizado e funcional, começando com a formatação da tela principal. Ele explica que optou por remover alguns botões e manter apenas o essencial, como ...
React Native Expo 2024 - #6 - Instando e Configurando o SQLite e Validando Usuário
Просмотров 4732 месяца назад
Neste vídeo detalhado, o professor Graziani Zanfolin, da renomada ETec Professor Milton Gazzetti, conduz uma aula prática e aprofundada sobre a integração de bancos de dados locais em projetos de desenvolvimento de aplicativos móveis utilizando React Native, com foco especial no SQLite. Reconhecido por sua didática clara e abordagem prática, o professor Zanfolin explora a relevância dos commits...
React Native Expo 2024 - #5 - Drawer e Configurando Rotas Autenticadas
Просмотров 5402 месяца назад
Nesta vídeoaula, intitulada "Navegação e Proteção de Rotas", o professor Grazian Folin, da comunidade de desenvolvimento Professor Met Gazete, nos guia por um tutorial passo a passo sobre a implementação de navegação protegida em aplicativos usando React Native e Expo. Ele começa a aula com uma breve introdução, ressaltando a importância de assistir ao vídeo antes de tentar replicar o código, a...
React Native Expo 2024 - #4 - Configurando o Hook e Autenticação Provisório
Просмотров 4222 месяца назад
O vídeo ensina como configurar um hook e autenticação provisória em uma aplicação React Native usando Expo. A aula demonstra a criação de um contexto de autenticação, permitindo que os usuários se conectem, desconectem, e mantenham estado de login. O instrutor, Graziani Zanfolin, orienta a criação de um AuthProvider, configuração de estado para usuário e funções de login e logout. Ele também mo...
React Native Expo 2024 - #3 - Instando e Configurando o Expo-Font
Просмотров 6172 месяца назад
React Native Expo 2024 - #3 - Instando e Configurando o Expo-Font
React Native Expo 2024 - #2 - Instando e Configurando o Expo Router com Stack
Просмотров 5052 месяца назад
React Native Expo 2024 - #2 - Instando e Configurando o Expo Router com Stack
React Native - Expo 2024 - #1 - Configuração Inicial
Просмотров 9742 месяца назад
React Native - Expo 2024 - #1 - Configuração Inicial
React Native - Expo 2024 - #0 - Pensando no Projeto
Просмотров 3182 месяца назад
React Native - Expo 2024 - #0 - Pensando no Projeto
Expo #13 - Criando um projeto em Expo com Github/Codespaces - Conversor de Moedas - Parte 2
Просмотров 196Год назад
Expo #13 - Criando um projeto em Expo com Github/Codespaces - Conversor de Moedas - Parte 2
Expo #11 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 2
Просмотров 127Год назад
Expo #11 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 2
Expo #12 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 3
Просмотров 60Год назад
Expo #12 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 3
Expo #10 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 1
Просмотров 215Год назад
Expo #10 - Criando um projeto em Expo com Github/Codespaces - Peso Ideal - Parte 1
Expo #09 - Criando um projeto em Expo com Github/Codespaces - Conversor de Moedas - Parte 1
Просмотров 203Год назад
Expo #09 - Criando um projeto em Expo com Github/Codespaces - Conversor de Moedas - Parte 1
Expo #8 - Criando um projeto em Expo com Github/Codespaces
Просмотров 108Год назад
Expo #8 - Criando um projeto em Expo com Github/Codespaces
Frontend - 14 - Ordenando e Realizando Pesquisa de dados no JSON-SERVER no Frontend
Просмотров 94Год назад
Frontend - 14 - Ordenando e Realizando Pesquisa de dados no JSON-SERVER no Frontend
Frontend - 13 - Paginando dados do JSON-SERVER no Frontend
Просмотров 62Год назад
Frontend - 13 - Paginando dados do JSON-SERVER no Frontend
Frontend - 12 - Exibindo um Modal de Detalhes
Просмотров 105Год назад
Frontend - 12 - Exibindo um Modal de Detalhes
Frontend - 11 - Formatando uma Tabela Responsiva
Просмотров 487Год назад
Frontend - 11 - Formatando uma Tabela Responsiva
Frontend - 10 - Exibindo dados do Servidor de Dados
Просмотров 104Год назад
Frontend - 10 - Exibindo dados do Servidor de Dados

Комментарии

  • @karolaynerodriguespinto6327
    @karolaynerodriguespinto6327 9 дней назад

    Otima aula, didática excelente.

  • @d.p.9782
    @d.p.9782 21 день назад

    Sem áudio

  • @d.p.9782
    @d.p.9782 21 день назад

    Sem áudio

  • @GladsonReis
    @GladsonReis 23 дня назад

    Seu audio ficou super mega baixo !

    • @zanfolin
      @zanfolin 23 дня назад

      Oi... ficou mesmo... foi uma série de vídeos... nos vídeos mais a frente ficou certo.

  • @jailsonaranha2931
    @jailsonaranha2931 24 дня назад

    As aulas estão boa, mas o áudio está muito baixo.

    • @zanfolin
      @zanfolin 23 дня назад

      • há 0 segundo Oi... ficou mesmo... foi uma série de vídeos... nos vídeos mais a frente ficou certo.

  • @Jonatan-z7j
    @Jonatan-z7j Месяц назад

    a parte do emulador não mostrou

    • @zanfolin
      @zanfolin 23 дня назад

      Faltou mesmo... mais a frente eu explico em outros vídeos.

  • @luisrosario8055
    @luisrosario8055 Месяц назад

    Aula muito intuitiva e educativa consegui aprender de forma eficiente e clara, professor maravilhoso e bem elegante, realmente um ótimo educador...Obrigado.

    • @douglasclassroomeduardo
      @douglasclassroomeduardo Месяц назад

      De fato concordo com tais colocações, devo dizer que tal elegância desse professor ultrapassa montanhas, ele não é só belo como muito inteligente

    • @MATH17u
      @MATH17u Месяц назад

      Concordo plenamente, cada parte do vídeo pode ser claramente entendida, a praticidade deste código apresentado e criado pelo nosso amado Professor Graziani Zanfolin é sem duvidas excelente.

  • @murilocamargo8499
    @murilocamargo8499 Месяц назад

    professor, infelizmente o audio está muito baixo, o senhor poderia disponibilizar seu projeto no github ?

    • @zanfolin
      @zanfolin Месяц назад

      Por agora não vou disponibilizar, devido aos alunos estarem desenvolvendo o projeto ainda, mas assim q acabar as aulas gravadas, vou disponibilizar. Mas se tiver alguma dúvida, pode me mandar aqui... os vídeos estão legendados.

  • @murilocamargo8499
    @murilocamargo8499 Месяц назад

    aula ótima, parabéns professor, tô utilizando suas aulas para me aprofundar no react-native e desenvolver apps para minha empresa

    • @zanfolin
      @zanfolin Месяц назад

      Tem muita aula pela frente... qualquer coisa pode perguntar

    • @DiegoSilva-vp1oc
      @DiegoSilva-vp1oc Месяц назад

      Também estou no mesmo caminho! Já estou desenvolvendo um App para melhorar um processo lá. Espero que eles gostem.

  • @ivanrabelo1558
    @ivanrabelo1558 2 месяца назад

    Otima aula!

  • @Toc124
    @Toc124 2 месяца назад

    MIRIAN

  • @gabrielbenicio9896
    @gabrielbenicio9896 4 месяца назад

    Excelente conteúdo, obrigado pelas aulas

  • @dfilitto
    @dfilitto 5 месяцев назад

    Vídeo top.

  • @arozendojr
    @arozendojr 7 месяцев назад

    quando uso expo, tem como disponibilizar um pre release para o cliente ver como esta ficando de foma fácil?

  • @arozendojr
    @arozendojr 7 месяцев назад

    para usar github space com expo, obrigatório logar usuário no projeto e no celular?

    • @zanfolin
      @zanfolin Месяц назад

      Não tinha visto seu comentário. Me desculpe... não precisa logar, basta ler o QR Code pela câmera do celular ou pelo Expo Go.

  • @app2028
    @app2028 7 месяцев назад

    Posso dar uma sugestão fazer aplicação com json-server. Crud com filter e upload de imagem pois os seus já estão meio antigos na até assisti está procurando 🎉🎉🎉

    • @zanfolin
      @zanfolin 23 дня назад

      Obrigado pelas dicas

  • @app2028
    @app2028 7 месяцев назад

    Rapaz super parabéns 🎉🎉🎉 o público que consumi seu conteúdo podia ajudar mais deixando no mínimo comentários para incentivar ❤❤❤🎉🎉🎉

  • @oliveira1820
    @oliveira1820 11 месяцев назад

    Obrigado!

  • @chapeuvermelho1
    @chapeuvermelho1 Год назад

    ola meu não aparece as letras a aba branca pq será?

  • @opedroheen
    @opedroheen Год назад

    21:19

  • @opedroheen
    @opedroheen Год назад

    9:48

  • @opedroheen
    @opedroheen Год назад

    6:51

  • @opedroheen
    @opedroheen Год назад

    9:47

  • @mauriciomira2
    @mauriciomira2 Год назад

    Gostei. Uma dúvida.. sou novo no ramo.. rs Estou começando a utilizar o React e pensei em usar o Bootstrap pra criar menu, e outras coisas, pela praticidade. É uma boa ideia ou existe outra forma melhor? Um framework, etc

    • @zanfolin
      @zanfolin Год назад

      Acredito que você precisa da experiência, com CSS puro, Bootstrap, Tailwind e outros. Pega um projeto simples e e programa nos três… Mas com certeza projetos com entrega rápida, use Bootstrap.

  • @centralambulancia2367
    @centralambulancia2367 Год назад

    Ok

  • @matheusmt021
    @matheusmt021 Год назад

    Vídeo muito bom, ajudou demais

  • @hermessantos181
    @hermessantos181 Год назад

    Obrigado pela explicação, esclareceu muita coisa.

  • @kaikebartolomeu804
    @kaikebartolomeu804 Год назад

    Estou aprenendo muito nesse curso🤩🤩🤩🤩🤩🤩

  • @Macro_run
    @Macro_run Год назад

    Obrigado

  • @janefeitosalima8924
    @janefeitosalima8924 2 года назад

    Muito bom

  • @tamirestoliveira3011
    @tamirestoliveira3011 2 года назад

    O cliente solicitou que um cadastro de candidatos a vagas de trabalho fosse criado com base nos dados pessoais mais relevantes deles como CPF, nome, data de nascimento, formação, anos de experiência com o ramo do negócio, telefone de contato, e cargo pretendido e pretensão salarial, lembrando que todas as informações devem ser sempre preenchidas para o cadastro ser validado. Além do cadastro das pessoas, foi solicitado um cadastro de cargos e vagas da empresa contendo os atributos cargo, setor, faixa salarial, e quantidade de vagas.

    • @tamirestoliveira3011
      @tamirestoliveira3011 2 года назад

      alguem me ajjudaa

    • @zanfolin
      @zanfolin 2 года назад

      Eae, tudo tranquilo? O que você precisa não é complicado e resolveria com duas ou três entidades, mas o melhor seria procurar estudar sobre Banco de Dados. Tem bons vídeos na net que tem essa abordagem.

  • @PatriciaMake
    @PatriciaMake 2 года назад

    Ola, essa ferramenta permite fazer engenharia reversa do banco ou somente modelos novos? Obg

  • @LucasCruzSett7
    @LucasCruzSett7 2 года назад

    Ótimo, obrigado pela aula Graziani, parabéns!

  • @canaldovegan1436
    @canaldovegan1436 3 года назад

    boa tarde, pode que voce usa o autonumber? quais nomes seriam se nao fosse esse autonumber? pode me ajudar?

    • @zanfolin
      @zanfolin 3 года назад

      Bom dia! O Autonumber na verdade uma ideia de incremento automático a cada inserção na tabela. O nome depende de cada banco ou técnica, seja Numeração Automática, Sequence entre outros.

    • @canaldovegan1436
      @canaldovegan1436 3 года назад

      @@zanfolin vlw, muito obrigado

  • @c.b.i.sistemas5303
    @c.b.i.sistemas5303 4 года назад

    muito bom seu video,parabéns.

  • @dudab4315
    @dudab4315 4 года назад

    Muito bom 👏👏

  • @eliasandrade773
    @eliasandrade773 4 года назад

    Vou começar a aprender programar em c# e dotnet usando o visual studio 2008. Obrigado Pelo Video! Muito mais fácil avançar quando se começa do mais antigo para o mais novo. Entendendo a base é muito amis fácil.

  • @renansantanadn
    @renansantanadn 4 года назад

    Opa cara! Tudo bem ? Primeiro parabéns pelo vídeo, me tirou bastantes duvidas.. Só queria saber sobre a aula 1, para iniciar um semelhante, seguindo os mesmos passos Mas fora isso, muito show! Sucesso

    • @zanfolin
      @zanfolin 4 года назад

      Renan na lista de vídeos enviados deve ser o anterior. Obrigado pelo comentário.

    • @renansantanadn
      @renansantanadn 4 года назад

      @@zanfolin Opa!! Pelo que vi aqui, eles não estão em uma playlist, os videos do mesmo projeto acabam na Aula 7, porém a aula 1 aparentemente não foi disponiblizada com esse título, e o anterior a aula 2 é "ESTUDO: O Céu e o Inferno..."

  • @Flipkurama
    @Flipkurama 4 года назад

    Cara, muito didático seu vídeo! parabéns. Estou querendo aprender mais sobre os serviços da Azure. Próximo passo, integrar com Postgres, Mongo e Redis, se tiver alguma dica.. vlw

  • @Detudoumpouco-qw6pc
    @Detudoumpouco-qw6pc 4 года назад

    Boa amigo, venho com mais uma dúvida. Como você criou e fez a associação das tabelas?

  • @Joaolima-qd8xj
    @Joaolima-qd8xj 4 года назад

    como eu consigo altera esse arquivo json ?? adicionando por exemplo um novo ID um novo email etc, isso vindo de um formulário... eu estou triste pois tenho que usar ajax para fazer essa requisição e eu não sei mandar as informações do formulário para esse arquivo json. se tiver como me ajudar...

    • @zanfolin
      @zanfolin 4 года назад

      João lima, esse pacote que usa JSON-SERVER segue os mesmos princípios de HTML. PUT/DELETE/POST entre outros com valores passados no corpo da requisição. Precisaria muitas linhas para explicar o que me pediu. Mas na sequencia dos vídeos eu desenvolvo a parte gráfica também. Coisa simples...

  • @LuizAntonio_Gameplay
    @LuizAntonio_Gameplay 4 года назад

    Teria como voce criar um tutorial do Sharpdevelop. E igual o visual studio mas e opensource tem como baixar pelo sourceforge e instalar no pc. O tutorial seria igual o que voce fez de intalação que voce fez no visual studio no sharpdevelop voce tera que fazer pelo wixtoolset. E se possível pelo sharpdevelop poderia ensinar a salvar video gravados pela biblioteca Microsoft.DirectX.AudioVideoPlayback; em um pasta de um site.

  • @vevesaiene2051
    @vevesaiene2051 5 лет назад

    Quero mb

  • @candidoluiz
    @candidoluiz 5 лет назад

    Meu visual studio não mostra o data set

    • @zanfolin
      @zanfolin 5 лет назад

      Me fala em que ponto voce esta que nao apareceu?

    • @candidoluiz
      @candidoluiz 5 лет назад

      @@zanfolin eu criei o dataset e as tables, dai quando vou selecionar o dataset (3:43) ele não aparece

  • @informacao1659
    @informacao1659 6 лет назад

    deste modo eu quando eu crio o instalador não consigo levar para outro pc como resolve este poblema

    • @zanfolin
      @zanfolin 6 лет назад

      Depende de como vc esta passando. Mas normalmente é sô executar.

  • @rafinhagamersbr6021
    @rafinhagamersbr6021 6 лет назад

    QUE CARA LIXO MNW

  • @simatec
    @simatec 7 лет назад

    Oi Zanfolin, Bom exemplo. Contudo, a título de colaboração de prg para prg, no tocante ao parâmetro "com_finalizado" E "com_cancelado" teria a lhe sugerir o seguinte na construção do DB: Não na mesma situação mas equivalente: Tabela: Contas a Receber/Pagar Empresas = Várias Conteúdo: Contas a Pagar e Receber Campos: Empresa = tinyint (1,2,3...) Tipo_Conta= tinyint (1 ou 2) Status = smallint (...) Quando o usuário vai baixar ou seleciona um Relatório das Pagas/Recebidas ou Pendentes, neste caso teríamos 3 campos de parâmetro Sendo: Empresa Tipo_Conta Pagamento Eu adicionei os 3 Parâmetros em um único campo ( Status = tinyint ), logo, as pesquisas ficam muiiiiito mais rápidas. Assim sendo: Select Contas...... Where: Status = 110 ==> Empresa 1, Contas a Pagar, Pendentes Status = 111 ==> Empresa 1, Contas a Pagar, Liquidadas Status = 320 ==> Empresa 3, Contas a Receber, Pendentes Status = 321 ==> Empresa 3, Contas a Receber, Liquidadas Outra Situação real, caso de CT-e/NF-e Campo Status: Valores possíveis: 0,1,2,3 e 4 Onde : 0 = EM DIGITAÇÃO 1 = GERADO(a) 2 = CANCELADO(a) 3 = INUTILIZADO(a) 4 = DENEGADO(a) Concordas? Abraços. Vs 2017

    • @zanfolin
      @zanfolin 7 лет назад

      Olá Jorge Miguel JR, com relação a programação e a banco de dados temos possibilidades infinitas, o importantes eh vc encontrar uma maneira de controlar tudo isso... Se o seu modelo atende a análise de requisitos, usa de maneira eficiente os recursos da programação, a estrutura de dados é uma consequência. Grave um vídeo demonstrado seu código em execução e poste o link aqui ou no meu tweeter para eu ver tb... Abraços..

  • @joseeduardorosario9303
    @joseeduardorosario9303 7 лет назад

    Aqui o negocio não funfou. Segui passo a passo o vídeo e aqui não funfou. Em todo caso, valeu pela tentativa.