frontend
(59)
Посібник з оптимізації JavaScript файлів
У цій статті ми розглянемо практичні методи оптимізації файлів JavaScript, як розв'язувати проблеми продуктивності, пов'язані з файлами JavaScript, а також інструменти, які допоможуть у процесі оптимі...
31 січня 2024
·
1
· 389
·
Alex
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте...
10 серпня 2023
·
0
· 183
·
Alex
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль...
04 серпня 2023
·
0
· 325
·
Alex
Що таке Node.js? Основи серверної розробки на JavaScript
Node.js - це потужне середовище виконання для запуску JavaScript-коду поза веб-браузером. Воно дозволяє запускати JavaScript на стороні сервера, що дає змогу розробникам створювати масштабовані, висок...
04 серпня 2023
·
1
· 454
·
3
·
Alex
5 незручних фактів про TypeScript
Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідн...
27 липня 2023
·
1
· 158
·
Alex
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React.
Індивідуальні хуки (custom hooks)
Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке...
15 червня 2022
·
0
· 687
·
Alex
@-правила CSS
Переклад статті Джеффа Грема на CSS-Tricks від 12 травня 2015.
@-правило - директива, яка дозволяє створювати в CSS інструкції для зміни відображення або поведінки елементів сторінки. Кожен оператор п...
25 листопада 2021
·
1
· 54
·
Codeguida
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим
1. Остерігайтеся Margin Collapse
На відміну від інших властивостей, вертикальні відступи (margin...
11 листопада 2021
·
0
· 125
·
Codeguida
Основи роботи з адаптивним текстом
Не секрет, що для того щоб текст прочитало якнайбільше людей, він теж повинен бути адаптивним. Його розмір повинен залежати від розміру екрану. Зазвичай для цього задають розміри в rem. І тоді вже бра...
19 вересня 2021
·
0
· 56
·
Codeguida
Основи Webpack 2
Що таке Webpack?
Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду.
Ось так це було раніше: розмітка...
26 серпня 2021
·
0
· 42
·
1
·
Codeguida
Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker
Розгортання Node.js у PaaS
Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі засто...
14 серпня 2021
·
0
· 31
·
Codeguida
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи.
Ви можете використовувати Grunt або Gulp, побудувавши ланцю...
13 липня 2021
·
0
· 314
·
Codeguida
++i проти i++ в Javascript
Там де є i там є маленька, але важлива відмінність між ++i та i++, що може завдати достатньо головного болю, якщо не бути обережним. Спробуйте це:
var i = 5;
i++;
console.log(i); //=> 6
++i;
console.l...
20 червня 2021
·
0
· 314
·
Codeguida
Node Hero: Частина 11 - Безпека у Node.js-застосунках
Загрози безпеці
У наші дні майже кожен день трапляються якісь проблеми з безпекою, наприклад випадки з LinkedIn та MySpace. Протягом цих атак відбувся витік дуже великої кількості інформації користува...
02 червня 2021
·
0
· 36
·
Codeguida
Чому слід використовувати TypeScript замість JavaScript у 2021 році
Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation. В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript за...
18 травня 2021
·
1
· 669
·
1
·
Alex
Чому варто використовувати тег <picture> замість <img>
Використання зображень та анімацій в інтерфейсах користувача стало поширеною практикою в сучасних веб застосунках. Хоча ці приклади сучасного дизайну фокусуються на підвищенні зручності роботи з вашим...
14 травня 2021
·
0
· 1.4K
·
Alex
Node Hero: Частина 5 - База даних в Node.js
Зберігання даних у глобальній змінній
Статичні сторінки для користувачів - як ви дізналися в попередньому розділі - можуть добре підходити для landing-сторінок, або для персональних блогів. Проте, якщ...
04 травня 2021
·
0
· 54
·
Codeguida
Node Hero: Частина 13 - Моніторинг Node.js-додатків
Важливе значення моніторингу у Node.js
Розуміння внутрішньої роботи вашого Node.js-додатка дуже важливе! Вам потрібно постійно знаходити прогалини і з'ясовувати, що уповільнює роботу вашого продукту....
11 березня 2021
·
0
· 20
·
Codeguida
Node Hero: Частина 8 - Аутентифікація у Node.js використовуючи Passport.js
Технології
Перед тим, як почати по-справжньому програмувати, давайте розглянемо деякі нові технології, які ми будемо використовувати у наступних розділах.
Що таке Passport.js?
Проста, ненав'язлива аун...
25 лютого 2021
·
0
· 55
·
Codeguida
Різні способи створити стовпці однієї висоти в Bootstrap
Bootstrap 3 (тепер Bootstrap 4) - дивовижний CSS-фреймворк, який робить життя веб-розробників будь-якого рівня простіше. Коли я був новачком, і вперше знайомився з Bootstrap, то використовував всі йог...
07 лютого 2021
·
0
· 31
·
Codeguida
Node Hero: Частина 10 - Відлагодження Node.js-застосунків
Відлагодження Node.js-застосунків
Один з найпоширеніших рішень для знаходження помилок у Node.js-застосунках - постійне використання console.log для дебагінгу.
console.log є ефективним способом для де...
14 грудня 2020
·
0
· 16
·
Codeguida
Верстаємо із RTL на прикладі арабської локалізації
Вступ
Привіт, читачі Codeguida!
Цей матеріал може стати у пригоді тим, хто розроблятиме програми з підтримкою арабської, івриту та інших мов, де письмо йде справа наліво. Ми підготували серією вебзаст...
08 грудня 2020
·
0
· 99
·
Codeguida
Node Hero: Частина 2 - Використання NPM
У цій частині ви дізнаєтесь, що таке NPM і як ним користуватись. Давайте почнемо!
NPM у Nutshell
NPM - це менеджер пакетів, який використовується Node.js-додатками - ви можете знайти там тонни модулів...
07 листопада 2020
·
0
· 60
·
Codeguida
Використання Atomics.wait, Atomics.notify і Atomics.waitAsync
Статичні методи Atomics.wait() і Atomics.notify() представляють собою низькорівневі примітиви синхронізації, які можна застосовувати для реалізації м'ютексів та інших подібних механізмі...
28 жовтня 2020
·
0
· 116
·
Alex
