- 52
- 146 035
Instrutor Feijó
Brazil
เข้าร่วมเมื่อ 4 ส.ค. 2017
Entenda como funciona o mundo do desenvolvedor web front-end e back-end.
Aqui conversaremos como dar os primeiros passos na área de desenvolvimento web.
Conversamos sobre dicas de como seguir a sua carreira e discutiremos sobre novas tecnologias do mercado.
Inscreva-se e fique por dentro!
Aqui conversaremos como dar os primeiros passos na área de desenvolvimento web.
Conversamos sobre dicas de como seguir a sua carreira e discutiremos sobre novas tecnologias do mercado.
Inscreva-se e fique por dentro!
Pareando com a Inteligência Artificial
Neste vídeo vamos criar uma aplicação do zero com React, Vite e TailwindCSS utilizando o ChatGPT quase sem meter a mão em código. Será que funciona? Qual vai ser o papel da IA no futuro da nossa carreira?
Link para o editor baseado em VSCode que se conecta ao GPT:
cursor.sh/
E ai? Já tá usando IA no dia a dia? A empresa de voces incentiva o uso ou proibe? Comenta ai!
Link para o editor baseado em VSCode que se conecta ao GPT:
cursor.sh/
E ai? Já tá usando IA no dia a dia? A empresa de voces incentiva o uso ou proibe? Comenta ai!
มุมมอง: 67
วีดีโอ
Deploy de Frontend em 2 minutos - Surge.sh
มุมมอง 623 หลายเดือนก่อน
Todo mundo fica curioso como fazer um deploy de uma aplicação frontend, mas o bicho pega mesmo quando precisamos fazer isso de forma rápida e sem muito bla bla bla. Nesse vídeo você vai aprender como colocar sua aplicação no ar em menos de 2 minutos utilizando um serviço chamado "surge.sh" que é gratuito e simples de ser usado via CLI - command line interface. Site da dependência: surge.sh
GitHub Workflow de maneira fácil: publique seu site sem esforço de maneira automatizada.
มุมมอง 544 หลายเดือนก่อน
Você sabia que pode publicar seu site na internet com apenas alguns cliques, sem precisar ser um expert em programação ou em servidores? Neste vídeo, desvendamos o poder do GitHub Workflow, uma ferramenta incrível que permite a qualquer pessoa, de iniciantes a profissionais, publicar e atualizar seus sites automaticamente via FTP ou Cloud. Link para o repositório com o código fonte do workflow:...
Loader para Chat - "...digitando"
มุมมอง 234 หลายเดือนก่อน
Neste vídeo vamos aprender a fazer o famoso loader de "está digitando" que é muito usado em aplicativos de bate papo e mensagens como Whatsapp, Slack, Discord, etc. Repositório com o fonte do código: github.com/csfeijo/quarentena/tree/main/chat-loader
Docker Básico: para começar
มุมมอง 554 หลายเดือนก่อน
A resolução do vídeo ficou comprometida, mas espero que consigam entender, estou ajustando isso para os próximos. Aprenda de forma direta para que serve, quais vantagens e como configurar e rodar sua primeira aplicação em docker. Repositório que contém o arquivo Docker: github.com/csfeijo/module-federation-tutorial/tree/main/react-app-remote Onde baixar o Docker Desktop: www.docker.com/products...
Module Federation descomplicado - parte 1
มุมมอง 1554 หลายเดือนก่อน
Neste vídeo vamos entender como funciona o Module Federation aplicando na prática em duas aplicações React Vite que desejam compartilhar um componente em comum. Link para a parte 2: th-cam.com/video/fIr4ewzR0M4/w-d-xo.html Repositório com o fonte do vídeo: github.com/csfeijo/module-federation-tutorial
Module Federation descomplicado - parte 2
มุมมอง 924 หลายเดือนก่อน
Neste vídeo vamos continuar a entender como funciona o Module Federation aplicando na prática em duas aplicações React Vite que desejam compartilhar um componente em comum. Link para parte 1: th-cam.com/video/DMNZ5zEhsQU/w-d-xo.html Repositório com o fonte do vídeo: github.com/csfeijo/module-federation-tutorial
Github Templates: Vue3 + Vite + TailwindCSS
มุมมอง 919 หลายเดือนก่อน
Neste vídeo vamos aprender como criar e como usar um template de código pronto para startar projetos sem necessidade de investir tempo nas configurações iniciais. URL do repositório: github.com/csfeijo/vue3-vite-template
Introdução ao TailwindCSS
มุมมอง 2379 หลายเดือนก่อน
Descubra a revolução no desenvolvimento web com Tailwind CSS! 🚀 Neste vídeo, exploramos os princípios fundamentais desse framework utilitário, simplificando seu fluxo de trabalho e acelerando o design responsivo. 🎨 Aprenda a criar interfaces incríveis sem escrever muito CSS. ✨ Seja produtivo, flexível e conquiste o controle total sobre o estilo com Tailwind. 💻✅ Não perca a chance de elevar seu ...
Parte 2: modelando a API com NodeJS e Express
มุมมอง 201ปีที่แล้ว
Neste vídeo iremos deixar nossa API preparada para a próxima etapa que será a conexão com o banco de dados. Você aprenderá como criar os end-points para cada método HTTP bem como uma collection para usar no Postman. Repositório do código: github.com/csfeijo/web-app-from-scratch
Melhor fonte para desenvolver no VSCode
มุมมอง 6Kปีที่แล้ว
Neste vídeo iremos ver qual é a fonte mais popular utilizada pelos desenvolvedores no VSCode e quais as vantagens do seu uso. Download da fonte Fira Code: github.com/tonsky/FiraCode
Parte 1: modelando o banco de dados do projeto com MySQL
มุมมอง 282ปีที่แล้ว
Neste vídeo iremos aprender como funcionará nosso banco de dados da aplicação, criando sobre um diagrama E.R. o banco de dados usando linguagem SQL. Iremos também realizar a Engenharia reversa do banco criado para nos certificarmos que nossa base de dados ficou fiel ao diagrama. Repositório do curso: github.com/csfeijo/web-app-from-scratch Vídeo ensinando como instalar o XAMPP MySQL Workbench n...
Context API no ReactJS - Simples e direto
มุมมอง 10Kปีที่แล้ว
Neste vídeo você vai ver como fazer uso da Context API no ReactJS de forma simples e direta e já sair com a sua aplicação usando essa funcionalidade. Link do repositório com o código visto no vídeo: github.com/csfeijo/quarentena/tree/master/validacao-form-react
Aprenda a validar um formulário em ReactJS
มุมมอง 3.6Kปีที่แล้ว
Neste vídeo vamos aprender como validar um formulário de forma simples em ReactJS usando State hooks. Link do repositório com o conteúdo do vídeo: github.com/csfeijo/quarentena/tree/master/validacao-form-react
Variáveis de ambiente no NodeJS com DotEnv
มุมมอง 1.1Kปีที่แล้ว
Variáveis de ambiente no NodeJS com DotEnv
Conectando o NodeJS / Express com o banco de dados MySQL
มุมมอง 4.6K2 ปีที่แล้ว
Conectando o NodeJS / Express com o banco de dados MySQL
Curso Grátis de Bootstrap 5 Básico - Aula 06 / Final
มุมมอง 6472 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 06 / Final
VueJS Básico em menos de uma hora - Na teoria e na prática!
มุมมอง 3.4K2 ปีที่แล้ว
VueJS Básico em menos de uma hora - Na teoria e na prática!
Curso Grátis de Bootstrap 5 Básico - Aula 05
มุมมอง 5512 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 05
Curso Grátis de Bootstrap 5 Básico - Aula 04
มุมมอง 4432 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 04
Curso Grátis de Bootstrap 5 Básico - Aula 03
มุมมอง 6462 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 03
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 2
มุมมอง 9592 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 2
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 1
มุมมอง 1.2K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 02 - Parte 1
Curso Grátis de Bootstrap 5 Básico - Apresentação
มุมมอง 1.1K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Apresentação
Curso Grátis de Bootstrap 5 Básico - Aula 01
มุมมอง 3.2K2 ปีที่แล้ว
Curso Grátis de Bootstrap 5 Básico - Aula 01
Aprenda como usar localStorage com JavaScript
มุมมอง 2.1K2 ปีที่แล้ว
Aprenda como usar localStorage com JavaScript
Formulário de Login fácil com PHP e Bootstrap - Parte 2
มุมมอง 1.3K2 ปีที่แล้ว
Formulário de Login fácil com PHP e Bootstrap - Parte 2
Formulário de Login fácil com PHP e Bootstrap - Parte 1
มุมมอง 5K2 ปีที่แล้ว
Formulário de Login fácil com PHP e Bootstrap - Parte 1
Muito show professor valeu
video muito objetivo. Parabéns Feijó
meu xampp nao fica verde! ate q fica mas por segundos , e aparece erro em vermelho.
foi postado há dois anos, foi o melhor quer assistir ate agora direto e objetivo
Que bom que ajudou GESTO26!
Que aula perfeita sério mesmo! Entendi com uma facilidade que só
Que bom que ajudou! Obrigado pela visita!
17:23 acredito que esta explicação fará com que uma imagem ocupe a tela toda. Muito obrigado, Feijó! Abraço!
Opa, Feijó. Obrigado pelo conteúdo. Muito bom!
Eu que agradeço!!!
Excelente didática, parabéns bro.
Muito obrigado! Bem vindo!
Pode me tirar uma dúvida, conceito de /health no backend, verifica a saude do contêiner, como podemos fazer a mesma coisa no contêiner do front, o que é mais usado no mercado em relação ao /health para frontend ?
Olá Arozendojr! Ótima pergunta, vamos ver se consigo dar minha visão: Para aplicações frontend não é tão comum ter um endpoint de saúde como no backend. Isso porque o frontend não opera de forma isolada; ele depende da disponibilidade e da saúde do backend para funcionar. Porém, há práticas relevantes para garantir e monitorar a "saúde" de uma aplicação frontend: Monitoramento de Erros de JavaScript: Ferramentas como Sentry, Rollbar ou Bugsnag. Monitoramento de Performance: Ferramentas como Google Analytics, New Relic Browser ou Lighthouse. Testes de Disponibilidade e Performance: Serviços como Pingdom, Uptime Robot, ou mesmo ferramentas mais sofisticadas como Dynatrace e Datadog podem ser configurados para verificar regularmente se o site está acessível. Em resumo, enquanto backends usam endpoints /health para monitorar a saúde dos serviços, frontends dependem mais de monitoramento de erros, desempenho e disponibilidade, junto com práticas robustas de testes para garantir a disponibilidade dos serviços. Espero ter ajudado, um abraço e obrigado pela visita!
@ estava mais pensando em como o kubernets se comunica com o contêiner, para saber se ele está saudável ou pronto para trabalhar, no backend aprendi que tem o /health e /ready , foi onde gerou a dúvida, se no front ou pelo menos no container do front teria alguma coisa. Mais da metade das ferramentas que você falou eu não conheço 😅😅😅😅. Portanto atividade para o fim de semana está garantido por 3h, depois vou descansar 😂😂😂😂😂
Ótimas didática! Explicações fáceis de entender! Parabéns!
Obrigado pelo elogiobem vindo ao canal Almir!
os foguetes começaram a eestourar com a centralizão dentro do body
Que lindo ouvir isso! Obrigado pela visita Ana!
Muito bom! Professor top
Muito obrigado João! Grande abraço!
Muito bom
Valeu João!
Eu eu deixo aquele espaço por exemplo: DIV 1 | DIV2 | DIV 3 e tem aquele espaço que sempre fica desproporcional
Que didática incrível.
Obrigado Suelen!!! Bem vinda!
que vídeo incrível!
Obrigado Gabriel, bem vindo!
Vlw Professor Feijó! Sua Ajuda e Conhecimento são essenciais para os deves de hoje! uma coisa simples que as vezes ficamos na duvida.
Obrigado! Sejam bem vindo ao canal, que bom ter ajudado!
Assistindo em #2024 aqui. Didática excelente!!
Valeu ninja!!! Obrigado!
Sobe mais vídeos sobre bootstrap adorei o seu canal e sua explicação, ganhou +1 seguidora!
Obrigado Aninha! Bem vinda!
@ Muito obrigada! <3
Pra mim foi especial de Carnaval! rs
Ole le le! Obrigado Aninha!
@ não vejo a hora de ter mais aulas de bootstrap com vc, achei super legal a sua aula, super dinâmica e vc explica super bem! Tem todo o meu apoio pra continuar esse projeto incrível.
Como coloco um Input ao lado do outro?
Você pode envolver eles por uma div ou tag form com o class "form-inline" - dá uma olhada na documentação de formulários que tem mais detalhes!
Meu amigo.... você nasceu pra isso. Didática incrível. Já me inscrevi e ja vou assistir outros videos.
Que honra! Obrigado Robson!
Top de mais, tava quebrando a cabeça.
Valeu Hilton, bem vindo!
Tenho uma carteira de Bitcoin na coinbase wallet e não lembro a senha de 12 palavras, tenho esses arquivos nos HD do notebook que a carteira estava, por acaso ele pode armazenar a senha ou algo que eu consiga recuperar a carteira?
Oi Leticia! Isso depende do app, mas com certeza no localStorage não está :(
aos 14:22 ele disse que faria outro video sobre propriedades mais avançadas, alguem tem o link?? muito boa a aula
Grande vídeo. Muito obrigado por compartilhar conhecimento. Pergunta de iniciante. Fiquei em dúvida sobre a utilização do space-between na vertical. Existe essa opção ou basta usar o display: block; justify-content: space-between?
Top a aula! Você tem o de grid no seu canal?
que didática muito foda, obrigado meu amigo, tinha uma dúvida grande sobre isso, mesmo fazendo cursos em plataformas, você foi o mais esclarecedor.. agradeço muito..
Valeu Renan! Bem vindo!
Aula muito boaa, didática incrível, obrigado pelo video
Valeu Edson! Bem vindo!
Cara qual seria a diferença de usar esse hook ai pra usar os meus próprios hooks retornando funções e estados pra qualquer área que eu queira usar isso? Não seria a mesma coisa ?
Essa fica é muito boa. Estava tentando fazer isso sozinho, mas sem sucesso. Muito obrigado
Valeu Renato! Bem vindo!
professor , estou com um problema no meu vscode , quando eu vou formatar as minhas tags para organiza-las , elas estão quebrando erradas , tipo uma tag P com um texto dentro , quando eu formato o texto fica todo errado na tela , ainda por cima fica dando espaço no meu head , já fiz de tudo e não consigo arrumar de jeito nenhum até resetei as configurações e exclui o vscode , mas o problema continua , gostaria que você pudesse meu ajudar com isso está me atrapalhando muito na minha organização do html .
Agradeço pela sua aula!
Valeu Karol! Bem vinda, e bons estudos!
Obrigadooooooo, que vídeo ótimo!
Obrigado Diogo, bem vindo ao canal!
Obrigado!! Tirando o canal, teria algum outro lugar ou outra forma para está apredendo mais com vc? Preciso de muita ajuda sobre Front-end.@
que aula meu amigo parabens . ja assistir varias aula de display flex mais sua a melhor 100%
Obrigado Danylo, que bom que ajudou!
Simplesmente fantástico!
Valeu!!! Bem vindo!
Faz um vídeo sobre position relative e absolute pfv
Finalmente começando a entender 😭😭😭 Sem palavras, muito obrigado!!!! Tô travado há mais de uma semana em css por não entender esse conceito. Me forcei a entender pra continuar os estudos e NENHUM outro vídeo entrava na minha cabeça. Só esse foi capaz de me fazer entender. Que didática impecável, abordando de ponta a ponta. Sem deixar margem pra duvidas. Muito obrigado mesmo, Deus te abençoe MUITO!!!!!!!!!!
Valeu Lucas! Muito obrigado!!!
Obrigada prof! Podia ter continuação para membros rs
Oi Liliane, que ótima ideia!
Outra observação: só consegui alinhar os botões se eles estivessem dentre de uma div de col-12 <td> <div class="col-12" style="text-align: end;"> <button class="btn btn-primary">Detalhes React</button> </div>
Excelente aula! Porém no GIT o repositório não está disponível. Verificado em 12/11/2023
No meu git não aparece as cores, mas o exercício está lá.
Depois de tanto revisar meu código eu descobri que estava usando o nome da pasta local com css e js com os nomes errados. Se vc ainda não descobriu o seu erro, jogue seu código no chat gpt que ele acha pra vc.
Obrigada por compartilhar seu conhecimento!!! Grande valia!
Obrigado Liliane!!!
Muito top
Valeu!!!
A qualidade da imagem está ruim !
Gostaria de sugerir uma atualização para o seu vídeo, a fim de descobrirmos se você ainda utiliza as mesmas extensões que mencionou anteriormente ou se encontrou outras novas. Gostei muito da sua didática e acredito que esse tipo de conteúdo seja extremamente valioso para a comunidade.
Ótima didática 👏👏
Valeu Elainy!
Possível seguir o BEM no SCSS usando tailwind?
Muito bom
O prefessor masse tipo uma foto em um lugar especifico tem que usar left o right
muito bom
Valeu Rafaela!