frontend
(59)
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...
Codeguida · 13 липня 2021 · 162
Як працює this в JavaScript
Новачкам (і не тільки ним) буває важко розібратися з ключовим словом this. Існує 5 правил, що допоможуть вам зрозуміти принцип роботи this та не плутатися в майбутньому. Звісно, ці правила не покривають всі випадки, але вони працюють в більшості ситу...
Codeguida · 01 червня 2017 · 152
5 незручних фактів про TypeScript
Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідно ознайомитися: 1. TypeScript не врятує вас від Ja...
Alex · 27 липня 2023 · 138
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...
Alex · 04 серпня 2023 · 125
Використання Atomics.wait, Atomics.notify і Atomics.waitAsync
Статичні методи Atomics.wait() і Atomics.notify() представляють собою низькорівневі примітиви синхронізації, які можна застосовувати для реалізації м'ютексів та інших подібних механізмів. Але, оскільки метод Atomics.wait() є блокуючим,...
Alex · 28 жовтня 2020 · 113
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 6 років тому · 64
Node Hero: Частина 1 - Починаємо роботу з Node.js
Це перший пост серії туторіалів по Node.js під назвою Node Hero. Ви дізнаєтесь, що таке Node.js, як встановити програмну платформу на своєму комп'ютері і як почати роботу з нею. В наступних розділах ми розпочнемо справжню розробку додатків. Давайте р...
Codeguida · 17 жовтня 2020 · 52
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...
Codeguida · 11 листопада 2021 · 49
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 43
Node Hero: Частина 3 - Поняття асинхронного програмування в Node.js
Синхронне програмування У традиційній практиці програмування, більшість операцій вводу/виводу відбуваються синхронно. Наприклад, в Java ми б зчитували файл приблизно так: try(FileInputStream inputStream = new FileInputStream("foo.txt")) { Sessi...
Codeguida · 30 червня 2020 · 37
Властивості Background
Кожен елемент в дереві документа - просто прямокутна коробка. Кожна з цих коробок має фон, який може бути повністю прозорим, кольоровим або зображенням. І цей бекграунд контролюється 8 властивостями CSS (плюс 1 коротка властивість). background-color...
Codeguida · 03 січня 2020 · 33
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 24 квітня 2019 · 28