frontend
(59)
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'...
24 квітня 2019
·
0
· 37
·
Codeguida
Наука про SVG анімації
Плоский дизайн все більше стає трендом 2016 року, відповідно SVG тепер використовується достатньо часто. Переваг багато: незалежність від роздільної здатності, крос-браузерність і доступні DOM ноди. У...
15 січня 2020
·
0
· 51
·
Codeguida
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикл...
15 жовтня 2020
·
1
· 2.1K
·
Alex
Нові функції ES2018, про які ви повинні знати
В липні 2018 світ побачила дев'ята редакція стандарту ECMAScript, що має назву ECMAScript 2018, або просто ES2018. Починаючи з ES2016, специфікації випускають щороку, на відміну від попередніх стандар...
28 січня 2019
·
0
· 5
·
Codeguida
Повне керівництво по CSS Grid
Знайомство
CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елемен...
27 травня 2017
·
0
· 130
·
Codeguida
Посібник з оптимізації JavaScript файлів
У цій статті ми розглянемо практичні методи оптимізації файлів JavaScript, як розв'язувати проблеми продуктивності, пов'язані з файлами JavaScript, а також інструменти, які допоможуть у процесі оптимі...
31 січня 2024
·
1
· 397
·
Alex
Основи Webpack 2
Що таке Webpack?
Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду.
Ось так це було раніше: розмітка...
26 серпня 2021
·
0
· 43
·
1
·
Codeguida
Використання Atomics.wait, Atomics.notify і Atomics.waitAsync
Статичні методи Atomics.wait() і Atomics.notify() представляють собою низькорівневі примітиви синхронізації, які можна застосовувати для реалізації м'ютексів та інших подібних механізмі...
28 жовтня 2020
·
0
· 117
·
Alex
Що вам слід вивчити в 2017-му
Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати з...
24 травня 2020
·
0
· 10
·
Codeguida
Секрети JavaScript-функцій
Кожен програміст знайомий з функціями. В JavaScript функції відрізняються безліччю можливостей, що дозволяють називати їх «функціями вищого порядку». Але, чи дійсно ви добре знаєте як їх в...
22 жовтня 2020
·
3
· 3.7K
·
Alex
VueJS як фронтенд для Rails
VueJS — одна з зірок фронтенд екосистеми JavaScript, що найшвидше зростає. Vue втілює просте й зручне рішення для проектування фронтенду без зайвих складнощів, а також надає більш елегантний спосіб сп...
19 квітня 2018
·
0
· 14
·
Codeguida
5 бібліотек для Vue.js, без яких мені не обійтися
Досвідчені розробники знають, що іноді, намагаючись заощадити час і вирішити якісь завдання свого проєкту за допомогою пакета, створеного кимось іншим, можна, в підсумку, витратити більше часу, ніж бу...
08 вересня 2020
·
1
· 385
·
Alex
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим
1. Остерігайтеся Margin Collapse
На відміну від інших властивостей, вертикальні відступи (margin...
11 листопада 2021
·
0
· 134
·
Codeguida
Аутентифікація в односторінкових застосунках. Частина 2.
В першій частині ми розглядали заголовок Authorization як один з популярних способів аутентифікації в односторінкових застосунках. Він має свої переваги та недоліки. Використовуючи заголовок Authoriza...
24 вересня 2018
·
0
· 31
·
Codeguida
9 багатообіцяльних порад щодо промісів
1. Ви можете повернути проміс всередині .then
Дозвольте мені виділити найважливішу пораду:
Так! Ви можете повернути проміс всередині .then
Також, проміс, що повертається, автоматично розпаковується в...
15 березня 2018
·
0
· 15
·
Codeguida
6 причин, чому async/await краще за проміси
Node підтримує async/await починаючи з версії 7.6, а Babel вміє транспілювати його в ES5 (хоча й не дуже ефективно). Якщо ви ще не знаєте що це таке і далі плануєте користуватися промісами, то саме ча...
02 червня 2017
·
0
· 51
·
Codeguida
6 рекомендацій з розробки масштабованих React-проєктів
На початку роботи над новим React-проєктом рекомендується сформулювати інструкції, дотримуючись яких можна буде створити застосунок який добре піддається масштабування. У цьому матеріалі я хочу поділи...
18 вересня 2020
·
1
· 790
·
Alex
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі...
18 липня 2017
·
0
· 71
·
Codeguida
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій.
React 16 та ліцензія MIT
React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з...
18 грудня 2017
·
0
· 6
·
Codeguida
Різні способи створити стовпці однієї висоти в Bootstrap
Bootstrap 3 (тепер Bootstrap 4) - дивовижний CSS-фреймворк, який робить життя веб-розробників будь-якого рівня простіше. Коли я був новачком, і вперше знайомився з Bootstrap, то використовував всі йог...
07 лютого 2021
·
0
· 33
·
Codeguida
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи.
Ви можете використовувати Grunt або Gulp, побудувавши ланцю...
13 липня 2021
·
0
· 331
·
Codeguida
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React.
Індивідуальні хуки (custom hooks)
Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке...
15 червня 2022
·
0
· 690
·
Alex
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте...
10 серпня 2023
·
0
· 185
·
Alex
Node Hero: Частина 5 - База даних в Node.js
Зберігання даних у глобальній змінній
Статичні сторінки для користувачів - як ви дізналися в попередньому розділі - можуть добре підходити для landing-сторінок, або для персональних блогів. Проте, якщ...
04 травня 2021
·
0
· 57
·
Codeguida
