frontend
(59)
Node Hero: Частина 6 - Модуль запитів у Node.js
Що таке HTTP? HTTP означає Hypertext Transfer Protocol. HTTP функціонує в якості протоколу запит-відповідь в обчислювальній клієнт-серверній моделі. Коди стану HTTP Перед тим, як зануритися в інші API, давайте розглянемо коди стану HTTP, з якими ми м...
Codeguida · 03 березня 2020 · 15
Node Hero: Частина 7 - Структура проектів на Node.js
Це сьома частина серії туторіалів під назвою Node Hero. В цих розділах ви дізнаєтесь, як почати роботу з Node.js і розробляти програмні продукти, використовуючи його. Більшість фреймворків Node.js не мають фіксовану структуру директорію, і тому зрозу...
Codeguida · 24 жовтня 2020 · 3
20 порад для написання сучасного CSS
В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...
Codeguida · 11 листопада 2021 · 48
Node Hero: Частина 8 - Аутентифікація у Node.js використовуючи Passport.js
Технології Перед тим, як почати по-справжньому програмувати, давайте розглянемо деякі нові технології, які ми будемо використовувати у наступних розділах. Що таке Passport.js? Проста, ненав'язлива аунтентифікація для Node.js - passportjs.org Passport...
Codeguida · 25 лютого 2021 · 5
Верстаємо із RTL на прикладі арабської локалізації
Вступ Привіт, читачі Codeguida! Цей матеріал може стати у пригоді тим, хто розроблятиме програми з підтримкою арабської, івриту та інших мов, де письмо йде справа наліво. Ми підготували серією вебзастосунків з англійською та арабською локалізаціями,...
Codeguida · 08 грудня 2020 · 24
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 24 квітня 2019 · 28
Нові функції ES2018, про які ви повинні знати
В липні 2018 світ побачила дев'ята редакція стандарту ECMAScript, що має назву ECMAScript 2018, або просто ES2018. Починаючи з ES2016, специфікації випускають щороку, на відміну від попередніх стандартів, що виходили раз на декілька років (проте й мі...
Codeguida · 28 січня 2019 · 2
9 багатообіцяльних порад щодо промісів
1. Ви можете повернути проміс всередині .then Дозвольте мені виділити найважливішу пораду: Так! Ви можете повернути проміс всередині .then Також, проміс, що повертається, автоматично розпаковується в наступному .then .then(r => { return serverSta...
Codeguida · 15 березня 2018 · 9
Як перетворити ваш сайт в мобільний застосунок: знайомство з PWA
Ви, напевно, чули про Progressive Web Apps (PWA). Але в цій статті я не буду описувати тонкощі роботи та зазирати під капот. Лише нагадаю, що PWA — це сайти, що можна додати на домашній екран смартфона і вони будуть працювати без інтернету. Натомість...
Codeguida · 03 серпня 2017 · 21
Що вам потрібно знати про числа в ES6
В порівнянні зі знайомим нам ES5, в стандарті ES6 було багато чого змінено. Ці зміни торкнулися і чисел (Number). Нові літерали Тепер ви відразу можете задавати числа в потрібній системі числення. Для цього використовуються префікси: 0b для чисел в д...
Codeguida · 07 червня 2017 · 4
Стрілочні функції в JS для початківців
Стрілочні функці — нова форма запису анонімних функцій, що з'явилася в ES6. В чому ж переваги такого запису? Їх декілька. 1. Коротший синтаксис Подивіться на цей приклад: function funcName(params) { return params + 2; } funcName(2); // 4 Цей код...
Codeguida · 6 років тому · 255
Навіщо в ES6 const, якщо він не працює?
Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...
Codeguida · 06 червня 2017 · 7