js
(80)
Object.observe()
Object.observe()- нове доповнення до JavaScript, дозволяє переглядати об'єкти в асинхронному режимі. Це означає, що якщо ви хочете виявити зміни в JavaScript-об'єкті, вам не потрібна окрема бібліотека. Потрібно підкреслити, що AngularJS також збираєт...
Codeguida · 10 грудня 2020 · 139
Яку проблему вирішують async & await в JS?
Асинхронне виконання коду - одна з найпотужніших фіч JavaScript, і в той же час воно приносить багато головного болю. Ми пройшли довгий шлях від функцій-колбеків, через нескінченні хащі сторонніх бібліотек для реалізації промісів, до дійсно нативних...
Codeguida · 05 грудня 2020 · 50
Випадкові зображення з допомогою Flexbox та JavaScript
Рандомізовані елементи веб-сторінок - простий і ефективний метод для збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома рядками JavaScript. Потрібно обережніше використовувати термін "випадковий". Процес рандомізації контен...
Codeguida · 01 грудня 2020 · 6
Багаторядковість в JavaScript
До var str = '' + '' + '' + ' ' + ' <h1>❤ unicorns</h1>' + ' ' + '' + ''; Після var str = multiline(function(){/* <h1>❤ unicorns</h1> */}); ЯК Це працює за допомогою обертання тексту в б...
Codeguida · 30 листопада 2020
Створюємо власний блог з допомогою Parse.js, частина 1
Ви коли-небудь стикалися з ситуацією, коли ви маєте ідею для веб-ресурсу, але не знаєте як її можна реалізувати? З Parse.js кожен, хто осягнув ази HTML, CSS і JavaScript може створити динамічний веб-сайт або web- додаток з легкістю. У цьому уроці ро...
Codeguida · 27 листопада 2020 · 6
nanobar.js - прогрес-бар без JQuery
Приклад: var options = { bg: '#acf', target: document.getElementById('myDivId'), id: 'mynano' }; var nanobar = new Nanobar( options ); nanobar.go( 30 ); // size bar 30% nanobar.go(100); Інст...
Codeguida · 26 листопада 2020
Створення об'єктів в JavaScript: патерни та кращі практики
Створення об'єктів в JavaScript - доволі заплутане питання. Є декілька способів зробити це. Новачки (а інколи і досвідчені користувачі) часто в них плутаються. Але не лякайтеся - це не складний процес, і в цій статті ми розберемося в різних стилях ст...
Codeguida · 05 листопада 2020 · 158
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...
Codeguida · 03 листопада 2020
Пришвидшуємо завантаження сторінки з допомогою завантажувача шрифтів
Коли в останній раз ви використовували Arial, Times New Roman, Helvetica або Comic Sans на веб-сторінках? Зараз використовуються веб-шрифти. Вони (в багатьох випадках) безкоштовні і прості в реалізації: @import url(http://fonts.googleapis.com/css...
Codeguida · 23 жовтня 2020
Rails та React: Золота середина (Частина 1)
Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат або в коментарі. З того часу, коли я обрав Ruby on R...
Codeguida · 15 жовтня 2020 · 2
Як використовувати jQuery функцію $.ajax()
Іноді, нам потрібно більше контролю над Ajax-запитами, які ми виконуємо. Наприклад, ми хочемо вказати, що має відбуватися у випадку, коли Ajax-виклик не вдався, або нам потрібно виконати Ajax-запит, але результат потрібен тільки тоді, коли він отрима...
Codeguida · 12 жовтня 2020 · 39
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інтерактивні веб-сайти. Цей пост розповість Вам про вс...
Codeguida · 06 жовтня 2020 · 35