js
(77)
jQuery для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи
роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи
з селекторами, також розібрали основні події: Click, Hover і
ToggleC...
09 лютого 2021
·
0
· 8
·
Codeguida
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla
JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб-
дизайну. Але з часом я зрозумів важливість звичайного...
04 лютого 2021
·
0
· 14
·
Codeguida
Django + AJAX
Привіт всім Кодегідерам!
У коментарях до статті про розробку першого додатку на Django користувач x_pal надихнув мене на написання статті про те, як додати AJAX-запити в Django додаток.
Запити в інте...
27 січня 2021
·
0
· 203
·
Codeguida
Основи асинхронного програмування на JavaScript
В JavaScript нам часто доводиться мати справу з асинхронною поведінкою роботи коду, що може призвести до плутанини для програмістів, які мають досвід роботи тільки з синхронним програмуванням. Ця стат...
15 січня 2021
·
1
· 847
·
Codeguida
Знайомимось з Web Components (Polymer)
Привіт, кодегідці!
Цього разу ми познайомимось із новим веб-стандартом, та напишемо власний Polymer-компонент.
Що таке Web Components?
It's future. Future of web.
Web Components - це веб-стандарт, яки...
13 січня 2021
·
0
· 34
·
Codeguida
Використовуємо jQuery правильно
Завантаження з CDN
Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати
бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки.
<script src="/vendor/jque...
13 січня 2021
·
1
· 177
·
Codeguida
Як оформлювати спливаючі повідомлення
Сьогодні розмова піде про пару простих стилів і ефектів для спливаючих
повідомлень. Є багато способів, щоб показати ненав'язливе сповіщення для користувача: від класичних "кричущих" повідомлень до пан...
11 січня 2021
·
0
· 17
·
Codeguida
Анімація DOM за допомогою Anime.js
{full-post-img}
Якщо ви в пошуках швидкої та маленької бібліотеки для анімації, то Anime.js саме те, що вам потрібно.
Оживляючи веб
Як підмітила Sarah Drasher, анімація ділиться на UI/UX анімацію і с...
01 січня 2021
·
0
· 79
·
Codeguida
jstinytest - проста бібліотека для юніт-тестування
10 секундний огляд
Завантажте tinytest.js і додайте її до вашого веб-каталогу.
Припустимо, ви маєте функцію в adder.js:
function add(a, b) {
return a + b;
}
Створіть тестову сторінку пі...
22 грудня 2020
·
0
· 2
·
Codeguida
Object.observe()
Object.observe()- нове доповнення до JavaScript, дозволяє переглядати
об'єкти в асинхронному режимі. Це означає, що якщо ви хочете виявити зміни в
JavaScript-об'єкті, вам не потрібна окрема бібліотека...
10 грудня 2020
·
0
· 177
·
Codeguida
Яку проблему вирішують async & await в JS?
Асинхронне виконання коду - одна з найпотужніших фіч JavaScript, і в той же час воно приносить багато головного болю. Ми пройшли довгий шлях від функцій-колбеків, через нескінченні хащі сторонніх бібл...
05 грудня 2020
·
0
· 63
·
Codeguida
Випадкові зображення з допомогою Flexbox та JavaScript
Рандомізовані елементи веб-сторінок - простий і ефективний метод для
збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома
рядками JavaScript.
Потрібно обережніше використовува...
01 грудня 2020
·
0
· 154
·
Codeguida
Багаторядковість в JavaScript
До
var str = '' +
'' +
'' +
' ' +
' <h1>❤ unicorns</h1>' +
' ' +
'' +
'';
Після
var str = multiline(function(){/*
<h1>❤ unicorns</h1>
*/}...
30 листопада 2020
·
0
· 8
·
Codeguida
Створюємо власний блог з допомогою Parse.js, частина 1
Ви коли-небудь стикалися з ситуацією, коли ви маєте ідею для веб-ресурсу, але
не знаєте як її можна реалізувати? З Parse.js кожен, хто осягнув ази
HTML, CSS і JavaScript може створити динамічний веб-...
27 листопада 2020
·
0
· 16
·
Codeguida
nanobar.js - прогрес-бар без JQuery
Приклад:
var options = {
bg: '#acf',
target: document.getElementById('myDivId'),
id: 'mynano'
};
var nanobar = new Nanobar( options );
nanobar.go( 30...
26 листопада 2020
·
0
·
Codeguida
Створення об'єктів в JavaScript: патерни та кращі практики
Створення об'єктів в JavaScript - доволі заплутане питання. Є декілька способів зробити це. Новачки (а інколи і досвідчені користувачі) часто в них плутаються. Але не лякайтеся - це не складний процес...
05 листопада 2020
·
0
· 205
·
Codeguida
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо.
Одним з ключових API для мобільних пристроїв є...
03 листопада 2020
·
0
· 1
·
Codeguida
Пришвидшуємо завантаження сторінки з допомогою завантажувача шрифтів
Коли в останній раз ви використовували Arial, Times New Roman, Helvetica або
Comic Sans на веб-сторінках? Зараз використовуються веб-шрифти. Вони (в
багатьох випадках) безкоштовні і прості в реалізаці...
23 жовтня 2020
·
0
·
Codeguida
Rails та React: Золота середина (Частина 1)
Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат аб...
15 жовтня 2020
·
0
· 9
·
Codeguida
Як використовувати jQuery функцію $.ajax()
Іноді, нам потрібно більше контролю над Ajax-запитами, які ми виконуємо.
Наприклад, ми хочемо вказати, що має відбуватися у випадку, коли Ajax-виклик
не вдався, або нам потрібно виконати Ajax-запит, а...
12 жовтня 2020
·
0
· 71
·
Codeguida
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці?
Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа
для кожного фронтендера.
Настав час дізнатися, як це працює і почати створювати інте...
06 жовтня 2020
·
0
· 86
·
Codeguida
Створення 3D логотипу за допомогою three.js
В цій статті, ми створимо 3D версію логотипу Treehouse використовуючи
three.js. Нажміть та перетягуйте мишу для переміщення камери! Також ви можете
використовувати колесо миші для масштабування.
Демо...
28 вересня 2020
·
0
· 57
·
Codeguida
Використовуємо Network Information API
Всі веб-сайти, які ми створюємо, повинні враховувати не тільки швидкість
браузера, а і стан мережі.
Браузерна підтримка
Як правило, ми не можемо розраховувати на підтримку експериментальних API.
Зараз...
06 вересня 2020
·
0
· 6
·
Codeguida
Як оголошувати змінні в Javascript?
Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), st...
03 вересня 2020
·
1
· 817
·
Codeguida
