js (77)

Основи асинхронного програмування на JavaScript

В JavaScript нам часто доводиться мати справу з асинхронною поведінкою роботи коду, що може призвести до плутанини для програмістів, які мають досвід роботи тільки з синхронним програмуванням. Ця стат...
15 січня 2021 ·
1
· 847 · Codeguida

Як оголошувати змінні в Javascript?

Коли ви починаєте вивчати JavaScript, перш за все ви повинні розуміти, як використовувати змінні. Змінні - це своєрідні контейнери для значень всіх можливих типів, наприклад, number (числовий тип), st...
03 вересня 2020 ·
1
· 817 · Codeguida

Регулярні вирази в JavaScript

У цій статті я почну з пояснення того, що таке регулярні вирази і що вони можуть зробити для вас. Потім я представлю огляд найбільш поширених особливостей регулярних виразів. І, нарешті, я закінчу поя...
10 серпня 2016 ·
1
· 337 · Codeguida

Використовуємо jQuery правильно

Завантаження з CDN Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки. <script src="/vendor/jque...
13 січня 2021 ·
1
· 177 · Codeguida

Динамічні географічні карти з SVG і JQuery

Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовува...
14 травня 2020 ·
1
· 47 · Codeguida

jQuery для чайників ч.2 - події

В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи даних та працювати з селекторами. Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще - знати як з ними...
20 січня 2020 ·
1
· 40 · Codeguida

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

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

Javascript Promises: як і чому

Проміси (promises, обіцянки) це саме та маленька магічна штука, що дуже корисна при розробці, якщо ви вмієте їх готувати, звісно. Відразу після знайомства з ними я не розумів що тут і до чого, але теп...
20 травня 2020 ·
0
· 234 · Codeguida

Cтворення консольного додатку на JavaScript

Багато хто вважає, що Node.js тільки для серверних додатків, але це не так. Мікросервіси, REST API, утиліти, IoT та десктопні додатки — все це сфери, де використовують Node. Сьогодні ми напишемо конс...
26 квітня 2021 ·
0
· 207 · Codeguida

Створення об'єктів в JavaScript: патерни та кращі практики

Створення об'єктів в JavaScript - доволі заплутане питання. Є декілька способів зробити це. Новачки (а інколи і досвідчені користувачі) часто в них плутаються. Але не лякайтеся - це не складний процес...
05 листопада 2020 ·
0
· 205 · Codeguida

Django + AJAX

Привіт всім Кодегідерам! У коментарях до статті про розробку першого додатку на Django користувач x_pal надихнув мене на написання статті про те, як додати AJAX-запити в Django додаток. Запити в інте...
27 січня 2021 ·
0
· 203 · Codeguida

Асинхронні функції в ES7

Синхронне програмування - це просто. Ви просто викликаєте функцію, отримуєте значення, що вона повертає і продовжуєте робити все, що вам потрібно. Асинхронне програмування, з іншого боку, дуже незвичн...
20 квітня 2021 ·
0
· 185 · Codeguida

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

Ви вже чули про менеджер JavaScript-пакетів під назвою Yarn? Впевнений, що не раз. Хочете просто зрозуміти як ним користуватися і чим він краще? Ви звернулися за вірною адресою. Встановлюється він за...
05 червня 2021 ·
0
· 179 · Codeguida

Object.observe()

Object.observe()- нове доповнення до JavaScript, дозволяє переглядати об'єкти в асинхронному режимі. Це означає, що якщо ви хочете виявити зміни в JavaScript-об'єкті, вам не потрібна окрема бібліотека...
10 грудня 2020 ·
0
· 177 · Codeguida

Javascript Hoisting

При вивченні Javascript, одним з основних питань є різниця між оголошенням function expression і function declaration. Наприклад: Function Expression var x = function(){ return true; };...
03 березня 2020 ·
0
· 164 · Codeguida

Випадкові зображення з допомогою Flexbox та JavaScript

Рандомізовані елементи веб-сторінок - простий і ефективний метод для збільшення користувачів на сайті. Цей ефект легко досягнути всього декількома рядками JavaScript. Потрібно обережніше використовува...
01 грудня 2020 ·
0
· 154 · Codeguida

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

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

JavaScript Promise

JavaScript Promise - результат операції, яка ще не завершена, але буде в якийсь невизначений момент в майбутньому. Прикладом такої операції є мережевий запит. Коли ми витягуємо дані з деякого джерела,...
13 лютого 2020 ·
0
· 107 · Codeguida

Простий спосіб додавання CSS анімації до переходів між сторінками

Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade...
03 червня 2020 ·
0
· 89 · Codeguida

JSX в глибину

Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth». JSX — це...
05 серпня 2020 ·
0
· 89 · Codeguida

Підбірка CSS і Javascript бібліотек для створення анімаційних ефектів

CSS бібліотеки Досвідчені розробники і веб-дизайнери витратили велику кількість часу, щоб створити ці CSS бібліотеки для анімації. Тож ви можете просто скористатися їх напрацюваннями, додати елемент д...
24 червня 2020 ·
0
· 87 · Codeguida

jQuery для чайників ч.1 - типи даних та селектори

Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інте...
06 жовтня 2020 ·
0
· 86 · Codeguida

9 причин використовувати CodePen

CodePen.io описують себе як "майданчик для front-end частини веб-сторінки." CodePen відмінно підходить для тестування багів, співпраці та отримання натхнення від представлених робіт. Він працює, дозво...
21 лютого 2021 ·
0
· 85 · Codeguida

Основи ReactJS

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