js
(80)
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...
Codeguida · 14 червня 2020 · 30
Знайомимось з Web Components (Polymer)
Привіт, кодегідці! Цього разу ми познайомимось із новим веб-стандартом, та напишемо власний Polymer-компонент. Що таке Web Components? It's future. Future of web. Web Components - це веб-стандарт, який дозволяє нам будувати кастомні, ізольовані html-...
Codeguida · 13 січня 2021 · 15
Створення об'єктів в JavaScript: патерни та кращі практики
Створення об'єктів в JavaScript - доволі заплутане питання. Є декілька способів зробити це. Новачки (а інколи і досвідчені користувачі) часто в них плутаються. Але не лякайтеся - це не складний процес, і в цій статті ми розберемося в різних стилях ст...
Codeguida · 05 листопада 2020 · 161
Анімація без jQuery ч.2
В минулій статті ми почали розмову про анімування без використання jQuery - розглянули інструменти та основи їх використання. Сьогодні наша розмова піде про приклади використання даного типу анімацій. Робочий процес Анімація, по суті, експериментальн...
Codeguida · 3 роки тому · 3
JavaScript Promise
JavaScript Promise - результат операції, яка ще не завершена, але буде в якийсь невизначений момент в майбутньому. Прикладом такої операції є мережевий запит. Коли ми витягуємо дані з деякого джерела, наприклад з API, для нас немає ніякого способу аб...
Codeguida · 13 лютого 2020 · 58
JSX в глибину
Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth». JSX — це розширення синтаксису JavaScript, яке виглядає як...
Codeguida · 05 серпня 2020 · 27
Як оголошувати змінні в Javascript?
Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), string (рядки) або array (масив). Кожна змінна отрим...
Codeguida · 03 вересня 2020 · 598
Пришвидшуємо завантаження сторінки з допомогою завантажувача шрифтів
Коли в останній раз ви використовували Arial, Times New Roman, Helvetica або Comic Sans на веб-сторінках? Зараз використовуються веб-шрифти. Вони (в багатьох випадках) безкоштовні і прості в реалізації: @import url(http://fonts.googleapis.com/css...
Codeguida · 23 жовтня 2020
Життєвий цикл Service Worker
Якщо вам доводилося працювати з Service Workers, ви могли зіткнутися з певними проблемами пов'язаними з тим, що попередній Service Worker досі контролюється документом, навіть за умови, що сам файл був оновлений. Причиною цього може бути специфіка ор...
Codeguida · 30 червня 2020 · 21
Як використовувати jQuery функцію $.ajax()
Іноді, нам потрібно більше контролю над Ajax-запитами, які ми виконуємо. Наприклад, ми хочемо вказати, що має відбуватися у випадку, коли Ajax-виклик не вдався, або нам потрібно виконати Ajax-запит, але результат потрібен тільки тоді, коли він отрима...
Codeguida · 12 жовтня 2020 · 40
Rails та React: Золота середина (Частина 1)
Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат або в коментарі. З того часу, коли я обрав Ruby on R...
Codeguida · 15 жовтня 2020 · 3
Що нового в Node.js 6.0
Чекайте, що? Але ж нещодавно Node Foundation анонсувало пяту версію і вже час знов оновлюватися? Так, цей реліз Node покращує потужність, надійність, зручність користування та безпеку. Кому потрібно оновлюватися? Користувачам версій 0.12, 0.14, 5.*....
Codeguida · 08 квітня 2020 · 1