js (80)

Створюємо власний блог з допомогою Parse.js, частина 3

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

Codeguida · 30 грудня 2021 · 11

Створюємо власний блог з допомогою Parse.js, частина 6: Редагування

####Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js,...

Codeguida · 14 грудня 2021 · 5

HTML5 File API

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

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

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

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

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

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

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

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

Створюємо власний блог з допомогою Parse.js, частина 4: Додаємо новий блог

Попередні уроки: Створюємо власний блог з допомогою Parse.js; Створюємо власний блог з допомогою Parse.js: Працюємо з даними; Створюємо власний блог з допомогою Parse.js: Авторизація користувачів; Доволі часто у людей виникають проблеми...

Codeguida · 08 листопада 2021 · 5

Реліз Bootstrap 4 alpha!

Це вільний переклад поста з The Official Bootstrap Blog. Сьогодні особливий день для Bootstrap. Не тільки через те, що сьогодні наш четвертий День народження, а й через те, що після року розробки ми раді представити вам перший альфа-реліз Bootstrap...

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

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

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

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

Додаємо анімації життя

Перша ітерація - стандартне "послаблення" Це перша версія - звичайний, рукописний CSS3 ключовий кадр анімації з використанням всього двох клавіш: .form { animation: form-fly-up 0.35s ease; } @keyframes form-fly-up { 0% { t...

Codeguida · 02 вересня 2021 · 11

Основи Webpack 2

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

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

Створюємо власний блог з допомогою Parse.js, частина 2

Минулого разу ми встановити локальний сервер (XAMPP), веб-сервер (GitHub Pages) і сервер БД (Parse.com). Також, ми маємо HTML сторінки блогу і вбудований базовий Parse.js код для підключення до бази даних. У цьому уроці, ми навчимося створювати, отри...

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

Створення сайд-скролера с паралакс-ефектом на основі Pixi.js. Частина 1

Якщо ви колись грали в Canabalt чи Monster Dash, то можливо вам цікаво, як побудовані ігрові мапи в цих іграшках. В цій статті ми зробимо перші кроки до того, щоб зробити схожий скролер засобами JS та грального рушія Pixi.js Чого ми навчимося Основи...

Codeguida · 10 серпня 2021 · 5

Підбірка з 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

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

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

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

Виявляємо підтримку 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

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

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

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

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

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

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

Основи ReactJS

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

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

jQuery для чайників ч.4 - функції

В першій статті, ми почали розглядати основи jQuery - типи даних і селектори; Далі, ми дізналися про події jQuery; В минулій статті, ми навчилися оброблювати помилки; Сьогодні, ми поговоримо про: Як запустити функцію; Як передати дані в функцію; Як...

Codeguida · 29 квітня 2021 · 26

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

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

Codeguida · 26 квітня 2021 · 174

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

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

Codeguida · 20 квітня 2021 · 169

Створюємо власний блог з допомогою Parse.js, частина 5: Router

Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js, час...

Codeguida · 03 квітня 2021 · 4

Гід по AngularJS ч.1 - модулі

AngularJS \- це MVW (Model-View-Whatever) JavaScript фреймворк від Google для створення привабливих веб-додатків, який пропонує футуристичні функції, нові особливості і стандарти. Модулі Всі програми в Angular створюються за допомогою модулів. Модуль...

Codeguida · 04 березня 2021 · 5