javascript
(279)
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'...
24 квітня 2019
·
0
· 37
·
Codeguida
Перетасовуємо колоду карт з Vue.js
Передмова
У статті створимо UI, що дозволяє перетасовувати карти у випадковому порядку.
Повна версія застосунку:
Контекст
Оскільки стаття розрахована на розробників, які не знайомі з Vue, ми детально...
24 вересня 2018
·
0
· 20
·
Codeguida
7 порад щодо керування undefined у JavaScript
Коли я почав вивчати JavaScript вісім років тому, для мене було дивним існування undefined та null. Яка ж між ними різниця? Вони обидва дорівнюють порожнім значенням і, крім того, порівняння null == u...
12 липня 2017
·
0
· 161
·
Codeguida
Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозори...
30 листопада 2021
·
1
· 381
·
Codeguida
Огляд тестування JavaScript у 2019
Цей матеріал допоможе вам побачити повну картину тестування JavaScript у веб-спільноті станом на 2019.
Останнім часом приємно спостерігати за еволюцією тестування веб-сайтів. Лише декілька років тому...
08 квітня 2019
·
0
· 43
·
Codeguida
Створюємо простий Virtual DOM з нуля
Повний код можна переглянути за посиланням, а результат його роботи тут.
Примітка
Якщо змінна починається з символу $, вона стосується звичайного DOM (наприклад, $div, $el, $app);
Якщо змінна починає...
21 січня 2019
·
0
· 20
·
Codeguida
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним.
З новим Hooks API та його фічами зникає потреба користуватися...
15 травня 2019
·
0
· 195
·
Codeguida
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти сх...
16 травня 2018
·
0
· 119
·
Codeguida
Повний посібник з тестування застосунків на React
Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи:
тестування дає впевненість в тому, що навіть один змінений рядок коду не з...
01 вересня 2020
·
0
· 146
·
Codeguida
Посібник зі Svelte
Якщо ви досі не працювали зі Svetle, то це чудова можливість почати. Матеріал призначений для розробників, які раніше працювали з фреймворком на зразок Vue чи React і шукають новий підхід. Svelte вар...
19 листопада 2019
·
0
· 47
·
Codeguida
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикл...
15 жовтня 2020
·
1
· 2.1K
·
Alex
Інклюзивні компоненти: картки
Деякі з компонентів, які розглядаються в блозі Хейдона Пікерінґа, мають задокументовані рекомендації для коректної роботи. Наприклад, стандарт WAI-ARIA передбачає певну структуру і поведінку для вклад...
26 лютого 2020
·
0
· 64
·
Codeguida
PHP vs Node.js
Це переклад статті Крега Баклера (Craig Buckler) «SitePoint Smackdown: PHP vs Node.js» і суддівських рішень Бруно Шкворца і Джеймса Хиббарда (Bruno Škvorc, James Hibbard) статті Кре...
16 грудня 2019
·
1
· 436
·
Alex
Cтворення консольного додатку на JavaScript
Багато хто вважає, що Node.js тільки для серверних додатків, але це не так. Мікросервіси, REST API, утиліти, IoT та десктопні додатки — все це сфери, де використовують Node.
Сьогодні ми напишемо конс...
26 квітня 2021
·
0
· 207
·
Codeguida
Node.js: керівництво для фронтенд розробника
Керівництво розраховане на розробників, які добре знайомі із JavaScript, але ще не дуже добре володіють Node.js. У статті не буде детально розглянуто питання синтаксису: Node.js використовує V8 — той...
17 липня 2018
·
0
· 150
·
Codeguida
Angular застосунок своїми руками за 2 години
У статті ми реалізуємо функціональність найпростішого чат-бота. Звичайно, у результаті отримаємо навчальний варіант, а не версію для релізу.
Застосунок складатиметься з двох сторінок: головної та, без...
28 січня 2019
·
0
· 175
·
Codeguida
Чому JavaScript відстійний?
Навіть якщо на перший погляд JavaScript видається хорошим рішенням для написання браузерних сценаріїв, він має значні недоліки і хиби, які виставляють його в поганому світлі. На відміну від мов погано...
12 травня 2021
·
0
· 32
·
Codeguida
Надійна архітектура проєкту на Node.js
Інтро
Розробку на Node.js зараз спрощують фреймворки на зразок Express, однак вони не відповідають за організацію самого проєкту. Вибір та організація правильної архітектури проєкту — чи не найскладні...
13 вересня 2019
·
0
· 201
·
Codeguida
Керування пам'яттю у JavaScript
Вступ
Низькорівневі мови, наприклад С, мають інструменти керування пам'яттю, такі як malloc() і calloc(). Ці функції використовуються розробниками для явного виділення і звільнення пам'яті окремо від...
09 жовтня 2017
·
0
· 341
·
Codeguida
Web PUSH Notifications швидко і просто
У цій замітці я хочу розповісти як швидко і просто налаштувати push-повідомлення на вашому сайті. Ця стаття ні в якому разі не претендує на звання вичерпного керівництва, але, я сподіваюся, що вона да...
01 листопада 2019
·
0
· 497
·
Alex
Патерни JavaScript у дії
У цій статті ми розглянемо:
Породжувальні патерни:
«Фабрика» (Factory);
«Абстрактна фабрика» (Abstract Factory);
«Прототип» (Prototype);
«Будівельник» (Builder).
Структурні патерни:
«Адаптер» (Adap...
14 січня 2020
·
0
· 223
·
Codeguida
ES модулі: детальний схематичний огляд
ES модулі привносять у JavaScript офіційну, стандартизовану модульну систему. Знадобився час, щоб до цього дійти — майже 10 років роботи по стандартизації.
Але очікування майже закінчилось. З випуском...
02 травня 2018
·
0
· 39
·
Codeguida
Знайомимось з Angular 2, створюючи додаток для пошуку зображень на Giphy
Для тих, хто прийшов зі світу Angular 1, я буду проводити порівняння. Тим не менш, вам не обов'язково знати Angular 1. Але ви повинні бути знайомі з JavaScript, щоб зрозуміти, про що тут йде мова.
Цей...
01 липня 2020
·
0
· 40
·
Codeguida
Front-end воїн - Scroll Progress
Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб-
сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона
забезпечує контекстуальне розуміння кількості інфо...
13 грудня 2021
·
0
· 47
·
Codeguida
