js
(80)
Створення 3D логотипу за допомогою three.js
В цій статті, ми створимо 3D версію логотипу Treehouse використовуючи three.js. Нажміть та перетягуйте мишу для переміщення камери! Також ви можете використовувати колесо миші для масштабування. Демо Завантажити код 3D графіка може бути складною, осо...
Codeguida · 28 вересня 2020 · 15Використовуємо Network Information API
Всі веб-сайти, які ми створюємо, повинні враховувати не тільки швидкість браузера, а і стан мережі. Браузерна підтримка Як правило, ми не можемо розраховувати на підтримку експериментальних API. Зараз підтримка відбувається Firefox і Chrome. В обох в...
Codeguida · 06 вересня 2020 · 3Як оголошувати змінні в Javascript?
Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), string (рядки) або array (масив). Кожна змінна отрим...
Codeguida · 03 вересня 2020 · 598HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...
Codeguida · 31 серпня 2020 · 9Cтворюємо блог використовуючи Flask і AngularJS. Частина 1
У цьому уроці ми створимо блог за допомогою Flask і AngularJS. Це перша частина курсу. В ній ми зосередимося на створенні REST API, який буде використовуватися додатком AngularJS. Цілі Цілі застосунку прості: Реєстрація користувачів; Їх авторизація;...
Codeguida · 07 серпня 2020 · 10JSX в глибину
Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth». JSX — це розширення синтаксису JavaScript, яке виглядає як...
Codeguida · 05 серпня 2020 · 27Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати запис, або змінити URL-адресу в адресному рядку б...
Codeguida · 26 липня 2020 · 14Чому літерали об'єкта в JavaScript - це круто?
До ECMAScript 2015 об'єктні літерали (або об'єктні ініціалізатори) в JavaScript були доволі елементарними. Можна було визначити 2 типи властивостей: Пари назв властивостей і пов'язані з ними значення { name1: value1 } Геттери { get name(){..} } і...
Codeguida · 23 липня 2020 · 39Зміна SVG іконок
Метод №1: сховати/показати SVG елемент Включаємо обидві іконки: <a class="expand-link" href="#0"> <svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg> <svg class="icon icon-contract" viewBox="0...
Codeguida · 15 липня 2020 · 44Знайомимось з Angular 2, створюючи додаток для пошуку зображень на Giphy
Для тих, хто прийшов зі світу Angular 1, я буду проводити порівняння. Тим не менш, вам не обов'язково знати Angular 1. Але ви повинні бути знайомі з JavaScript, щоб зрозуміти, про що тут йде мова. Цей туторіал навчить вас, як користуватися Angular CL...
Codeguida · 01 липня 2020 · 21Життєвий цикл Service Worker
Якщо вам доводилося працювати з Service Workers, ви могли зіткнутися з певними проблемами пов'язаними з тим, що попередній Service Worker досі контролюється документом, навіть за умови, що сам файл був оновлений. Причиною цього може бути специфіка ор...
Codeguida · 30 червня 2020 · 21Що нового в jQuery 3.0
Пройшло вже більше 10 років як jQuery завоював популярність у веб-розробників. І нещодавно вийшло важливе оновлення: jQuery 3.0. Воно робить jQuery ще швидшим, зберігаючи максимальну сумісність зі старими версіями. Ви можете завантажити jQuery 3.0 ту...
Codeguida · 25 червня 2020 · 1