Você ENTENDE REALMENTE o Babel e Webpack que roda em seus Projetos JavaScript? // AluraJS #3

  Рет қаралды 19,823

Código Fonte TV

Código Fonte TV

Күн бұрын

Пікірлер: 87
@DevSoutinho
@DevSoutinho 4 жыл бұрын
+1 episódio e eu tô amando ver o feedback da galera ❤️ não deixem de ver o vídeo implementando o React tbm haha, saber fazer tudo por debaixo dos panos não tem preço
@tocandominhamusica288
@tocandominhamusica288 3 жыл бұрын
link?
@fernandocoelhosaraivanando4522
@fernandocoelhosaraivanando4522 2 жыл бұрын
Você manda bem de mais na explicação !!
@luizoliveiramartins5818
@luizoliveiramartins5818 2 жыл бұрын
Cara você é um herói !!! Já ganhou um inscrito.
@LucasNumeriano-qt8zk
@LucasNumeriano-qt8zk 9 ай бұрын
This is fantastic!
@luizoliveiramartins5818
@luizoliveiramartins5818 2 жыл бұрын
Meu Deus, q q é isso?! Incrível de mais essa aula, muito obrigado a vocês do Código Fonte TV e a Alura por meio desse mega professor que é o Mario! O que sei ainda não me gera renda mas até como forma de gratidão quando eu "chegar lá" sem duvidas vou assinar o Alura.
@ir4nbala
@ir4nbala 4 жыл бұрын
Show de bola, era o estava precisando, usar os recursos mais atuais do javascript e que tenha compatibilidade com os navegadores.
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Boooa!!
@holasoycael
@holasoycael 4 жыл бұрын
Aprendi tudo isso no curso do canal @ProgramadorABordo! Sou grato por ter aprendido isso e ver que está tudo certo neste vídeo do Código Fonte TV ;D
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Graaande programador a bordo, ele manda benzao tbm :D
@lucasoad399
@lucasoad399 3 жыл бұрын
Meu cachorro quer o link. Não achei aqui
@matheuscardoso1
@matheuscardoso1 3 жыл бұрын
Eu estava procurando por este conteúdo! E que felicidade de encontrá-lo justamente num feat desse três devs que eu tanto gosto! Conteúdo incrível, valeu galera.
@Arno100ful
@Arno100ful 3 жыл бұрын
Como um vídeo desses tem tão poucas visualizações? Caraca, devia estar na playlist de todo dev brasileiro.
@lincolndraw1645
@lincolndraw1645 3 жыл бұрын
Eu tava apanhando pra entender esse negócio de módulos.. no caso, com Js e moldagem 3d (biblioteca Three.js)
@chervesblezz
@chervesblezz 4 жыл бұрын
Muito bom! Gosto do jeito do Mario mostrar sem enrolação, mas mantendo os detalhes importantes. Valeu!
@codigofontetv
@codigofontetv 4 жыл бұрын
O Mário é nota 10!!! 🤓
@DevSoutinho
@DevSoutinho 4 жыл бұрын
@@codigofontetv Assim eu fico sem graça ashusahusahu valeuzao @Eduardo lá no meu canal todo vídeo é assim tbm :D
@davilucasmarques7921
@davilucasmarques7921 4 жыл бұрын
Quarto !!! Estava ansioso pelo 3º vídeo da AluraJS.Essa série tá muito massa!!!!
@codigofontetv
@codigofontetv 4 жыл бұрын
Muito obrigado por nos acompanhar Davi!!! 🤓
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Que massa que tu ta acompanhando!!! A gente se vê no próximo episódio :)
@viniricardoferrera
@viniricardoferrera 4 жыл бұрын
Nem assisti o video ainda e já tô comentando! Vcs são uma inspiração pra mim! S2
@adrianmouzinho9615
@adrianmouzinho9615 2 жыл бұрын
Caraca, q incrível isso! Não sabia q era assim o funcionamento do webpack e do babbel
@flouainan
@flouainan 2 жыл бұрын
Excelente didática
@italo_DeSouza
@italo_DeSouza 4 жыл бұрын
Esse vídeo salvou minha vida e meu projeto de conclusão de curso! Estava simplesmente à semanas tentando configurar o webpack + babel + react, a conjunção simplesmente não funcionava, e até onde percebi, o problema era que não estava especificando o caminho do html-webpack-plugin. Muito obrigado!! já era fã do canal código fonte e acabo de descobrir mais um excelente canal de conteúdo relacionado a programação.
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Caraca que demais ler isso!!! Poxa, se tiver aberto manda links!!!
@lukas.santiago
@lukas.santiago 4 жыл бұрын
Rapaz, esse vídeo veio na hora certa, basicamente queria um improve no meu work flow visto que tive problemas de gerenciamento de pacotes em um projeto que usava umas dependências antigas. Com o webpack consegui resolver de forma muito rápida que quase caiu uma lágrima kkkk **aprendi ao longo da semana passada, mas esse vídeo com certeza selou o aprendizado
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa massa demais ler isso!!! Ta aberot esse projeto? mandai!
@lukas.santiago
@lukas.santiago 4 жыл бұрын
@@DevSoutinho Opa, na verdade não tá aberto, mas aproveitei que não é grande demais para ir fazendo "improves" como esse e ir aprendendo mais :D
@isaquesb
@isaquesb 4 жыл бұрын
Sensacional esse vídeo. Parabéns!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Obrigado :D
@rogeriopst450
@rogeriopst450 4 жыл бұрын
muitos detalhes q as vezes a gente nem se dah conta..mto massa essa serie..parabens...vlw
@heitorquaglia
@heitorquaglia 4 жыл бұрын
Vídeo bom e necessário! Sempre causa dúvidas
@DevSoutinho
@DevSoutinho 4 жыл бұрын
\oooooo
@daltonmetal
@daltonmetal 4 жыл бұрын
Show!!! mto boa explicação!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Valeu!!!!
@barbaraokubo7719
@barbaraokubo7719 4 жыл бұрын
Vocês são demais! Parabéns pelo trabalho!!!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Valeu!!!! \o/
@brunosantanadev
@brunosantanadev Жыл бұрын
Pelo amor de Deus faz um video desse só que de 2 horas por favor kk, o Mario explica muito bem, a configuração do webpack parece difícil mais não é.
@ailtonocchi
@ailtonocchi 3 жыл бұрын
Estou fazendo o curso de formação Vue.js na Alura e acho que esse vídeo deveria ser obrigatório antes de iniciar o módulo de Webpack, agora sim clarou o porque de fazer tantas instalações e configurações.
@jonathanalcantara7347
@jonathanalcantara7347 4 жыл бұрын
Muito legal o vídeo, ficou top! Só um feedback, sei que o intuito foi de exemplificar a configuração do bundler em conjunto com o compilador, porém essa troca de comandos entre npm e yarn pode confundir a galera XD, no mais, parabéns pelo conteúdo!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Ihh rapaz eu vacilei! No trampo eu uso yarn, no dia a dia uso npm ai me perco todo as vezes ashusahuas
@rubenfontes7085
@rubenfontes7085 Жыл бұрын
Muito bom!
@markfazolin
@markfazolin 4 жыл бұрын
Curtindo muito estas "aulas", parabéns a todos os organizadores! Gostaria de ver uma idéia de como começar a portar sites e sistemas legados para o react, por exemplo, o que acham? Valeu novamente pelo ótimo conteúdo!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
TA AI UM ÓTIMO VIDEO! Fica de olho no meu canal que pode rolar :eyes:
@craken1307
@craken1307 3 жыл бұрын
MUITO BOM! me ajudou d+ muito boa a didática do professor
@deyv8102
@deyv8102 4 жыл бұрын
Lembrando que quando ta em development, o webpack meio que "pega a referencia do bundle na memoria".
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Siiim! Super bem colocado! faz total diferença se comparar com o gulp/grunt que usamos no passado (as propostas são diferentes mas n da pra n comparar huashusa)
@ricardodantasdev
@ricardodantasdev 4 жыл бұрын
Muito bacana! Ficou muito bem explicado =)
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Valeuzao ricardo!
@ljrlah
@ljrlah 3 жыл бұрын
Esse arquivo bundle.js gerado, se eu criar um HTML com uma div #app e incluir na tag esse bundle.js funciona da mesma forma?
@RamiroDof
@RamiroDof 4 жыл бұрын
Justamente o que eu precisava neste momento, sou iniciante em Vue.js e essa parte estava me gerando bastante confusão.
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Que massa ler isso!!! Fico bem feliz em ajudar \o hoje em dia ta bem mais fácil de mostrar esses internals e clareia mt a vida
@pedrocosta9769
@pedrocosta9769 3 жыл бұрын
Minha gente, me deem um help, quando criamos um app react, já num vem o babel e o weback junto?
@Joao-oo8yj
@Joao-oo8yj 2 жыл бұрын
Sim, o react é dependente dessas features.
@allef8594
@allef8594 3 жыл бұрын
Excelente conteúdo parabéns!
@viniciusmattosrj
@viniciusmattosrj 4 жыл бұрын
Excelente conteúdo, parabéns! DevSoltinho dúvida: tendo em vista que hoje a raiz dos projetos tem diversos arquivos como *.config.js ou *.config.ts, você considera uma "boa prática" a criação de uma pasta config, responsável só p/ armazenar/centralizar todos esses arquivos configuração?
@joynan11
@joynan11 2 жыл бұрын
Muito bom, agora partiu ler a documentação e quebrar a cabeça!!
@osdeving
@osdeving Ай бұрын
poderia ler a documentação diretamente, sem o vídeo... os caras que fazem o vídeo leram rs
@joynan11
@joynan11 Ай бұрын
@osdeving as vezes a gente precisa de mais de um meio de aprendizado da mesma informação pra poder fazer né
@iridium-x7i
@iridium-x7i 2 жыл бұрын
se em todo projeto react precisasse fazer isso a gente tava lascado kkkk agora sei por que o time do face book disponibilizou o template inicial. muito bom.
@guh2514
@guh2514 2 жыл бұрын
Cara quando crio um projeto react não criou uma pasta webpack ou babel, sabe o pq?
@ruannilton5119
@ruannilton5119 4 жыл бұрын
MUITO BOM
@DevSoutinho
@DevSoutinho 4 жыл бұрын
valeu!!!
@lincolndraw1645
@lincolndraw1645 3 жыл бұрын
Ainda estou na luta pra empacotar um projeto com modelagem 3d rs No meu caso é "import * as THREE from 'three'" o comando haha
@marcotuliolacerda2600
@marcotuliolacerda2600 4 жыл бұрын
nossa que top
@matheusaraujo8617
@matheusaraujo8617 4 жыл бұрын
muito bom, vlw d+
@emanoelsergio8865
@emanoelsergio8865 Жыл бұрын
E eu que comprei o curso do Otávio Miranda (que na minha opinião enrola algumas coisas) e assisti uma aula de 45min e não saiu tão bem explicado como nesse vídeo
@murilorerisondesousapaz5065
@murilorerisondesousapaz5065 4 жыл бұрын
Eu ia até dar um curti, mas já tinha curtido...
@DevSoutinho
@DevSoutinho 4 жыл бұрын
ahahahhaha boa!
@matheusaraujo8617
@matheusaraujo8617 3 жыл бұрын
voltando pra re-ver
@leonardoleoncio6958
@leonardoleoncio6958 4 жыл бұрын
Se vocês colocarem o vídeo pra rodar em velocidade 0.75 parece que o vídeo ta rondando em velocidade 1.0
@DevSoutinho
@DevSoutinho 4 жыл бұрын
ashuashuasuashshuauhsuhashuauhasuhsahuashusahusahuashuashuasuashshuauhsuhashuauhasuhsahuashusahusahuashuashuasuashshuauhsuhashuauhasuhsahuashusahusahu
@leonardobarbosa8790
@leonardobarbosa8790 2 жыл бұрын
Fodaa
@nathansantos4197
@nathansantos4197 3 жыл бұрын
Fiquei mais perdido que cego em tiroteio kkkkkkk
@tarsiscostacruz7842
@tarsiscostacruz7842 3 жыл бұрын
O mano além de programador é sósia do Pablo Escobar! hehe
@andresena3243
@andresena3243 Жыл бұрын
Ótima aula, mas vejo que quanto mais estudo javascript menos sei uahuhua
@dortavlogs
@dortavlogs 4 жыл бұрын
Quem é Mario?
@zerocoolbr
@zerocoolbr 4 жыл бұрын
Second!
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Segura a medalha second do #DevSoutinho ashuashuhuas 🥈
@zerocoolbr
@zerocoolbr 4 жыл бұрын
@@DevSoutinho huhauhaa
@codigodesenior3995
@codigodesenior3995 4 жыл бұрын
volte mais tarde para os comentarios engraçados...
@DevSoutinho
@DevSoutinho 4 жыл бұрын
uhuashusauhaush teve uns legais até agora
@holasoycael
@holasoycael 4 жыл бұрын
Terceiro
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Segura a medalha terceiro do #DevSoutinho ashuashuhuas 🥉
@josephkrews8078
@josephkrews8078 4 жыл бұрын
First ?
@DevSoutinho
@DevSoutinho 4 жыл бұрын
Segura o troféu first do #DevSoutinho ashuashuhuas 🏆
@trechosflixs
@trechosflixs 11 ай бұрын
Odeio isso tudo. Tem que passa hora configurando..
Babel JS (O "Compilador" JavaScript) // Dicionário do Programador
9:18
Código Fonte TV
Рет қаралды 18 М.
Enceinte et en Bazard: Les Chroniques du Nettoyage ! 🚽✨
00:21
Two More French
Рет қаралды 42 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
Curso Webpack 5 Essencial
36:44
Matheus Battisti - Hora de Codar
Рет қаралды 10 М.
TUDO que você deve estudar de JavaScript antes do React
1:25:24
Rocketseat
Рет қаралды 309 М.
Seu próximo back-end Node com TESTES! (+ SOLID)
1:02:43
Rocketseat
Рет қаралды 95 М.
Dominando Next JS completo do zero 🔥
1:20:35
Sujeito programador
Рет қаралды 7 М.
VOCÊ PRECISA TESTAR ISSO! Next.js + Docker
17:40
Código Fonte TV
Рет қаралды 14 М.
React Hooks: Aprenda os MAIS IMPORTANTES em 50 Minutos!
53:09
Felipe Rocha • Full Stack Club
Рет қаралды 58 М.
O que roda no meu HomeLab? - Hardware & Software
29:02
Diolinux
Рет қаралды 99 М.
Enceinte et en Bazard: Les Chroniques du Nettoyage ! 🚽✨
00:21
Two More French
Рет қаралды 42 МЛН