Веб програмування, технології

Перспективи single page веб додатків

Перспективи single page веб додатків

Single page - як зрозуміло з назви, це одна сторінка. Тобто, це сайт, при переході по сторінках якого, не потрібно перезавантаження сторінки. Такі сайти, в більшості випадків, роблять за допомогою фреймворків побудованих на JS, таких як: Angular, React, Vue і т.д. Сайт завантажується один раз, і далі все працює вже з завантаженого при відкритті сторінки коду. Веб додаток - це програма, яку можна запустити через будь-якої інтернет браузер, і ніяк інакше. А тепер все разом. Перспективи подальшого розвитку програм у вигляді сайту, які можна відкрити тільки через браузер, який не вимагає перезавантаження сторінок при переході по ним. 

Власне, тепер щоб розглянути перспективи такого додатка, необхідно відповісти на наступні кілька питань. Навіщо це потрібно (чим це краще звичайного сайту)? Кому це потрібно (хто буде цим користуватися)?

Коли ми виявили для себе питання, за якими ми визначимо перспективи односторінкових додатків, ми можемо відповісти на кожне з них і зробити висновки, відповівши тим самим на наше головне питання.

Навіщо це потрібно? Чим одно сторінковий сайт-додаток, краще звичайного сайту?

Перше, що відповість більшість веб майстрів, які звичайно ж вміють робити сайти на JS фреймворках, це набагато ширші можливості для таких сайтів. Так, безумовно, сайти, зроблені як односторінковий додаток, можуть бути набагато більш динамічними, інтерактивними, більш анімованими і т.д. Тобто, сайти, які повинні викликати wow ефект у користувача. При створенні таких сайтів, використовувати технології типу Angular, React і т.д., буде дійсно правильним і корисним рішенням. Певною мірою, такі додатки будуть вигравати і при побудові великих проектів, так як робота без перезавантаження більш зручна в принципі для користувача сайту.

Але, давайте відразу ж відзначимо і мінуси, які будуть нас чекати при роботі з таким додатком. Перший мінус, це складність корегування, доопрацювання, внесення змін в роботу такого додатка. Тобто, якщо роботу звичайного сайту, який написаний за допомогою звичайного php + js, на html, можна скорегувати дуже легко і швидко, і відразу ж бачити результат зміни коду, і зробити це може будь-який інший програміст, то ось роботу single page додатка, написаного за допомогою фреймворка і скомпільованого в готовий код змінити набагато важче. Для того, щоб змінити щось в роботі додатка, необхідно мати вихідний код програми, змінити його, скомпілювати, протестувати (так як на відміну від звичайного сайту, одна помилка в додатку, може «зламати» всю його структуру і працювати він не буде) і тільки потім викласти на сервер.

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

Кому це потрібно?

Тепер висновки. Створювати single page додатки на Angular, Vue або React звичайно варто. Має рацію це робити для промо сайтів, landing page, можливо простих сайтів візиток, які можна красиво і динамічно оформити. Або ж, навпаки, якщо Ви маєте команду програмістів і створюєте додатки для своїх цілей (корпоративний портал і т.д.), в такому випадку це буде не поганим і досить раціональним рішенням. Якщо ж Ви замовляєте сайт, який як Ви самі розумієте, буде постійно зростати, розвиватися, доповнюватися новим функціоналом, то в цьому випадку, краще створювати стандартний багато сторінковий сайт.

Перспективи

Безумовно дані технології будуть розвиватися. Швидше за все вони будуть розвиватися саме в бік гнучкості і сторону якогось симбіозу з мобільними додатками. Адже вже сьогодні, частково мобільні додатки можна робити за допомогою тих же технологій, що й односторінкові веб додатки. А з огляду на схожість самої суті мобільного застосування і односторінкового веб додатка, то саме їх симбіоз, в якійсь певній мірі і стане результатом розвитку даних техноголій.

Інші статті в тематиці
Кросбраузерність - це коректна, адаптивна верстка для правильного відображення сайту на різних пристроях (комп'ютер, планшет, телефон) і браузерах (Chrome, Firefox, Opera, Safari, IE і т.д.).
20.06.2018
Будь-програмний продукт, будь то прикладне програмне забезпечення або веб додаток, вимагають ретельного тестування і перевірок, перед реальним запуском проекту.
20.06.2018
Мільйони людей щосекунди друкують пошукові запити, щоб отримати відповіді на свої питання. З розвитком мобільного інтернету, ця кількість збільшилася ще в рази. Відповіді на всі ці запити, зберігаються на безлічі різних сайтів.
07.06.2018
Є невеликий секрет в тому, коли ви сидите перед чистим аркушем паперу. Це вбивство. Його білосніжної шкіри, серця, вигинів молочного тіла. Ми з дитинства мислимо ідеями: навіженими, немислимими, жорстокими. Кожен хоче втілити свої ідеї в життя. Втілюючи, ми їх знищуємо, як аркуш паперу.
06.06.2018
Адаптивний дизайн досить економний засіб для того, щоб зробити сайт зручним для користувачів. Щоб адаптувати сайт під мобільні пристрої потрібно оптимізувати розміри сторінок і елементи сайту під розміри конкретного пристрою.
27.05.2018
Веб студія Ідейне Рішення