frontend
(59)
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 5 років тому · 25
Наука про SVG анімації
Плоский дизайн все більше стає трендом 2016 року, відповідно SVG тепер використовується достатньо часто. Переваг багато: незалежність від роздільної здатності, крос-браузерність і доступні DOM ноди. У цій статті ми розглянемо, як ми можемо використов...
Codeguida · 15 січня 2020 · 5
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикладів того, як користуватися цією бібліотекою. Але...
Alex · 15 жовтня 2020 · 2K
Нові функції ES2018, про які ви повинні знати
В липні 2018 світ побачила дев'ята редакція стандарту ECMAScript, що має назву ECMAScript 2018, або просто ES2018. Починаючи з ES2016, специфікації випускають щороку, на відміну від попередніх стандартів, що виходили раз на декілька років (проте й мі...
Codeguida · 28 січня 2019 · 2
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 27 травня 2017 · 56
Посібник з оптимізації JavaScript файлів
У цій статті ми розглянемо практичні методи оптимізації файлів JavaScript, як розв'язувати проблеми продуктивності, пов'язані з файлами JavaScript, а також інструменти, які допоможуть у процесі оптимізації. Ви отримаєте знання, які допоможуть вам при...
Alex · 31 січня · 246
Основи Webpack 2
Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...
Codeguida · 26 серпня 2021 · 26 · 1
Використання Atomics.wait, Atomics.notify і Atomics.waitAsync
Статичні методи Atomics.wait() і Atomics.notify() представляють собою низькорівневі примітиви синхронізації, які можна застосовувати для реалізації м'ютексів та інших подібних механізмів. Але, оскільки метод Atomics.wait() є блокуючим,...
Alex · 28 жовтня 2020 · 112
Що вам слід вивчити в 2017-му
Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати за всім цим розмаїттям стає все складніше, тому ми...
Codeguida · 24 травня 2020 · 6
Секрети JavaScript-функцій
Кожен програміст знайомий з функціями. В JavaScript функції відрізняються безліччю можливостей, що дозволяють називати їх «функціями вищого порядку». Але, чи дійсно ви добре знаєте як їх використовувати? У цьому матеріалі я розповім про...
Alex · 22 жовтня 2020 · 3.5K
VueJS як фронтенд для Rails
VueJS — одна з зірок фронтенд екосистеми JavaScript, що найшвидше зростає. Vue втілює просте й зручне рішення для проектування фронтенду без зайвих складнощів, а також надає більш елегантний спосіб спрощення створення скриптів та стилів, об'єднуючи ї...
Codeguida · 6 років тому · 4
5 бібліотек для Vue.js, без яких мені не обійтися
Досвідчені розробники знають, що іноді, намагаючись заощадити час і вирішити якісь завдання свого проєкту за допомогою пакета, створеного кимось іншим, можна, в підсумку, витратити більше часу, ніж було зекономлено. Бібліотеки, жорстко регламентують...
Alex · 08 вересня 2020 · 349