javascript (276)

array.flatMap() — витончений перебір у JavaScript

array.map() дуже корисна функція перебору: вона приймає масив і функцію перебору, а потім повертає новий перебраний масив. Однак існує альтернатива array.map() — array.flatMap() (доступний починаючи з ES2019). Цей метод дає вам можливість перебирати,...

Codeguida · 03 лютого 2022 · 219

Front-end воїн - Scroll Progress

Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб- сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона забезпечує контекстуальне розуміння кількості інформації даної сторінки. Коли користувач виконує про...

Codeguida · 13 грудня 2021 · 26

HTML5 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 · 262

React 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