javascript
(278)
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...
Codeguida · 23 лютого 2021 · 7
jQuery для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи з селекторами, також розібрали основні події: Click, Hover і ToggleClass. Сьогодні мова піде про: Нагалодження (дебаг...
Codeguida · 09 лютого 2021 · 2
Різні способи створити стовпці однієї висоти в Bootstrap
Bootstrap 3 (тепер Bootstrap 4) - дивовижний CSS-фреймворк, який робить життя веб-розробників будь-якого рівня простіше. Коли я був новачком, і вперше знайомився з Bootstrap, то використовував всі його можливі властивості, і намагався хакнути, щоб от...
Codeguida · 07 лютого 2021 · 11
Які мови програмування найбільш потрібні роботодавцям
Компанія CodinGame опублікувала дослідження про те, які мови та інструменти програмування зараз потрібні роботодавцям, а які — популярні серед фахівців. У опитуванні взяли участь 15 000 розробників і HR-спеціалістів зі 134 країн. 2% учасників були з...
Codeguida · 18 січня 2021 · 13
Якою була екосистема JavaScript у 2020 році
Опубліковане щорічне дослідження про стан екосистеми JavaScript: найпопулярніші фреймворки, інструменти, тенденції в галузі тощо. У опитуванні за 2020 рік взяли участь 23 765 людей, 1,8% з яких живуть в Україні. 91% опитаних — чоловіки, 5,8% — жінки...
Codeguida · 17 січня 2021
Основи асинхронного програмування на JavaScript
В JavaScript нам часто доводиться мати справу з асинхронною поведінкою роботи коду, що може призвести до плутанини для програмістів, які мають досвід роботи тільки з синхронним програмуванням. Ця стаття пояснить, що таке асинхронний код, розкаже про...
Codeguida · 15 січня 2021 · 500
Знайомимось з Web Components (Polymer)
Привіт, кодегідці! Цього разу ми познайомимось із новим веб-стандартом, та напишемо власний Polymer-компонент. Що таке Web Components? It's future. Future of web. Web Components - це веб-стандарт, який дозволяє нам будувати кастомні, ізольовані html-...
Codeguida · 13 січня 2021 · 15
Використовуємо jQuery правильно
Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jquery/jquery.min.js"></script> <script src="//aj...
Codeguida · 13 січня 2021 · 11
Як використувати Battery API
Чим вимогливішими стають веб-додатки, тим швидше витрачається заряд пристрою. Коли гаджет підключений до енергопостачання - це не проблема, але коли справа доходить до мобільних девайсів, ми повинні бути впевнені, що батарея працює і реагує відповідн...
Codeguida · 03 січня 2021
Анімація DOM за допомогою Anime.js
{full-post-img} Якщо ви в пошуках швидкої та маленької бібліотеки для анімації, то Anime.js саме те, що вам потрібно. Оживляючи веб Як підмітила Sarah Drasher, анімація ділиться на UI/UX анімацію і самостійну. Дослідження доводять, що ми краще усвід...
Codeguida · 01 січня 2021 · 27
Що робить інтернет повільним: дослідження продуктивності JavaScript
Компанія CatchJS опублікувала дослідження про те, що може сповільнювати інтернет і які фактори та помилки з цим пов'язані. Дослідники опрацювали мільйон найпопулярніших сторінок в інтернеті та позначили кожну помилку і кожен URL. При цьому враховувал...
Codeguida · 30 грудня 2020
Node Hero: Частина 10 - Відлагодження Node.js-застосунків
Відлагодження Node.js-застосунків Один з найпоширеніших рішень для знаходження помилок у Node.js-застосунках - постійне використання console.log для дебагінгу. console.log є ефективним способом для дебагінгу коротких фрагментів коду, але ми пропонуєм...
Codeguida · 14 грудня 2020 · 3