JavaScript 🇺🇦

function addToList(item, list) {
   return list.push(item);
}

const result = addToList("pear", ["plum"]);
console.log(result);

👉 Відповідь #JS // #practice // Архів книг

Українці бояться криптовалют! Всі вже помітили, як багато стає криптоекспертів, коли крипта зростає і що вони кудись пропадають, коли крипта падає? Через таких хайп-експертів люди втрачають гроші та беруть кредити. Кого ж тоді слухати? Того, хто нікуди не пропадає під час корекцій, щотижня інвестує власний капітал і розповідає людям фундаментальні речі: ▪️як працює ринок криптовалют; ▪️як аналізувати новини; ▪️що відбувається в світі і як це впливає на торгівлю; ▪️макроекономічні та політичні події. Таких людей досить небагато. І мало хто справді ділиться своїми напрацюваннями з людьми. Vlad T.A.M. — інвестор, що на ринку вже більше 6 років, пише про це у Forbes та навчив вже більше 3000 людей. Щодня розповідає про логіку роботи ринку та на власному прикладі постійно інвестує у криптоактиви. Чіткість, дисципліна, холодний розрахунок та довгострокові інвестиції — https://t.me/+PSsRd6my8eY2YmU6

Get Color Palette Фон, який забарвлюється в основний колір картинки. Для кожного зображення визначаються три кольори: основний, вторинний та фоновий. #codepen // #practice // JS

ШІ для виявлення шкідливого JS У цій свіжій статті автори діляться своїм досвідом роботи — як вони навчають ШІ виявляти зловмисні наміри JavaScript і робити веб-серфінг безпечнішим. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Метод substring() виймає символи між двома індексами (позиціями) з рядка і повертає підрядок. Символи виймаються від початку до кінця (не включно).

const str = 'Mozilla';

console.log(str.substring(1, 3));
// expected output: "oz"

console.log(str.substring(2));
// expected output: "zilla"

Якщо start більше end, аргументи змінюються місцями: (4, 1) = (1, 4). Початкове чи кінцеве значення, якщо воно менше 0, обробляється як 0. #substring // #practice // JS

Як почати писати на JavaScript На 2-му уроці відео-курсу по JavaScript від Дмитра Охріменка автор розповідає, з якою метою взагалі була створена мова JS, на що вона здатна і з чого почати її вивчення. Мова: 🇺🇦 Тривалість: 1 год 50 хв #JS // #lessons // Вакансії IT

Wave Анімація завантаження, схожа на хвилю. Елемент побудований з ліній, які змінюють свою довжину і тим самим створюють контур предмета. #codepen // #practice // JS

Глибоке занурення в SSR для React-розробників У цій свіжій статі ви дізнаєтесь крок за кроком, як серверний рендеринг (SSR), попередній рендеринг, гідратація та статична генерація сайту (SSG) працюють у React, а також їхні затрати, вплив на продуктивність, переваги та компроміси. Мова: 🇬🇧 #React #SSR // #theory // JS

Cards Картки, які розгортаються, наче книжка. У кожній з них є анімована кнопка та місце для зображення. #codepen // #practice // JS

Генератор SVG з будь-яких картинок Нейронка перетворює зображення на логотипи та іконки в один клік: 🔴завантажуєте картинку або пишете промт 🔴дивитеся, як ШІ генерує код у реальному часі 🔴копіюєте результат у відмінній якості 👉 Спробувати #SVG // #news // JS

Генерування довільних значень чи отримання довільного елемента масиву — дуже корисні методи, які варто тримати під рукою.

let getRandom = (min, max) ⇒ {
   return Math.round(Math.random() * (max - min) + min);
console.log('Get random', getRandom(0, 10));

У даному прикладі наведене генерування довільного числа з діапазону із зазначенням мінімального та максимального значень. #JS // #practice // Архів книг

Вакансія: Front-end Developer Транспортна компанія "Агротеп" шукає на офісну роботу у Києві фронтенд-розробника рівня Middle зі знанням JavaScript (ES6+), HTML5, CSS3 і досвідом з React та React Native — для розробки та підтримки веб- та мобільних додатків. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

Метод next() повертає об'єкт із двома виконаними властивостями та значенням. Ви також можете надати параметр методу next для надсилання значення генератору.

function* gen() {
   yield 1;
   yield 2;
   yield 3;
}

const g = gen(); // "Generator { }"
g.next();   // "Object { value: 1, done: false }"
g.next();   // "Object { value: 2, done: false }"
g.next();   // "Object { value: 3, done: false }"
g.next();   // "Object { value: undefined, done: true }"

Повертається true, якщо генератор пройшов кінець свого потоку керування. #next // #practice // JS

Vue.js 3 Design Patterns and Best Practices Цей посібник охоплює Vue 3 від основ, включаючи компоненти та директиви, і поступово переходить до більш складних тем, таких як маршрутизація, управління станом, веб-працівники та офлайн-сховище.

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

Рік: 2023 Мова: 🇬🇧 Автор: Pablo David Garaguso #Vue // #books // JS

Управління замиканнями JS в React Конкретно в проектах React замикання можуть проявлятися способами, які не завжди є очевидними. У цій статті пояснюється, що таке замикання, і наводяться приклади того, як ними керувати.

Автор також розглядає приклад із реального життя, з яким він впорався під час своєї професійної роботи. Автор посилається на свій зразок проекту на GitHub протягом усієї статті.

Мова: 🇬🇧 #React // #theory // JS

// counter.js
let counter = 10;
export default counter;

// index.js
import myCounter from "./counter";
myCounter += 1;
console.log(myCounter);

👉 Відповідь #JS // #practice // Архів книг

Split Slick Slideshow Слайдер із двома вертикальними частинами. При скролінгу зображення розбивається навпіл, а заголовки плавно прокручуються. #codepen // #practice // JS

Чому новітні JS-фреймворки — марна трата часу? Якщо ви займаєтесь веб-розробкою більше п’яти хвилин, ви знаєте, як це буває: кожні кілька місяців з’являється новий фреймворк JavaScript, який обіцяє виправити всі біди попереднього покоління. Спочатку це надихає, але після багатьох років переходу від React до Vue, до Svelte, до Solid (і назад), автор статті зрозумів, що постійна гонитва за найновішим фреймворком JavaScript — це марна трата часу. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Це акуратний спосіб дізнатися, чи є значення цілим числом.

let mynum = 123;
let mynumStr = "123";

console.log(${mynum} is a number?',
Number.isInteger(mynum));
console.log('${mynumStr} is a number?'
Number.isInteger(mynumStr));

Вбудований JavaScript API Number надає для цього метод isInteger() — дуже корисна штука, про яку слід знати. #isInteger // #practice // JS

Основи Git Друзі, починаємо оглядати новий великий відео-курс по JavaScript від розробника Дмитра Охріменка — і в першому уроці ви дізнаєтесь, як використовувати Git, щоб зберігати свій код та ділитися ним з іншими. Мова: 🇺🇦 Тривалість: 2 год 14 хв #Git // #lessons // JS