Babel JS (O "Compilador" JavaScript) // Dicionário do Programador

Ғылым және технология

🧠 𝗛𝗢𝗦𝗧𝗚𝗔𝗧𝗢𝗥 𝗜𝗡𝗦𝗜𝗚𝗛𝗧𝗦 → codft.me/HGRZQMAuHEhw
Desenvolver para Front-End de forma que o código seja compatível com todos os navegadores é um grande desafio. Pra quem precisou usar hacks para IE e Netscape sabe muito bem como era complicado. Ainda bem que vivemos na era do Open Source onde programadores de todas as idades podem contribuir para resolver muitos problemas.
O Babel JS é uma dessas ferramentas incríveis. Ele permite desenvolver utilizando a versão mais atual com ECMAScript (JavaScript) pois ele transpila para o código compatível. Isso livra desenvolvedores no mundo inteiro de ficar quebrando a cabeça com compatibilidades.
Nesse vídeo a gente mostra como o Babel funciona e resolve nossos problemas.
📝 𝗟𝗶𝗻𝗸𝘀 𝗖𝗶𝘁𝗮𝗱𝗼𝘀
→ Hallelujah-In Praise of Babel: / hallelujah-in-praise-o...
📡 𝗦𝗶𝗴𝗮 𝗮𝘀 𝗿𝗲𝗱𝗲𝘀 𝗱𝗼 𝗖𝗗𝗙𝗧𝗩
→ linktr.ee/codigofontetv
📸𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺
→ / codigofontetv
☕ 𝗖𝗹𝘂𝗯𝗲 𝗱𝗼𝘀 𝗖𝗗𝗙𝘀 𝗻𝗼 𝗬𝗼𝘂𝘁𝘂𝗯𝗲
→ codft.me/clubecdfs
▸ 𝗛𝗢𝗦𝗧𝗚𝗔𝗧𝗢𝗥
📢 Vagas e Oportunidades: codft.me/hostgatorjobs
𝑵ó𝒔 ❤️ 𝒓𝒆𝒄𝒆𝒃𝒆𝒓 𝒑𝒓𝒆𝒔𝒆𝒏𝒕𝒆𝒔, 𝒄𝒂𝒓𝒕𝒂𝒔, 𝒃𝒓𝒊𝒏𝒅𝒆𝒔 𝒆 𝒎𝒊𝒎𝒐𝒔.
Caixa Postal: 91735 - Cep: 25620-972
Petrópolis / RJ
🤝 Roteiro em colaboração com Hebert Barros
💻 Edição e Áudio: RW Studio
🔗 Um vídeo do site Código Fonte
#Babel #JavaScript #ES6

Пікірлер: 43

  • @jimmyMcGico
    @jimmyMcGico3 жыл бұрын

    Caramba o JSON armazena os código e depois volta a ser JS com um código mais compatível que bacana.

  • @ChrisACorrea

    @ChrisACorrea

    3 жыл бұрын

    Tbm achei essa parte muito interessante. Quem diria...

  • @codigofontetv

    @codigofontetv

    3 жыл бұрын

    Exatamente!!! :D

  • @marciosfreitas
    @marciosfreitas2 жыл бұрын

    Muito bom!!! Com o dicionário do programador vocês estão prestando um serviço de utilidade pública!

  • @codigofontetv

    @codigofontetv

    2 жыл бұрын

    Muito obrigado por esse reconhecimento! Ficamos honrados em saber que o Dicionário do Programador tem ajudado nossa comunidade! Grande abraço

  • @itanuromero
    @itanuromero3 жыл бұрын

    Obrigado galera, vcs me dão um resumo de muitas tecnologias, o que é extremamente importante pro meu início de carreira!

  • @viniciusmattosrj
    @viniciusmattosrj3 жыл бұрын

    Parabéns pelo vídeo! Vocês fazem um excelente trabalho. ;-)

  • @aprendizmoderno5057
    @aprendizmoderno50573 жыл бұрын

    Babel é uma biblioteca que eu levei um tempo para me acostumar, mas hoje vejo o seu valor. Fica extremamente rápido para codar em JavaScript com muito menos linhas de código. Redash é um projeto que usa Babel + ReactJS no front end irei fazer um vídeo sobre ele logo menos. Ótimo conteúdo! Parabéns!

  • @joevtap
    @joevtap3 жыл бұрын

    Vim (hehe, vim) mais rápido que a renderização do React

  • @RenanVital
    @RenanVital3 жыл бұрын

    Estou utilizando babel agora mesmo, em um projeto React Native + TypeScript! =D

  • @AliferOSouza
    @AliferOSouza3 жыл бұрын

    Canal top, poderia em algum próximo episódio falar sobre o "cms headless strapi"

  • @imnotnil
    @imnotnil3 жыл бұрын

    PreactJS daria um vídeo interessante porque muita gente nem sabe que ele existe, mas adoraria conhecer essa alternativa do React que é baseada no mesmo.

  • @gleidsoncavalcante4679
    @gleidsoncavalcante46797 ай бұрын

    3 anos após o vídeo ser lançado, estou eu aqui conhecendo o babel através de vocês.

  • @MrSaitam
    @MrSaitam3 жыл бұрын

    Parabéns pela explicação do funcionamento por debaixo dos panos o Babel JS. Sugestão para o próximo Dicionário do Programador, Livewire, framework FullStack do Laravel, que constroí por debaixo dos panos o Vuejs ou React, conforme a escolha.

  • @gabrielpereiramendes3463
    @gabrielpereiramendes34633 жыл бұрын

    #Excelente!

  • @matheusmenezesmanfrin4894
    @matheusmenezesmanfrin48943 жыл бұрын

    Hallelujah-In Praise of Babel

  • @ricardohincapie1537
    @ricardohincapie15372 жыл бұрын

    Obrigado!

  • @silva97
    @silva973 жыл бұрын

    Transpiler (source-to-source compiler) é um tipo de compilador, a auto-descrição do Babel não está errada.

  • @JonatanEdOrtiz
    @JonatanEdOrtiz3 жыл бұрын

    Babel, agora que parei pra pensar. Tudo a ver o nome kkk

  • @imnotnil

    @imnotnil

    3 жыл бұрын

    Já tô de olho na treta que vai dar quanto ela cair... 🤔🤔🤔

  • @JonatanEdOrtiz

    @JonatanEdOrtiz

    3 жыл бұрын

    @@imnotnil 😂😂😂👏👏👏

  • @macrosoft7406

    @macrosoft7406

    3 жыл бұрын

    Tomara que a divindade não se irrite com o avanço tecnológico, de novo kkkk

  • @JonatanEdOrtiz

    @JonatanEdOrtiz

    3 жыл бұрын

    @@macrosoft7406 a próxima vez será quando o ser humano descobrir como impedir o envelhecimento das células ou renova-las, aí a ameaça de inferno perderá o sentido.

  • @leocarona
    @leocarona Жыл бұрын

    Obrigado pela aula, e pelas palavras novas que eu não conhecia. Eu tive que pausar o vídeo, ir até o Google e fazer algumas pesquisas pra entender alguns termos que foram usados no vídeo que eu não conhecia. Por sorte eu não me distraí com outras coisas e voltei pra continuar o vídeo, rs. Eu tive impressão de que se tivessem dito "converter" em vez de "transpilar" e "predefinido" em vez de "preset" teriam conseguido passar a mesma ideia que queriam passar, e teriam usado palavras mais comuns, o que poderia ter diminuído as "dependências" da aula. rs Imaginem-se no meu contexto: vc abre um projeto novo que deseja rodar na sua máquina, e o projeto não roda pq depende de algumas coisas que vc não conhece, entre elas o "Babel". Não tem jeito de prosseguir, então vc usa o Google pra entender o que é essa dependência e acha um vídeo que pode te ajudar (este aqui! rs). Porém pra entender o vídeo vc depende de conhecer algumas palavras que não conhece, e daí não dá pra prosseguir tbm, e tem que ir no Google fazer mais pesquisas. Algumas palavras realmente não são substituíveis dependendo do contexto, mas eu tive impressão de que essas duas que mencionei são palavras com sinônimos mais comuns em português, e que passariam a mesma ideia. Foi só um feedback que pensei que pudesse ser útil pra vcs como comunicadores. Novamente obrigado pela aula! :) Edit: Acho que foi desatenção minha, pq voltei o vídeo e vi que no começo vcs usaram termos mais comuns, só posteriormente mencionaram esses que eram menos comuns pra mim.

  • @leocarona

    @leocarona

    Жыл бұрын

    Btw, achei divertido ver tantas canetas no bolso das camisas de vcs. 😁 Eu quase tinha me esquecido que algumas camisas têm bolso, e achei que vcs deram uma utilidade divertida pros bolsos das camisas de vcs. Eu raramente uso caneta no meu dia-a-dia, mas elas ainda são tecnologias indispensáveis em alguns outros contextos, né? 😊

  • @juanfleury

    @juanfleury

    Жыл бұрын

    @@leocarona Amigo, é uma pergunta sincera: você fala português nativamente ou é talvez de Portugal? Porque seu jeito de escrever é bem diferente das outras pessoas.

  • @TheTrollzica
    @TheTrollzica3 жыл бұрын

    O Babel é aquele tipo de biblioteca de código que nenhum dev vive sem mais haha :D

  • @IcaroFelix2023
    @IcaroFelix20233 жыл бұрын

    Vcs poderiam fazer um video sobre o Nativescript ?

  • @zGrablol
    @zGrablol3 жыл бұрын

    Olá! Gostaria de saber qual a diferença entre criar um site utilizando geradores de sites, exemplo Wix ou Wordpress de programadores focados em Javascript, Html, Css... entres outras ferramentas? Sou bem novato nessa área. Obrigado seu conteúdo é muito bom!

  • @guilhermecabrera9865
    @guilhermecabrera98653 жыл бұрын

    #melhorcanal

  • @andreciobezerra1198
    @andreciobezerra11983 жыл бұрын

    const audio =(Hallelujah-In Praise of Babel) => kzread.info/dash/bejne/ZmSVxNKelKWxe5s.html

  • @andersoonS2
    @andersoonS23 жыл бұрын

    faz um dicionário para o yarn por favor!!

  • @maycowmarques8732
    @maycowmarques87323 жыл бұрын

    CDFs e a pesquisa que vocês estavam fazendo, quando sairá o resultado?

  • @codigofontetv

    @codigofontetv

    3 жыл бұрын

    Já já, ainda em Novembro teremos o resultado.

  • @MatxTV
    @MatxTV3 жыл бұрын

    Cara, a primeira coisa q eu faço quando inicio um script JS

  • @henriquerusso
    @henriquerusso2 жыл бұрын

    Bom dia, como acesso o CDF no Discord? Obrigado

  • @luizhenriqueamaralsoares5021
    @luizhenriqueamaralsoares50213 жыл бұрын

    Godot Engine // Dicionario do programador

  • @codigodesenior3995

    @codigodesenior3995

    3 жыл бұрын

    upupupuupupuppupupupup

  • @herickraposo1342
    @herickraposo13423 жыл бұрын

    Pessoal boa noite, alguem possui um modelo de app ionic 5 com login usando método POST e página restrita de usuário? Estou apanhando muito

  • @ruiguilherme7181
    @ruiguilherme71813 жыл бұрын

    Como você ousa falar que é uma informação inútil? Algo tão belo e lindo como uma música do babel kkkkkkkkk

  • @rafael_1603
    @rafael_16033 жыл бұрын

    Eu crio projetos com React

  • @paulocristo1
    @paulocristo110 ай бұрын

    Eu só não compreendo como alguns programadores (com todo respeito) não se preocupa com código gerando código ou seja. gerando código interpretado pra gerar código interpretado. 😅não sei se fui claro. Kkkk

  • @gruposwpp8409
    @gruposwpp84092 жыл бұрын

    a

Келесі