Що таке spa в веб-розробці.
Відео: З чого почати вивчати веб-розробку? Лайфхак від засновників Loftschool
Всім привіт! У цій статті ми розберемося, що таке SPA в веб-розробці і в чому його плюси і мінуси.
опис
Можливо, хтось із вас уже чув таке скорочення як SPA. Однак не всі можуть знати, що це таке, тому давайте розбиратися.
Відео: Розробка SPA на React, NodeJS, Express і MongoDB
SPA(single page application) - це веб-додаток, що працює на одній сторінці. Воно підвантажує всі необхідні jаvascript і css файли при першому завантаженні сторінки, а потім все спілкування між клієнтом і сервером зводиться до мінімуму. Тобто при такому підході більша частина роботи сайту проводиться на стороні клієнта, а якщо потрібно отримати дані з сервера, то це зазвичай робиться за допомогою JSON.
Такий спосіб створення сайтів з`явився відносно недавно, з приходом HTML5, але вже активно набирає обертів. В принципі, тут немає нічого дивного, адже таке веб-додаток буде працювати набагато швидше звичайних сайтів, так і розробка не займе багато часу. Благо, що зараз вже є купа фреймворків, які дозволяють створювати дуже складні сайти такого типу досить просто і швидко. На даний момент найкращим фреймворком вважається React. У нього більше плюсів, ніж у конкурентів, а також він простий у вивченні і використанні. Якщо ви хочете більше дізнатися про те, як ним користуватися, раджу заглянути сюди. А ми поки перейдемо до плюсів SPA.
плюси SPA
- Підтримка великої кількості пристроїв. На відміну від стандартного підходу, SPA додатки працюють як на станціонарних комп`ютерах, так і на мобільних пристроях однаково добре. Таким чином, ви можете створити один додаток і бути впевнені, що воно не буде гальмувати і буде прекрасно працювати навіть на не дуже потужних пристроях
- потужний UX. У додатках, заснованих на такому підході, набагато простіше зберігати різну інформацію, управляти поданням сайту, анімаціями. Також, оскільки робоча сторінка всього одна, написати гарний користувальницький інтерфейс не важко
- Висока продуктивність. У звичайних сайтах дуже часто можна зустріти завантаження одного і того ж вмісту. Наприклад, шапка сайту, футер, меню та інші елементи, які не змінюються від сторінки до сторінки, тим не менше, кожен раз завантажуються з сервера. З використанням SPA підходу такої проблеми просто не буде, тому що контент буде довантажувати в міру необхідності, що значно підвищить швидкість роботи програми
Мінусів же у SPA майже немає. Єдине, що варто відзначити, що розробку таких програм варто вести досить акуратно. Вся справа в тому, що якщо будуть витоку пам`яті, наприклад, то програма може почати працювати набагато повільніше, ніж нам би хотілося. Але все це вже залежить від розробника, від його умінь, тому, якщо ви хочете робити додатки якісно, то раджу звернути увагу на відеокурс "React JS, Redux, ES2015 з Нулі до Гуру". Він був складений професіоналом спеціально для того, щоб ви теж навчилися робити потужні і швидкі програми, і кількість дійсно якісних сайтів в інтернеті стало більше.
висновок
Отже, сьогодні ми розглянули, що таке SPA (single page application), в чому його переваги і недоліки.
Відео: Створення фреймворка для SPA на чистому jаvascript. Урок 1. Встановлення оточення
Дякую за увагу!
- Nodejs. Клієнти і сервери.
- Nodejs. Що таке npm.
- Що таке сокет в php
- Що таке long-polling, websockets, sse і comet
- Nodejs. Що таке query strings.
- Nodejs. Як відправити дані в форматі json.
- Що таке dom?
- Що таке gzip
- Nodejs. Що таке pipe ().
- Що таке фреймворк?
- Nodejs. Що таке middleware і статичні файли.
- Nodejs. Що таке потоки і буфери.
- Nodejs. Як створити "список справ". Частина 2.
- Nodejs. Починаємо роботу з express.
- Nodejs. Движок v8.
- Вивчаємо coffeescript. Вступ.
- Nodejs. Навігація по сторінках.
- jаvascript
- Nodejs. Параметри маршрутизації в express.
- Nodejs. Template engine. Частина 1.
- Gulp. Вступ.