js
(80)
Що нового в jQuery 3.0
Пройшло вже більше 10 років як jQuery завоював популярність у веб-розробників. І нещодавно вийшло важливе оновлення: jQuery 3.0. Воно робить jQuery ще швидшим, зберігаючи максимальну сумісність зі старими версіями. Ви можете завантажити jQuery 3.0 ту...
Codeguida · 25 червня 2020 · 1
Створення 3D логотипу за допомогою three.js
В цій статті, ми створимо 3D версію логотипу Treehouse використовуючи three.js. Нажміть та перетягуйте мишу для переміщення камери! Також ви можете використовувати колесо миші для масштабування. Демо Завантажити код 3D графіка може бути складною, осо...
Codeguida · 28 вересня 2020 · 15
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо. Одним з ключових API для мобільних пристроїв є Device Orientation API. Device Orientation API доп...
Codeguida · 03 листопада 2020
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 грудня 2021 · 10
Багаторядковість в JavaScript
До var str = '' + '' + '' + ' ' + ' <h1>❤ unicorns</h1>' + ' ' + '' + ''; Після var str = multiline(function(){/* <h1>❤ unicorns</h1> */}); ЯК Це працює за допомогою обертання тексту в б...
Codeguida · 30 листопада 2020
Чому літерали об'єкта в JavaScript - це круто?
До ECMAScript 2015 об'єктні літерали (або об'єктні ініціалізатори) в JavaScript були доволі елементарними. Можна було визначити 2 типи властивостей: Пари назв властивостей і пов'язані з ними значення { name1: value1 } Геттери { get name(){..} } і...
Codeguida · 23 липня 2020 · 39
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб- дизайну. Але з часом я зрозумів важливість звичайного JavaScript. Коли я до цього прийшов, я повністю пе...
Codeguida · 04 лютого 2021 · 3
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 11
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade-in, fade-out, fade-in-up, fade-out-up, fade-in-do...
Codeguida · 03 червня 2020 · 52
Пишемо розширення для Chrome з Battery API
Привіт, кодегідці! Мене звуть Ярик, мені 16, живу, працюю та вчусь у Львові. Це моя перша стаття, буду радий коментарям! Сьогодні ми напишемо просте, але корисне розширення під Chrome та познайомимось із Battery API. Функціонал нашого додатку: Відоб...
Codeguida · 15 березня 2020 · 3
Object.observe()
Object.observe()- нове доповнення до JavaScript, дозволяє переглядати об'єкти в асинхронному режимі. Це означає, що якщо ви хочете виявити зміни в JavaScript-об'єкті, вам не потрібна окрема бібліотека. Потрібно підкреслити, що AngularJS також збираєт...
Codeguida · 10 грудня 2020 · 140
9 причин використовувати CodePen
CodePen.io описують себе як "майданчик для front-end частини веб-сторінки." CodePen відмінно підходить для тестування багів, співпраці та отримання натхнення від представлених робіт. Він працює, дозволяючи створити "pen" \- набір HTML, CSS і JavaScri...
Codeguida · 21 лютого 2021 · 24