- Видео 127
- Просмотров 92 763
Graziani Zanfolin
Бразилия
Добавлен 14 авг 2006
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...
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
Otima aula, didática excelente.
Sem áudio
Sem áudio
Seu audio ficou super mega baixo !
Oi... ficou mesmo... foi uma série de vídeos... nos vídeos mais a frente ficou certo.
As aulas estão boa, mas o áudio está muito baixo.
• há 0 segundo Oi... ficou mesmo... foi uma série de vídeos... nos vídeos mais a frente ficou certo.
a parte do emulador não mostrou
Faltou mesmo... mais a frente eu explico em outros vídeos.
Aula muito intuitiva e educativa consegui aprender de forma eficiente e clara, professor maravilhoso e bem elegante, realmente um ótimo educador...Obrigado.
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
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.
professor, infelizmente o audio está muito baixo, o senhor poderia disponibilizar seu projeto no github ?
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.
aula ótima, parabéns professor, tô utilizando suas aulas para me aprofundar no react-native e desenvolver apps para minha empresa
Tem muita aula pela frente... qualquer coisa pode perguntar
Também estou no mesmo caminho! Já estou desenvolvendo um App para melhorar um processo lá. Espero que eles gostem.
Otima aula!
MIRIAN
Excelente conteúdo, obrigado pelas aulas
Vídeo top.
quando uso expo, tem como disponibilizar um pre release para o cliente ver como esta ficando de foma fácil?
para usar github space com expo, obrigatório logar usuário no projeto e no celular?
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.
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 🎉🎉🎉
Obrigado pelas dicas
Rapaz super parabéns 🎉🎉🎉 o público que consumi seu conteúdo podia ajudar mais deixando no mínimo comentários para incentivar ❤❤❤🎉🎉🎉
Obrigado!
ola meu não aparece as letras a aba branca pq será?
21:19
9:48
6:51
9:47
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
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.
Ok
Vídeo muito bom, ajudou demais
Obrigado pela explicação, esclareceu muita coisa.
exato KAKDSAKDKADKASDK
10 minutos no video pra nada
Estou aprenendo muito nesse curso🤩🤩🤩🤩🤩🤩
Obrigado
Muito bom
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.
alguem me ajjudaa
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.
Ola, essa ferramenta permite fazer engenharia reversa do banco ou somente modelos novos? Obg
Ótimo, obrigado pela aula Graziani, parabéns!
boa tarde, pode que voce usa o autonumber? quais nomes seriam se nao fosse esse autonumber? pode me ajudar?
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.
@@zanfolin vlw, muito obrigado
muito bom seu video,parabéns.
Muito bom 👏👏
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.
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
Renan na lista de vídeos enviados deve ser o anterior. Obrigado pelo comentário.
@@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..."
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
Boa amigo, venho com mais uma dúvida. Como você criou e fez a associação das tabelas?
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...
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...
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.
Quero mb
Meu visual studio não mostra o data set
Me fala em que ponto voce esta que nao apareceu?
@@zanfolin eu criei o dataset e as tables, dai quando vou selecionar o dataset (3:43) ele não aparece
deste modo eu quando eu crio o instalador não consigo levar para outro pc como resolve este poblema
Depende de como vc esta passando. Mas normalmente é sô executar.
QUE CARA LIXO MNW
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
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..
Aqui o negocio não funfou. Segui passo a passo o vídeo e aqui não funfou. Em todo caso, valeu pela tentativa.