javascript (278)

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

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

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

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

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

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

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

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

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

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

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

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

Основи Webpack 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Codeguida · 3 роки тому · 117

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

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

Codeguida · 3 роки тому · 187

codeguida talk #1 - Олег Соломка (mo.js)

{full-post-img} Всім привіт! Знайомимо ваз з новою рубрикою codeguida talk, в якій ми будемо розмовляти з цікавими людьми зі світу ІТ. І сьогодні такою людиною є Олег Соломка - фронт-енд розробник із Донецька, творець популярної бібліотеки mo.js. Р...

Codeguida · 3 роки тому · 2

Тригонометрія у CSS та JavaScript: творчість і тригонометричні функції

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

Codeguida · 29 червня 2021 · 131

Гід по оптимізації веб-сторінок та додатків

Коли справа доходить до продуктивності, ми не маємо права примушувати користувачів чекати і залишити веб-сторінку з негативними враженнями. Оптимізація є основою професійного створення сайту. Що визначає швидкість сторінки? Можна виділити наступні пу...

Codeguida · 27 червня 2021 · 50

Тригонометрія у CSS і JavaScript: ознайомлення

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

Codeguida · 24 червня 2021 · 233

++i проти i++ в Javascript

Там де є i там є маленька, але важлива відмінність між ++i та i++, що може завдати достатньо головного болю, якщо не бути обережним. Спробуйте це: var i = 5; i++; console.log(i); //=> 6 ++i; console.log(i); //=> 7 Як і очікувалось, обидві версії інк...

Codeguida · 20 червня 2021 · 282

Виявляємо підтримку CSS за допомогою CSS та JavaScript

За допомогою CSS3 CSS3 має @supports для перевірки підтримки CSS властивостей. Розглянемо декілька прикладів використання: За допомогою JavaScript Існує два способи виявлення підтримки властивостей CSS за допомогою JavaScript. Класичний метод: Викор...

Codeguida · 11 червня 2021 · 5

Шпаргалка по Yarn

Ви вже чули про менеджер JavaScript-пакетів під назвою Yarn? Впевнений, що не раз. Хочете просто зрозуміти як ним користуватися і чим він краще? Ви звернулися за вірною адресою. Встановлюється він за допомогою npm i -g yarn. Що вам потрібно знати Якщ...

Codeguida · 05 червня 2021 · 115

Node Hero: Частина 11 - Безпека у Node.js-застосунках

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

Codeguida · 02 червня 2021 · 23

6 непопулярних, але зручних можливостей ES6

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

Codeguida · 02 червня 2021 · 265

Ітеровані об'єкти в JavaScript

Коли нам потрібно перебрати об'єкт ми зазвичай потрапляємо в пастку, використовуючи завжди одні й ті самі ітератори, наприклад for або .map(). Але в JS існує велика кількість ітераторів, кожен я яких має свою специфіку і відрізняється від інших. В ці...

Alex · 28 травня 2021 · 1K

Як я повернувся і відразу пішов від JavaScript

{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...

Codeguida · 27 травня 2021 · 43

Основи ReactJS

React - бібліотека (не фреймворк) для UI. Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликають проблеми. Тут ми розкажемо детально про деякі к...

Codeguida · 27 травня 2021 · 59