Вітаю! 😃

Сьогодні хотів би поділитися з тобою деякими цікавими деталями про Babel та його використання)

Babel - це інструмент для компіляції (перероблення) сучасного JavaScript коду в код попередньої версії JavaScript, які підтримуються в більшості браузерів

Це дозволяє нам писати код, використовуючи нові функції та синтаксис JavaScript, і не хвилюватися про сумісність зі старішими браузерами 😌

Ось приклад використання Babel у проекті:

Припустимо, ти створив файл “script.js” та “index.html”

У “script.js” ти використовуєш стрілкові функції та spread operator:

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((number) => number * 2);
console.log(...doubledNumbers);

Але ти помічаєш, що цей код може не працювати на старіших браузерах, які не підтримують такі функції та оператори 😉

Щоб забезпечити сумісність з усіма браузерами, ти можеш використати Babel для компіляції свого коду)

Спочатку встанови Babel за допомогою пакетного менеджера npm:

npm install @babel/core @babel/cli @babel/preset-env

Потім створи файл конфігурації Babel “.babelrc” у кореневій папці проекту:

{
"presets": ["@babel/preset-env"]
}

Тепер викличте Babel з командного рядка, щоб зкомпілювати твій код:

npx babel script.js --out-file compiled.js

Тепер ти можеш підключити “compiled.js” у своєму “index.html” і запустити твою програму на будь-якому браузері, який підтримує JavaScript

Це всього лише невеликий приклад використання Babel!

Його можна використовувати для багатьох інших речей, таких як перетворення JSX (розширення JavaScript для React) у звичайний JavaScript або підтримка інших експериментальних функцій мови)

Babel є потужним інструментом для розробників, які хочуть використовувати сучасний JavaScript і забезпечити сумісність зі старішими браузерами

Спробуй його і дай мені знати, що ти думаєш! 😊


Якщо ти насолоджуєшся моїми постами, донат допоможе мені віддавати більше часу на створення якісного контенту 🤗
5375411501575463

#web

Вітаю! 😃

Розумію, що у тебе може буде не багато часу читати мої статті...

Але! Бувають дні, коли замість того, щоб писати щось нове - я тобі можу підказати, що ти міг би перечитати, щоб собі ж повторити 😌️️️️️️

І сьогодні - саме цей день!

Пропоную, тобі перечитати наступні технології

Вони будуть пов'язані з веб-технологіями)

І, сподіваюсь, сподобається тобі 😉️️️️️️


Якщо ти насолоджуєшся моїми постами, донат допоможе мені віддавати більше часу на створення якісного контенту 🤗
5375411501575463

#web

Про БЕМ ⚡️

Про ITCSS ⚡️

Про Webpack ⚡️

Про localStorage, sessionStorage та cookies ⚡️

Про фреймворки Angular, Vue та React ⚡️

Про Babel ⚡️

А також, хочу нагадати, що чекатиму тебе завтра о 19:00 за Києвом тут на моєму Телеграм каналі - буду проводити вебінар по Git та GitHub! 🥳️️️️️️

Ну що ж!) будьте готові))

Уже рівно через 1 годину почнеться наш вебінар!

Усіх чекаю 😉️️️️️️

Розпочинаємо!!! 🥳

git config --global user.name "YOUR NAME"

git config --global user.email "EMAIL@..."

1.) git init
2.) git add (git add .)
3.) git commit (git commit -m "YOUR MESSAGE")

***
- git status (перевірити статус Git)
- git push (відправити дані)
- git pull (прийняти дані)
- git branch (робота з вітками)
- git merge (обʼєднати)

Ось)

ЗБЕРІГЛОСЬ 🥳️️️️️️🥳️️️️️️🥳️️️️️️