javascript (278)

Створюємо форму валідації кредитної картки

У цьому короткому туторіалі ми покажемо вам, як створити просту форму валідації кредитної картки. Огляд проекту Ось те, до чого ми будемо йти в цій статті : {full-post-img} ЗАВАНТАЖИТИ Ви можете отрим...

Codeguida · 22 жовтня 2021 · 349

Зручне додавання тегів разом з Insignia

Insignia - це компактний плагін для роботи з тегами. Він легко ініціалізується та налаштовується за декілька хвилин. Браузерна підтримка Підтримується будь-який браузер і IE7+ Демо Ви можете ознайомитися зі всіма можливостями плагіну тут. Особливост...

Codeguida · 09 жовтня 2021 · 3

Ресурси, що блокують рендеринг: як правильно їх позбутися

Ця стаття буде корисною, якщо Lighthouse коли-небудь казав вам «прибрати ресурси блокування рендерингу» (якщо не казав, то все одно можете дізнатись, як цього уникнути). Ресурси блокування рендерингу — поширена перешкода для швидкого завантаження ваш...

Codeguida · 21 вересня 2021 · 247

Секрети швидкодії JavaScript: V8 та приховані класи

Сьогодні JavaScript стала однією з найбільш використовуваних мов для веброзробки. Та щоб піднятися на цей щабель, їй потрібно було подолати багато перешкод. Однією з них була швидкість виконання: і зараз JS успішно досягла продуктивності рівня C++. Ц...

Codeguida · 30 серпня 2021 · 115

Основи Webpack 2

Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...

Codeguida · 26 серпня 2021 · 26 · 1

Як застосовувати генератори у JavaScript

Сьогодні поговоримо про генератори JavaScript, які є у ES6, та розглянемо кілька прикладів їхнього застосування. Що ж таке генератори Генератор — це функція, яка дозволяє генерувати одне або кілька значень через виведення та повторне введення процеду...

Codeguida · 17 серпня 2021 · 158

Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker

Розгортання Node.js у PaaS Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі застосунки. У цьому туторіалі ви навчитеся використовув...

Codeguida · 14 серпня 2021 · 16

Підбірка з 15 корисних jQuery плагінів

1\. stroll.js - CSS3 scroll effects Stroll.js є CSS3 плагіном для додавання ефектів до прокрутки, який працює на всіх браузерах з підтримкою CSS 3D transforms. 2\. jQuery Hex Colorpicker Hex Colorpicker - простий та легкий jQuery плагін, створений д...

Codeguida · 09 серпня 2021 · 9

Чим корисна мемоїзація промісів і як її реалізувати

У складному вебзастосунку з кількома компонентами, що потребують даних, є ймовірність здійснення зайвих викликів API. Уявіть собі просту сторінку онлайн-магазину: користувач переглядає сторінку, потім другу, а потім повертається до першої. Тоді засто...

Codeguida · 06 серпня 2021 · 11

Мемоїзація функцій для поліпшення швидкодії

До вашої уваги серія статей, де ми розглянемо, як застосовувати кілька моделей функціонального програмування, спростити програмування на JavaScript або, як у нашому випадку, підвищити швидкодію вашого коду. У цій першій статті з серії ми розглянемо п...

Codeguida · 05 серпня 2021 · 129

Різниця між `export default thing` та `export { thing as default }`

Пропонуємо сьогодні поговорити про кругові залежності в JavaScript без довгих передмов. Поїхали! Імпорти — це посилання, а не значення Ось приклад імпорту: import { thing } from './module.js'; У цьому прикладі thing є тим самим, що й thing у ./modul...

Codeguida · 14 липня 2021 · 105

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

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

Codeguida · 13 липня 2021 · 155