js
(80)
Rails та React: Справжнє використання (Частина 2)
У моєму попередньому пості (переклад) можете прочитати невеличке введення у React - JavaScript бібліотеку від Facebook для створення користувацьких інтерфейсів, а також про його відмінності від більш повноцінних MV- фреймворків. А зараз час використа...
Codeguida · 26 лютого 2021 · 6
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...
Codeguida · 23 лютого 2021 · 6
9 причин використовувати CodePen
CodePen.io описують себе як "майданчик для front-end частини веб-сторінки." CodePen відмінно підходить для тестування багів, співпраці та отримання натхнення від представлених робіт. Він працює, дозволяючи створити "pen" \- набір HTML, CSS і JavaScri...
Codeguida · 21 лютого 2021 · 24
jQuery для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи з селекторами, також розібрали основні події: Click, Hover і ToggleClass. Сьогодні мова піде про: Нагалодження (дебаг...
Codeguida · 09 лютого 2021 · 1
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб- дизайну. Але з часом я зрозумів важливість звичайного JavaScript. Коли я до цього прийшов, я повністю пе...
Codeguida · 04 лютого 2021 · 2
Django + AJAX
Привіт всім Кодегідерам! У коментарях до статті про розробку першого додатку на Django користувач x_pal надихнув мене на написання статті про те, як додати AJAX-запити в Django додаток. Запити в інтернеті Теорія(для тих, хто взагалі новачок у вебі)....
Codeguida · 27 січня 2021 · 95
Основи асинхронного програмування на JavaScript
В JavaScript нам часто доводиться мати справу з асинхронною поведінкою роботи коду, що може призвести до плутанини для програмістів, які мають досвід роботи тільки з синхронним програмуванням. Ця стаття пояснить, що таке асинхронний код, розкаже про...
Codeguida · 15 січня 2021 · 474
Знайомимось з Web Components (Polymer)
Привіт, кодегідці! Цього разу ми познайомимось із новим веб-стандартом, та напишемо власний Polymer-компонент. Що таке Web Components? It's future. Future of web. Web Components - це веб-стандарт, який дозволяє нам будувати кастомні, ізольовані html-...
Codeguida · 13 січня 2021 · 12
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 10
Як оформлювати спливаючі повідомлення
Сьогодні розмова піде про пару простих стилів і ефектів для спливаючих повідомлень. Є багато способів, щоб показати ненав'язливе сповіщення для користувача: від класичних "кричущих" повідомлень до панелі у верхній області перегляду. Насправді, не існ...
Codeguida · 11 січня 2021 · 1
Анімація DOM за допомогою Anime.js
{full-post-img} Якщо ви в пошуках швидкої та маленької бібліотеки для анімації, то Anime.js саме те, що вам потрібно. Оживляючи веб Як підмітила Sarah Drasher, анімація ділиться на UI/UX анімацію і самостійну. Дослідження доводять, що ми краще усвід...
Codeguida · 01 січня 2021 · 27
jstinytest - проста бібліотека для юніт-тестування
10 секундний огляд Завантажте tinytest.js і додайте її до вашого веб-каталогу. Припустимо, ви маєте функцію в adder.js: function add(a, b) { return a + b; } Створіть тестову сторінку під назвою adder-test.html (будь-яка назва). Це вклю...
Codeguida · 22 грудня 2020 · 1