frontend
(59)
Секрети JavaScript-функцій
Кожен програміст знайомий з функціями. В JavaScript функції відрізняються безліччю можливостей, що дозволяють називати їх «функціями вищого порядку». Але, чи дійсно ви добре знаєте як їх в...
22 жовтня 2020
·
3
· 3.7K
·
Alex
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикл...
15 жовтня 2020
·
1
· 2.1K
·
Alex
Чому варто використовувати тег <picture> замість <img>
Використання зображень та анімацій в інтерфейсах користувача стало поширеною практикою в сучасних веб застосунках. Хоча ці приклади сучасного дизайну фокусуються на підвищенні зручності роботи з вашим...
14 травня 2021
·
0
· 1.4K
·
Alex
6 рекомендацій з розробки масштабованих React-проєктів
На початку роботи над новим React-проєктом рекомендується сформулювати інструкції, дотримуючись яких можна буде створити застосунок який добре піддається масштабування. У цьому матеріалі я хочу поділи...
18 вересня 2020
·
1
· 790
·
Alex
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React.
Індивідуальні хуки (custom hooks)
Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке...
15 червня 2022
·
0
· 690
·
Alex
Чому слід використовувати TypeScript замість JavaScript у 2021 році
Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation. В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript за...
18 травня 2021
·
1
· 672
·
1
·
Alex
Що таке Node.js? Основи серверної розробки на JavaScript
Node.js - це потужне середовище виконання для запуску JavaScript-коду поза веб-браузером. Воно дозволяє запускати JavaScript на стороні сервера, що дає змогу розробникам створювати масштабовані, висок...
04 серпня 2023
·
1
· 467
·
3
·
Alex
Посібник з оптимізації JavaScript файлів
У цій статті ми розглянемо практичні методи оптимізації файлів JavaScript, як розв'язувати проблеми продуктивності, пов'язані з файлами JavaScript, а також інструменти, які допоможуть у процесі оптимі...
31 січня 2024
·
1
· 397
·
Alex
5 бібліотек для Vue.js, без яких мені не обійтися
Досвідчені розробники знають, що іноді, намагаючись заощадити час і вирішити якісь завдання свого проєкту за допомогою пакета, створеного кимось іншим, можна, в підсумку, витратити більше часу, ніж бу...
08 вересня 2020
·
1
· 385
·
Alex
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль...
04 серпня 2023
·
0
· 346
·
Alex
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи.
Ви можете використовувати Grunt або Gulp, побудувавши ланцю...
13 липня 2021
·
0
· 331
·
Codeguida
++i проти i++ в Javascript
Там де є i там є маленька, але важлива відмінність між ++i та i++, що може завдати достатньо головного болю, якщо не бути обережним. Спробуйте це:
var i = 5;
i++;
console.log(i); //=> 6
++i;
console.l...
20 червня 2021
·
0
· 316
·
Codeguida
Стрілочні функції в JS для початківців
Стрілочні функці — нова форма запису анонімних функцій, що з'явилася в ES6. В чому ж переваги такого запису? Їх декілька.
1. Коротший синтаксис
Подивіться на цей приклад:
function funcName(params) {...
27 травня 2017
·
0
· 311
·
Codeguida
Як працює this в JavaScript
Новачкам (і не тільки ним) буває важко розібратися з ключовим словом this. Існує 5 правил, що допоможуть вам зрозуміти принцип роботи this та не плутатися в майбутньому. Звісно, ці правила не покриваю...
01 червня 2017
·
0
· 233
·
Codeguida
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте...
10 серпня 2023
·
0
· 185
·
Alex
Node Hero: Частина 1 - Починаємо роботу з Node.js
Це перший пост серії туторіалів по Node.js під назвою Node Hero. Ви дізнаєтесь, що таке Node.js, як встановити програмну платформу на своєму комп'ютері і як почати роботу з нею.
В наступних розділах м...
17 жовтня 2020
·
1
· 161
·
Codeguida
5 незручних фактів про TypeScript
Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідн...
27 липня 2023
·
1
· 160
·
Alex
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим
1. Остерігайтеся Margin Collapse
На відміну від інших властивостей, вертикальні відступи (margin...
11 листопада 2021
·
0
· 134
·
Codeguida
Повне керівництво по CSS Grid
Знайомство
CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елемен...
27 травня 2017
·
0
· 130
·
Codeguida
Node Hero: Частина 3 - Поняття асинхронного програмування в Node.js
Синхронне програмування
У традиційній практиці програмування, більшість операцій вводу/виводу відбуваються синхронно. Наприклад, в Java ми б зчитували файл приблизно так:
try(FileInputStream inputStre...
30 червня 2020
·
0
· 118
·
Codeguida
Використання Atomics.wait, Atomics.notify і Atomics.waitAsync
Статичні методи Atomics.wait() і Atomics.notify() представляють собою низькорівневі примітиви синхронізації, які можна застосовувати для реалізації м'ютексів та інших подібних механізмі...
28 жовтня 2020
·
0
· 117
·
Alex
Верстаємо із RTL на прикладі арабської локалізації
Вступ
Привіт, читачі Codeguida!
Цей матеріал може стати у пригоді тим, хто розроблятиме програми з підтримкою арабської, івриту та інших мов, де письмо йде справа наліво. Ми підготували серією вебзаст...
08 грудня 2020
·
0
· 104
·
Codeguida
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі...
18 липня 2017
·
0
· 71
·
Codeguida
Властивості Background
Кожен елемент в дереві документа - просто прямокутна коробка. Кожна з цих коробок має фон, який може бути повністю прозорим, кольоровим або зображенням. І цей бекграунд контролюється 8 властивостями C...
03 січня 2020
·
0
· 69
·
Codeguida
