frontend
(59)
CSS форми, кліпи і маски — як ними користуватися
Реліз Firefox 54 приніс з собою нові фічі в CSS властивість: clip-path. Ця властивість дозволяє робити кліпи (тобто вирізати частини елементу), що в Firefox, до недавніх пір, було можливим лише за допомогою SVG. Втім, відтепер для цього можна буде ви...
Codeguida · 24 липня 2017 · 16
Node Hero: Частина 6 - Модуль запитів у Node.js
Що таке HTTP? HTTP означає Hypertext Transfer Protocol. HTTP функціонує в якості протоколу запит-відповідь в обчислювальній клієнт-серверній моделі. Коди стану HTTP Перед тим, як зануритися в інші API, давайте розглянемо коди стану HTTP, з якими ми м...
Codeguida · 03 березня 2020 · 15
Чому Elm краще JavaScript
Elm — ML-подібна мова програмування, що компілюється в JavaScript і забезпечує незмінність в процесі виконання. Вона вирішує купу проблем, з якими JS-розробники стикаються кожен день. Я вірю, що Elm — це майбутнє фронтенд-розробки. В цій статті я роз...
Codeguida · 12 квітня 2020 · 11
Різні способи створити стовпці однієї висоти в Bootstrap
Bootstrap 3 (тепер Bootstrap 4) - дивовижний CSS-фреймворк, який робить життя веб-розробників будь-якого рівня простіше. Коли я був новачком, і вперше знайомився з Bootstrap, то використовував всі його можливі властивості, і намагався хакнути, щоб от...
Codeguida · 07 лютого 2021 · 12
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 10
Керівництво по CSS анімаціях
Ми, розробники і дизайнери, завжди хочемо привернути увагу користувача до свого продукту і залишити гарне враження. Для цього інтерфейс повинен бути простим і зрозумілим, завантажуватися швидко і працювати як швейцарський годинник. Але цього недостат...
Codeguida · 16 червня 2017 · 10
Node Hero: Частина 9 - модульне тестування у Node.js
Тестування Node.js-застосунків Ви можете вважати тести гарантією для застосунків, які ви розробляєте. Тести будуть працювати не тільки на вашому локальному комп'ютері, але і у сервісах неперервної інтеграції, так, щоб версії з помилками не потрапили...
Codeguida · 05 липня 2020 · 10
Node Hero: Частина 4 - Ваш перший Node.js HTTP сервер
Модуль http для вашого Node.js северу При розробці додатків на основі HTTP в Node.js, ви будете багато працювати з вбудованими модулями http/https. Тепер, давайте створимо наш перший Node.js HTTP сервер! Нам потрібно буде require модуль http і прив'я...
Codeguida · 18 червня 2020 · 10
9 багатообіцяльних порад щодо промісів
1. Ви можете повернути проміс всередині .then Дозвольте мені виділити найважливішу пораду: Так! Ви можете повернути проміс всередині .then Також, проміс, що повертається, автоматично розпаковується в наступному .then .then(r => { return serverSta...
Codeguida · 15 березня 2018 · 9
Node Hero: Частина 13 - Моніторинг Node.js-додатків
Важливе значення моніторингу у Node.js Розуміння внутрішньої роботи вашого Node.js-додатка дуже важливе! Вам потрібно постійно знаходити прогалини і з'ясовувати, що уповільнює роботу вашого продукту. Ще більшою проблемою є обробка та передбачення час...
Codeguida · 11 березня 2021 · 8
Навіщо в ES6 const, якщо він не працює?
Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...
Codeguida · 06 червня 2017 · 7