js
(80)
Знайомимось з Web Components (Polymer)
Привіт, кодегідці! Цього разу ми познайомимось із новим веб-стандартом, та напишемо власний Polymer-компонент. Що таке Web Components? It's future. Future of web. Web Components - це веб-стандарт, який дозволяє нам будувати кастомні, ізольовані html-...
Codeguida · 13 січня 2021 · 15
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати запис, або змінити URL-адресу в адресному рядку б...
Codeguida · 26 липня 2020 · 14
Створюємо власний блог з допомогою Parse.js, частина 2
Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази даних. У цьому уроці, ми навчимося створювати, отри...
Codeguida · 12 серпня 2021 · 12
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 4 роки тому · 14
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 11
Створюємо власний блог з допомогою Parse.js, частина 3
В попередній статті ви дізналися як додати дані на Parse.com і відобразити їх на вашому сайті. Ви познайомилися з поняттям об'єкт, колекція та екземпляр, і створили свій перший клас. Починаючи з цього уроку, ми будемо створювати в адмін-панель блогу....
Codeguida · 30 грудня 2021 · 11
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 11
Cтворюємо блог використовуючи Flask і AngularJS. Частина 1
У цьому уроці ми створимо блог за допомогою Flask і AngularJS. Це перша частина курсу. В ній ми зосередимося на створенні REST API, який буде використовуватися додатком AngularJS. Цілі Цілі застосунку прості: Реєстрація користувачів; Їх авторизація;...
Codeguida · 07 серпня 2020 · 10
Додаємо анімації життя
Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...
Codeguida · 02 вересня 2021 · 10
jQuery для чайників ч.2 - події
В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи даних та працювати з селекторами. Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще - знати як з ними працювати. Сьогодні ми розглянемо саме цей аспект....
Codeguida · 20 січня 2020 · 10
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 грудня 2021 · 10
6 способів використання оператора розпаковки в JS
Написання коду на JavaScript стало більш приємним і динамічним завдяки ES6 та Babel. Тепер нас не дивують ні концептуально нові мови, ні новий спосіб парсингу, як от JSX. Я великий фанат такої нової фічі як spread-оператор (ми будемо його називати оп...
Codeguida · 03 березня 2020 · 10