frontend
(59)
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10Керівництво по CSS анімаціях
Ми, розробники і дизайнери, завжди хочемо привернути увагу користувача до свого продукту і залишити гарне враження. Для цього інтерфейс повинен бути простим і зрозумілим, завантажуватися швидко і працювати як швейцарський годинник. Але цього недостат...
Codeguida · 16 червня 2017 · 10Стрілочні функції в JS для початківців
Стрілочні функці — нова форма запису анонімних функцій, що з'явилася в ES6. В чому ж переваги такого запису? Їх декілька. 1. Коротший синтаксис Подивіться на цей приклад: function funcName(params) { return params + 2; } funcName(2); // 4 Цей код...
Codeguida · 6 років тому · 255Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker
Розгортання Node.js у PaaS Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі застосунки. У цьому туторіалі ви навчитеся використовув...
Codeguida · 14 серпня 2021 · 16Чому Elm краще JavaScript
Elm — ML-подібна мова програмування, що компілюється в JavaScript і забезпечує незмінність в процесі виконання. Вона вирішує купу проблем, з якими JS-розробники стикаються кожен день. Я вірю, що Elm — це майбутнє фронтенд-розробки. В цій статті я роз...
Codeguida · 12 квітня 2020 · 11CSS форми, кліпи і маски — як ними користуватися
Реліз Firefox 54 приніс з собою нові фічі в CSS властивість: clip-path. Ця властивість дозволяє робити кліпи (тобто вирізати частини елементу), що в Firefox, до недавніх пір, було можливим лише за допомогою SVG. Втім, відтепер для цього можна буде ви...
Codeguida · 24 липня 2017 · 16Node Hero: Частина 7 - Структура проектів на Node.js
Це сьома частина серії туторіалів під назвою Node Hero. В цих розділах ви дізнаєтесь, як почати роботу з Node.js і розробляти програмні продукти, використовуючи його. Більшість фреймворків Node.js не мають фіксовану структуру директорію, і тому зрозу...
Codeguida · 24 жовтня 2020 · 3Навіщо в ES6 const, якщо він не працює?
Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...
Codeguida · 06 червня 2017 · 7Node Hero: Частина 10 - Відлагодження Node.js-застосунків
Відлагодження Node.js-застосунків Один з найпоширеніших рішень для знаходження помилок у Node.js-застосунках - постійне використання console.log для дебагінгу. console.log є ефективним способом для дебагінгу коротких фрагментів коду, але ми пропонуєм...
Codeguida · 14 грудня 2020 · 3Що вам потрібно знати про числа в ES6
В порівнянні зі знайомим нам ES5, в стандарті ES6 було багато чого змінено. Ці зміни торкнулися і чисел (Number). Нові літерали Тепер ви відразу можете задавати числа в потрібній системі числення. Для цього використовуються префікси: 0b для чисел в д...
Codeguida · 07 червня 2017 · 4++i проти i++ в Javascript
Там де є i там є маленька, але важлива відмінність між ++i та i++, що може завдати достатньо головного болю, якщо не бути обережним. Спробуйте це: var i = 5; i++; console.log(i); //=> 6 ++i; console.log(i); //=> 7 Як і очікувалось, обидві версії інк...
Codeguida · 20 червня 2021 · 272