javascript
(276)
array.flatMap() — витончений перебір у JavaScript
array.map() дуже корисна функція перебору: вона приймає масив і функцію перебору, а потім повертає новий перебраний масив. Однак існує альтернатива array.map() — array.flatMap() (доступний починаючи з ES2019). Цей метод дає вам можливість перебирати,...
Codeguida · 03 лютого 2022 · 219Front-end воїн - Scroll Progress
Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб- сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона забезпечує контекстуальне розуміння кількості інформації даної сторінки. Коли користувач виконує про...
Codeguida · 13 грудня 2021 · 26HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 грудня 2021 · 7Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...
Codeguida · 30 листопада 2021 · 196Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 9Тренди веб-розробки в 2017 році
Інтернет - це майбутнє! Саме так казали люди десятки років тому, і вони не помилилися - тепер інтернет це невід'ємна частина життя багатьох людей. Ваш сусід, колега, випадковий перехожий в метро - всі відвідують дюжину веб-сайтів за день. В кожного з...
Codeguida · 20 листопада 2021 · 2Що ви повинні знати про async & await в JavaScript
В минулій статті я описував нові ключові слова в JavaScript: async та await і для чого вони потрібні. Тепер настав час дізнатися про декілька неочевидних, але важливих аспектів роботи з ними. Функції, що використовують await мають бути позначені як a...
Codeguida · 17 листопада 2021 · 262React vs. Angular 2
Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...
Codeguida · 12 листопада 2021 · 4Основи Webpack: Частина 2
У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...
Codeguida · 12 листопада 2021 · 53Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...
Codeguida · 06 листопада 2021 · 1Створюємо форму валідації кредитної картки
У цьому короткому туторіалі ми покажемо вам, як створити просту форму валідації кредитної картки. Огляд проекту Ось те, до чого ми будемо йти в цій статті : {full-post-img} ЗАВАНТАЖИТИ Ви можете отрим...
Codeguida · 22 жовтня 2021 · 334Зручне додавання тегів разом з Insignia
Insignia - це компактний плагін для роботи з тегами. Він легко ініціалізується та налаштовується за декілька хвилин. Браузерна підтримка Підтримується будь-який браузер і IE7+ Демо Ви можете ознайомитися зі всіма можливостями плагіну тут. Особливост...
Codeguida · 09 жовтня 2021 · 2