Vite + Vanilla JS - Perfeito para JavaScript, HTML e CSS!

[@henriqueteixeiradev4751]

Você é um mito, muito obrigado por nos ajudar tanto, e só pra reforçar, já conseguir meu primeiro emprego com teus ensinamentos... Gratidão total

Eu que agradeço 😍

[@Bread-vk8fl]

Top demais. Direto ao ponto sem enrolação. Quem dera todos fossem assim.

[@brunagomesdasilva7777]

Mais simples impossível! Foi direto ao ponto e de maneira bem clara e didática. Meus parabéns pelo vídeo!

[@claudiofernandes1767]

Muito bom. Estou iniciando na área de Desenvolvimento Web e seus vídeos são uma mão na roda gigante. Gratidão.

Que massa, obrigado 🤙

[@Alvarohmo]

Fiz o seu curso de Python, e agora estou fazendo o de Django. Você arrebenta nas aulas, muito bem explicadas e elaboradas 👏👏👏

[@Fractal_reComm]

ensina a fazer o deploy do vite pelo amor de deus o npm run build não funciona o vite mudou e não consigo mais ter acesso a pasta vite.config.js ta impossivel subir o projeto que é de suma importância ngm esta~consigo ajudar e acho que não sou somente eu que estou com esse problema

[@rafaellima196]

pow mano, muito obrigado pelas dicas tava procurando essa config ae e agora voce me deu uma baixa luz o/

[@victordesouzamagaldi4606]

Olá , tudo bem ? Muito bacana o Vídeo ! Poderiam ter alguns vídeos a mais sobre node e seu ecossistema . Nestjs e Adonis , são frameworks bem completos e legais(se fizer um curso eu até compro rsrsrs). Outras Libs menores como express,restfy e koajs( suas principais vantagens e particularidades).Falar um pouco tambem sobre Preact e Svelte .

Oks, thanks 🙏

[@douglasduran9251]

Olá prof Otávio cheguei aqui pelo seu curso da Udemy e fico feliz por ser seu aluno. Gosto muito da maneira como você ensina consigo entender com muita facilidade muito obrigado e parabens pelo trabalho

[@quimicaengenharia]

Otávio gostaria de ver como integrar o svelte tailwindcss com django usando o vite.

[@criancasanimated6253]

faz um video react e styled components, com tres paginas e navbar

[@luiseduardo5048]

Estou com uma dúvida depois que eu faço o build no vite, ele gera a pasta dist com um index.html e o CSS, essa pasta é meu projeto final, é ela que eu tenho que subir para produção?

[@FunctionDev]

Traz uns vídeos de Angular @Otávio Miranda

Boa, obrigado 🙏

[@armandopimentel1911]

Excelente amigo....rapido y simple

[@erasmofull]

Por favor sou iniciante em front quero criar um blog, poderia ensinar como faz usando o vue ou nuxt

[@jesusvieiradelima]

só não entendi como o sistema rodando em outro servidor no seu caso do Python, ele pegou o main-asdf.js, ao fazer o build o VITE crie um nome randon para o arquivo e como ele funcionou?? não vi vc editando o arquivo HTML

[@juniorgiroux01]

gostaria que vc fizesse um site nessa mesma pegada desse vídeo.

[@HerlonCosta]

Sensacional professor!!! Já adquiri quase todos os seus cursos de web, e logo irei adquirir o de GraphQL. Agora, senti falta de um curso só de Bancos de Dados!!! Será que rola? 😁

[@tiagocabral5401]

Como iniciante, esse vídeo me ajudou demais a como montar minha arquitetura de pastas. No entanto, com um tempo utilizando alguma coisa eu devo ter feito que não consigo mais utilizar. Acontece que depois de digitar a primeira linha de comando e o terminal solicita o nome do projeto, quando digito o terminal fica se comportando muito estranho: primeiro eu não consigo escrever por cima da sugestão de nome do projeto, depois não consigo deletar esse nome sugestivo, quando consigo apagar e vou para o próximo passo para escolher Vanilla, fica ok, mas quando preciso escolher entre JS e TS, as setas do teclado ficam inativas, não funcionam e dessa forma não consigo escolher JS, muito menos avançar. Alguém pra me explicar o pq isso acontece? Obrigado!

[@jhonatanjesus301]

Faz um curso de Vue e vite

Pois é, tá faltando mesmo

[@paulorcvieira]

Salve Otávio! vem um curso de PyScript?

Ainda não sei rsrs

[@sheilasantos9019]

Boa sugestão :)

[@joaomanoel1467]

quando eu for fazer meu projeto no vite, o arquivo html tem que ser feito no index.html, ou faço no arquivo main.js?

[@alsmartins]

Massa! Man se vc puder faz um vídeo sobre template engine, tipo o Pug sabe

Show de bola, vou ver isso.

[@wribeiro07]

Video massa! Qual a fonte do vscode?

[@wiligramas4501]

Sensacional valeu pelas dicas...

Eu que agradeço

[@felipederkianfelipederkian1746]

olá, excelente vídeo! Qual a fonte que está usando no vscode?

Operator mono

[@Matheus_1582]

C sabe criar um Framework

[@rmunhozdev]

de lascar kkkk , logo de cara: npm ERR! code ETIMEDOUT o que pode ser isso...

[@nelson.costa.dev2536]

Muito massa valeu...

Eu que agradeço 🤘

[@mooouro]

Olá, tudo bem? Ótimo o Vídeo professor, me surgiu uma dúvida. Se eu instalar, por exemplo, o Tailwind eu importo ele no arquivo main.js?

Eu ainda não testei isso, mas aparentemente é sim.

[@mooouro]

@ certo Professor, obrigado por responder

[@catalunham.j.1895]

Sugestao. Mesmo que este seja padrao para varios projetos. Hoje configurar ambiente top de dev nao é facil. Entao faz um preparando ambiente e exemplo basico pra cada finalidade de dev. Faz um so pra node.js, express, etc pra fazer API. Pois tem muitos devs q so querem fazer api pra test ou prod. Entendeu. E por ai vai outros contextos de dev

Massa, boa ideia 😉

[@danrodriguesy]

Opa... Tudo bem? O tema do seu VS code é muito bonito, qual o nome dele?

Chama - Om Theme (A Darker Dracula Theme)

[@danrodriguesy]

​@ Obrigado, tema instalado \o/ Parabéns pelas aulas, valeu!!!!

[@renantibia92]

Professor, eu estou começando e normalmente só crio o arquivo HTML e duas pastas para colocar os styles e o js. Qual é a real necessidade de criar tantas pastas? Acontece alguma coisa quando se passa para o github? Fica mais otimizado? Não entendo para que serve o nodeModule, package,public,assets.. Queria saber o que devo estudar para aprender sobre isso.

[@Brendospdev]

É só por organização, mano! Facilidade de manutenção e afins. Se quiser, pode deixar tudo jogado na mesma pasta que vai funcionar igual, porem, o esquema de pastas que ele seguiu é mais ou menos o padrão que a galera segue para projetos web, tipo uma "convenção".

[@Brendospdev]

Como você está fazendo projetos com html, css e js puro, pode continuar como vc está fazendo tranquilamente. Os outros pontos que você citou, como: node_modules, package.json, pasta public e assets, vou tentar resumir Em projetos usando nodejs (nesse caso, por conta do vite), temos: - arquivo package.json que é basicamente um arquivo de configuração que existe em todo projeto NodeJs que contém informações sobre o projeto, como nome, versão, dependências (bibliotecas externas que o seu projeto precisa para funcionar corretamente), scripts e etc - a pasta node_modules é a pasta que contém o código de todas as bibliotecas (dependências) que estão especificadas no arquivo package.json. PS: dependências tem dependências e cada dependência é um projeto javascript A pasta public é uma convenção usada pela comunidade para guardar arquivos estáticos que são servidos diretamente no lado do cliente (browser). Nele podem ficar arquivos html, css, javascript... vai da sua preferência, porém, mantendo a ideia de arquivos estáticos. A pasta assets é uma pasta de recursos, normalmente a galera usa pra guardar imagens, arquivos xml, pdf... No caso do vídeo, o vite guarda o arquivo js no assets também (para você ver que não tem certo ou errado, vc pode ver de várias formas)

[@jcvariedade1352]

Top. Vit com django usando formularios

Verdade

[@igorodrigues_]

Fala ai Professor Otávio, tudo tranquilo? minha sugestão seria o uso vite num ambiente wordpress.. tipo a base de um tema com vite.. seria legal..

Interessante mesmo, vou ver algo sobre (nunca usei ele com WordPress).

[@igorodrigues_]

@ eu também não já usei gulp pra poder fazer o build do JS e CSS do tema WordPress.. mais não nem se faz sentido.. mais enfim seria bacana

[@MsDiogocouto]

Boa tarde Otávio... pelo visto vem vindo treinamento novo na Udemy ?

Por incrível que pareça, estou atualizando os cursos que já existem.

[@MsDiogocouto]

@ 👏👏👏👏👏

[@pazfelipe]

🎉🎉🎉🎉🎉🎉

🫶

[@lucasrodriguesdove]

quando eu insiro o comando "npm create vite@latest, apresenta esse erro: file:///home/lucas/.npm/_npx/1415fee72ff6294b/node_modules/create-vite/index.js:296 return targetDir?.trim().replace(/\/+$/g, '') ^ SyntaxError: Unexpected token '.' at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18) at async link (internal/modules/esm/module_job.js:42:21) npm ERR! code 1 npm ERR! path /home/lucas/projeto-vite npm ERR! command failed npm ERR! command sh -c create-vite npm ERR! A complete log of this run can be found in: npm ERR! /home/lucas/.npm/_logs/2022-08-23T18_07_28_303Z-debug-0.log Como resolver?