javascript
(278)
Умовний (тернарний) оператор в JavaScript
Умовний (тернарний) оператор - єдиний оператор JavaScript, що приймає три операнда: умова, за якою слідує знак питання (?), потім вираз, який виконується, якщо умова істина. Далі супроводжується двокрапкою (:), і, нарешті, вираз, який виконується якщ...
Alex · 20 липня 2022 · 1.7K
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...
Alex · 15 червня 2022 · 650
array.flatMap() — витончений перебір у JavaScript
array.map() дуже корисна функція перебору: вона приймає масив і функцію перебору, а потім повертає новий перебраний масив. Однак існує альтернатива array.map() — array.flatMap() (доступний починаючи з ES2019). Цей метод дає вам можливість перебирати,...
Codeguida · 03 лютого 2022 · 237
Front-end воїн - Scroll Progress
Сьогодні ми розглянемо кілька методів демонстрації прогресу прокрутки веб- сторінки. Ця техніка використовується на багатьох сайтах, і не дарма; вона забезпечує контекстуальне розуміння кількості інформації даної сторінки. Коли користувач виконує про...
Codeguida · 13 грудня 2021 · 32
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 грудня 2021 · 10
Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...
Codeguida · 30 листопада 2021 · 234
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 11
Тренди веб-розробки в 2017 році
Інтернет - це майбутнє! Саме так казали люди десятки років тому, і вони не помилилися - тепер інтернет це невід'ємна частина життя багатьох людей. Ваш сусід, колега, випадковий перехожий в метро - всі відвідують дюжину веб-сайтів за день. В кожного з...
Codeguida · 20 листопада 2021 · 2
Що ви повинні знати про async & await в JavaScript
В минулій статті я описував нові ключові слова в JavaScript: async та await і для чого вони потрібні. Тепер настав час дізнатися про декілька неочевидних, але важливих аспектів роботи з ними. Функції, що використовують await мають бути позначені як a...
Codeguida · 17 листопада 2021 · 274
React vs. Angular 2
Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...
Codeguida · 12 листопада 2021 · 6
Основи Webpack: Частина 2
У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...
Codeguida · 12 листопада 2021 · 61
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...
Codeguida · 06 листопада 2021 · 2