javascript (278)

Що таке "мертва зона" в JavaScript?

У JavaScript ви можете зустріти термін "мертва зона". Хоча це може здатися складним, але розуміння мертвих зон має вирішальне значення для написання ефективного коду без помилок. У цьому детальному посібнику ми розглянемо, що таке "мертві зони", як в...

Alex · 08 квітня · 379

Патерн Pub/Sub в Node.js

Вступ Патерн Pub/Sub - це універсальний односторонній патерн обміну повідомленнями, в якому паблішер генерує дані/повідомлення, а підписник реєструється для отримання певних типів повідомлень. Він може бути реалізований за допомогою однорангової архі...

Alex · 02 квітня · 115

Посібник з оптимізації JavaScript файлів

У цій статті ми розглянемо практичні методи оптимізації файлів JavaScript, як розв'язувати проблеми продуктивності, пов'язані з файлами JavaScript, а також інструменти, які допоможуть у процесі оптимізації. Ви отримаєте знання, які допоможуть вам при...

Alex · 31 січня · 294

Посібник по міграції з Webpack на Vite

У цій статті ми розглянемо, як оновити ваш фронтенд з Webpack на Vite. Vite - це сучасний інструмент для розробки фронтенду, який користується величезною популярністю. Просто подивіться на цю статистику завантажень з npm-трендів на зображенні нижче....

Alex · 29 вересня 2023 · 388

Яка різниця між експортом за замовчуванням та іменованим експортом в JavaScript?

JavaScript - одна з найпопулярніших мов програмування серед веб розробників. Вона пропонує безліч способів організації та спільного використання коду між різними файлами. Працюючи з модулями, ви можете зіткнутися з двома поширеними способами експорту...

Alex · 12 вересня 2023 · 386

Як керувати станом в React - useState() vs Redux

Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми. І це те, що ви будете використовувати не тільки в React.js, але й в інших популярних інструментах, таких як Angu...

Alex · 22 серпня 2023 · 132

Опануйте принципи SOLID всього за 8 хвилин!

У цьому блозі я продемонструю реалізацію принципів SOLID у застосунку React. До кінця цієї статті ви будете повністю розуміти принципи SOLID. Перш ніж ми почнемо, дозвольте мені дати вам короткий вступ до цих принципів. Що таке принципи SOLID? Принци...

Alex · 17 серпня 2023 · 737

5 просунутих прийомів NodeJS з ExpressJS

Кожен розробник прагне мати ефективну та надійну кодову базу, яку легко зрозуміти, модифікувати та розширювати. Переймаючи найкращі практики та вивчаючи передові методи, ми можемо розкрити справжній потенціал NodeJS та значно покращити якість наших п...

Alex · 16 серпня 2023 · 313

Підводні камені React: 5 помилок з мого першого проєкту

Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...

Alex · 10 серпня 2023 · 165

Різні способи написання CSS у React

Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...

Alex · 04 серпня 2023 · 160

Що таке Node.js? Основи серверної розробки на JavaScript

Node.js - це потужне середовище виконання для запуску JavaScript-коду поза веб-браузером. Воно дозволяє запускати JavaScript на стороні сервера, що дає змогу розробникам створювати масштабовані, високопродуктивні та керовані подіями застосунки. Node....

Alex · 04 серпня 2023 · 306 · 3

5 незручних фактів про TypeScript

Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідно ознайомитися: 1. TypeScript не врятує вас від Ja...

Alex · 11 місяців тому · 144

Умовний (тернарний) оператор в JavaScript

Умовний (тернарний) оператор - єдиний оператор JavaScript, що приймає три операнда: умова, за якою слідує знак питання (?), потім вираз, який виконується, якщо умова істина. Далі супроводжується двокрапкою (:), і, нарешті, вираз, який виконується якщ...

Alex · 2 роки тому · 1.8K

5 концептів які зроблять з вас кращого React розробника

Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...

Alex · 15 червня 2022 · 663

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

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

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

Front-end воїн - Scroll Progress

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

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

HTML5 File API

Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...

Codeguida · 12 грудня 2021 · 12

Основи Redux

Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...

Codeguida · 30 листопада 2021 · 276

Інтеграція React з різними мовами програмування

React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...

Codeguida · 20 листопада 2021 · 12

Тренди веб-розробки в 2017 році

Інтернет - це майбутнє! Саме так казали люди десятки років тому, і вони не помилилися - тепер інтернет це невід'ємна частина життя багатьох людей. Ваш сусід, колега, випадковий перехожий в метро - всі відвідують дюжину веб-сайтів за день. В кожного з...

Codeguida · 20 листопада 2021 · 3

Що ви повинні знати про async & await в JavaScript

В минулій статті я описував нові ключові слова в JavaScript: async та await і для чого вони потрібні. Тепер настав час дізнатися про декілька неочевидних, але важливих аспектів роботи з ними. Функції, що використовують await мають бути позначені як a...

Codeguida · 17 листопада 2021 · 293

React vs. Angular 2

Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...

Codeguida · 12 листопада 2021 · 7

Основи Webpack: Частина 2

У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...

Codeguida · 12 листопада 2021 · 72

Відео на фоні з CoverVid

Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...

Codeguida · 06 листопада 2021 · 2