js
(77)
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже
багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як
це, працювати тільки з однією вкладкою. Зараз кожен...
31 серпня 2020
·
0
· 13
·
Codeguida
Cтворюємо блог використовуючи Flask і AngularJS. Частина 1
У цьому уроці ми створимо блог за допомогою Flask і AngularJS.
Це перша частина курсу. В ній ми зосередимося на створенні REST API, який буде використовуватися додатком AngularJS.
Цілі
Цілі застосунку...
07 серпня 2020
·
0
· 35
·
Codeguida
JSX в глибину
Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth».
JSX — це...
05 серпня 2020
·
0
· 89
·
Codeguida
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали
обмежений контроль над історією браузера.
З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо
додати...
26 липня 2020
·
0
· 33
·
Codeguida
Чому літерали об'єкта в JavaScript - це круто?
До ECMAScript 2015 об'єктні літерали (або об'єктні ініціалізатори) в
JavaScript були доволі елементарними. Можна було визначити 2 типи властивостей:
Пари назв властивостей і пов'язані з ними значенн...
23 липня 2020
·
0
· 74
·
Codeguida
Зміна 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...
15 липня 2020
·
0
· 68
·
Codeguida
Знайомимось з Angular 2, створюючи додаток для пошуку зображень на Giphy
Для тих, хто прийшов зі світу Angular 1, я буду проводити порівняння. Тим не менш, вам не обов'язково знати Angular 1. Але ви повинні бути знайомі з JavaScript, щоб зрозуміти, про що тут йде мова.
Цей...
01 липня 2020
·
0
· 40
·
Codeguida
Життєвий цикл Service Worker
Якщо вам доводилося працювати з Service Workers, ви могли зіткнутися з певними проблемами пов'язаними з тим, що попередній Service Worker досі контролюється документом, навіть за умови, що сам файл бу...
30 червня 2020
·
0
· 53
·
Codeguida
Що нового в jQuery 3.0
Пройшло вже більше 10 років як jQuery завоював популярність у веб-розробників. І нещодавно вийшло важливе оновлення: jQuery 3.0. Воно робить jQuery ще швидшим, зберігаючи максимальну сумісність зі ста...
25 червня 2020
·
0
· 3
·
Codeguida
Підбірка CSS і Javascript бібліотек для створення анімаційних ефектів
CSS бібліотеки
Досвідчені розробники і веб-дизайнери витратили велику кількість часу, щоб
створити ці CSS бібліотеки для анімації. Тож ви можете просто скористатися їх
напрацюваннями, додати елемент д...
24 червня 2020
·
0
· 87
·
Codeguida
Phaser-сумісна гра з використанням MightyEditor
У цій статті я постараюся дати вам загальне уявлення про
MightyEditor і про сам процес
розробки. Туторіал покаже, як створити прототип міні-гри протягом години.
Вимоги
Нова версія браузера Google Chro...
24 червня 2020
·
0
· 8
·
Codeguida
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку
у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма
сучасними браузерами. XML лежить в основі...
14 червня 2020
·
0
· 69
·
Codeguida
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном
Аnimsition. Animsition дає можливість
додавати до посилань CSS анімацію при переході.
Animsition має 18 різних анімацій:
Зникнення
`fade...
03 червня 2020
·
0
· 89
·
Codeguida
Гід по AngularJS ч.2 - $scope
Однією з найбільш поширених концепцій в будь-якій мові програмування є область
видимості. Наприклад, область видимості блоку або функції. В Angular, область
видимості \- це об'єкт, який належить до мо...
30 травня 2020
·
0
· 2
·
Codeguida
Анімація без jQuery ч.2
В минулій статті ми почали розмову про
анімування без використання jQuery - розглянули інструменти та основи їх
використання. Сьогодні наша розмова піде про приклади використання даного типу
анімацій....
30 травня 2020
·
0
· 3
·
Codeguida
Javascript Promises: як і чому
Проміси (promises, обіцянки) це саме та маленька магічна штука, що дуже корисна при розробці, якщо ви вмієте їх готувати, звісно. Відразу після знайомства з ними я не розумів що тут і до чого, але теп...
20 травня 2020
·
0
· 234
·
Codeguida
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator
Створимо мапу Італії в Illustrator:
Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовува...
14 травня 2020
·
1
· 47
·
Codeguida
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого...
25 квітня 2020
·
0
· 81
·
Codeguida
19 уроків, які я отримав читаючи документацію NodeJS
Я думав, що знаю Node.js досить добре. Всі мої сайти, що я писав за останні три роки, використовують його. Але я ніколи серйозно не читав документацію.
Але я все ж вирішив зробити це, і був здивований...
19 квітня 2020
·
0
· 49
·
Codeguida
Що нового в Node.js 6.0
Чекайте, що? Але ж нещодавно Node Foundation анонсувало пяту версію і вже час знов оновлюватися? Так, цей реліз Node покращує потужність, надійність, зручність користування та безпеку.
Кому потрібно о...
08 квітня 2020
·
0
· 1
·
Codeguida
Шапка, яка прилипає і автоматично приховується
Шапка, яка приєднується і автоматично приховується, - постріл, який вбиває
відразу двох зайців: робить навігацію по сайту більш простою і доступною в
будь-якому місці сторінки та зберігає робочий прос...
06 квітня 2020
·
0
· 49
·
Codeguida
Спілкування в режимі реального часу
Socket.io \- це дійсно крута річ, вона дає вам можливість обмінюватися даними між клієнтами в режимі реального часу. Реалізуючи її разом з AngularJS, ви можете легко оновлювати вікно перегляду користу...
25 березня 2020
·
0
· 24
·
Codeguida
Пишемо розширення для Chrome з Battery API
Привіт, кодегідці! Мене звуть Ярик, мені 16, живу, працюю та вчусь у Львові. Це моя перша стаття, буду радий коментарям!
Сьогодні ми напишемо просте, але корисне розширення під Chrome та познайомимось...
15 березня 2020
·
0
· 7
·
Codeguida
6 способів використання оператора розпаковки в JS
Написання коду на JavaScript стало більш приємним і динамічним завдяки ES6 та Babel. Тепер нас не дивують ні концептуально нові мови, ні новий спосіб парсингу, як от JSX.
Я великий фанат такої нової ф...
03 березня 2020
·
0
· 34
·
Codeguida
