Портал — один из самых сложных типов сайта, как же сделать это чудо техники, что важно, давайте разберем.

Стек разработки

Есть моменты, которые нужно учесть при разработке портала.

  • Определить главную задачу, а так же подзадачи, которые ведут к главной цели.
  • Сделать карту сайта, с проработкой вхождений
  • Разработка основного тз сайта
  • Разработать модель админ панели, по ней так же можно выстроить карту взаимосвязи (как и карта сайта) для понимания работы панели, так же расписываем функционал.
  • Разработка прототипов сайта
  • Разработка прототипа админ панели главного экрана

Вот эти основные моменты, нужно разработать, перед тем как выбрать стек разработки. Небольшие порталы, они могут быть новостного типа или с системой каталога, такие порталы можно сделать на основе CMS, например word press — да нужно будет более мощный хостинг или сервер, но работать будет так же идеально. Все остальные варианты делаются либо с помощью фреймворков, либо с нуля, чистый PHP (НО PHP! сейчас это редкость, потому что долго)

Какие варианты разработки есть?

2. Angular

Angular — одна из самых мощных сред JavaScript. Google использует эту платформу для разработки одностраничного приложения (SPA). Эта среда разработки известна прежде всего потому, что она предоставляет разработчикам лучшие условия для объединения JavaScript с HTML и CSS. Более полумиллиона сайтов, таких как google.com, youtube.com и т.д., используют Angular.

Это также предпочтительная среда пользовательского интерфейса JavaScript для разработчиков приложений Google. Angular имеет компонентную структуру, как и React. Вы можете манипулировать, вкладывать и использовать их по мере необходимости. Вам нужно будет использовать TypeScript, чтобы написать приложение в Angular. Это расширенный набор JavaScript, который использует тот же синтаксис, но также поддерживает статическую типизацию и классы. В TypeScript вы получаете модификаторы доступа, перечисления, обобщения, гибридные типы и многое другое. Проще говоря, Angular — это фантастическая платформа, на которую можно взглянуть, если вы новый разработчик.
3. Vue.js

Vue — это JavaScript-фреймворк с открытым исходным кодом для создания креативного интерфейса. Интеграция с Vue в проектах, использующих другие библиотеки JavaScript, упрощена, поскольку она разработана для адаптации. Более 36 000 веб-сайтов в настоящее время используют Vue. Такие компании, как Stackoverflow, PlayStation и т.д., полагаются на Vue для своих сайтов пользовательского интерфейса.

Vue.js также довольно прост в освоении: все что нужно, это JavaScript и HTML. Другой сильной стороной Vue.js является его интерфейс командной строки (CLI). Это базовый инструмент, который ускоряет разработку, предлагая массу плагинов, пресетов, мгновенного прототипирования и интерактивного инструмента разработки проектов. Некоторые из его функций включают компоненты, шаблоны, переходы и двустороннее связывание данных, а также фокус реактивности. Реактивность возникает при изменении или обновлении любого из объектов JavaScript в Vue. Vue.js использует то, что называется Shadow DOM, что делает рендеринг страницы быстрым.

4. JQuery

JQuery, пожалуй, самая популярная библиотека JavaScript с таким количеством функций для современной разработки. JQuery — это быстрая и лаконичная библиотека JavaScript, созданная Джоном Резигом в 2006 году. Это кроссплатформенная библиотека JavaScript, предназначенная для упрощения HTML-скриптинга на стороне клиента. Более 19 миллионов веб-сайтов в настоящее время используют jQuery! Такие компании, как WordPress, Facebook, Google, IBM и многие другие, полагаются на jQuery для обеспечения своего рода просмотра веб-страниц.

Вы можете использовать API jQuery для обработки, анимации и манипулирования событием в HTML-документе, также известном как DOM. Кроме того, jQuery используется со строительными инструментами Angular и React App. Одним словом, одна из самых важных библиотек JavaScript для веб-разработки.

5. Backbone.js

Это одна из самых популярных платформ JavaScript. Его можно использовать для создания одностраничного приложения. Разработка этого фреймворка предполагает, что все функции на стороне сервера должны проходить через API, что поможет достичь сложной функциональности за счет написания меньшего количества кода.

BackboneJS — это легкая библиотека JavaScript, которая позволяет разрабатывать и структурировать клиентские приложения, работающие в веб-браузере. В отличие от других сред, Backbone поручает разработчику выбрать правильный инструмент, который лучше всего подходит для данного проекта. Более полумиллиона сайтов в настоящее время используют Backbone, включая tumblr.com, espn.com, soundcloud.com и многие другие.

6. Node.js

Node.js — это серверная платформа с открытым исходным кодом, созданная на основе Google Chrome JavaScript Engine. Количество сайтов, использующих NodeJS, увеличилось на 84 000. Это одна из наиболее загруженных кроссплатформенных сред выполнения для выполнения кода JavaScript. Node.js — это асинхронная, однопоточная, неблокирующая модель ввода / вывода, которая делает ее легкой и эффективной. Пакетная экосистема Node.js, npm, также является крупнейшей в мире библиотечной экосистемой с открытым исходным кодом.

7. Ember.js

Ember.js — это JavaScript-фреймворк с открытым исходным кодом, который был первоначально выпущен Иегудой Кацем в 2011 году. Первоначально он назывался SproutCore 2.0, прежде чем стал называться Ember.js. Работа над Ember Framework началась в 2011 году, а версия 1.0 была выпущена два года спустя.

Он также отлично масштабируется и может использоваться для больших проектов. Apple Music, которая имеет более 60 миллионов подписчиков по всему миру, была построена на Ember. Если вы хотите увидеть, что вы сможете — есть инструмент под названием Ember Inspector, который позволяет вам ближе познакомиться с проектами Ember в Интернете.

В Ember есть отличный инструмент для сборки, заимствованный из многих других сред SPA, называемый Ember CLI. Этот инструмент сборки имеет все необходимое для начала работы. Вам нужен роутер? Там встроено. Нужно пройти тестирование? Он тоже встроен. Вам нужно работать с внутренними данными? Есть данные на Эмбер. Ember.js следует многим тем же принципам, что и Ruby в Rails. Он очень продуман, гибок.

8. Meteor

Веб-фреймворк под названием Skybreak был выпущен в конце 2011 года. Через пару месяцев команда сменила название на Meteor. Используя простой JavaScript, вы можете создавать приложения, которые можно использовать на разных платформах, включая, помимо прочего, Android и iOS. Среда Meteor JS предоставляет решения с полным стеком. Использование этой инфраструктуры включает в себя важные области, такие как внутренняя разработка, управление базами данных, бизнес-логика и внешний рендеринг.

Meteor позиционирует себя как самый быстрый способ создания приложений JavaScript. Он завоевывает популярность на рынке с более чем 13 000 веб-сайтов, использующих Meteor. Такие сайты, как mtv.com, meteofrance.com и т.д., используют Meteor для создания своего пользовательского интерфейса.

9. Polymer

Polymer- это библиотека JavaScript с открытым исходным кодом, поддерживаемая Google для создания веб-приложений с использованием веб-компонентов. Он также поддерживает как одностороннюю, так и двустороннюю привязку данных, создавая более обширную область применения. Когда вы сравниваете Angular с Polymer, поскольку оба они созданы Google, Angular представляет собой комплексную среду для разработки веб-приложений, тогда как Polymer — это всего лишь библиотека для разработки веб-компонентов. Это была первая библиотека, которая позволяла создавать интерактивные приложения с помощью веб-компонентов. В настоящее время более 3000 веб-сайтов используют Polymer, например, virustotal.com, rogers.com, zeplin.io и так далее.

10. Aurelia

Aurelia — это интерфейсная среда с открытым исходным кодом, разработанная Робом Айзенбергом. Aurelia 1.0 была выпущена впервые в 2016 году. Aurelia состоит из функционально-ориентированных модулей, таких как плагины, маршрутизация, тестирование, внедрение зависимостей и многое другое. Вы можете использовать среду Aurelia JS для разработки веб-приложений, приложений для мобильных устройств и компьютеров. Модульность также позволяет создавать приложения разных размеров. Aurelia поддерживает как Babel, так и TypeScript. Он также полностью совместим с будущими версиями JavaScript. Данный фреймворк самый молодой,  он создан 20016 году.

Что же выбрать?

Все просто, все зависит от задач, у каждого фреймворка есть свои плюсы и свои минусы. Нет идеального решения. Поэтому перед тем как определятся нужно познакомится с этим решением, если есть возможность, поставить посмотреть. Самые важные моменты при подборе стэка разработки:

  • Специфику самого IT-проекта
  • Опыт и ресурсный потенциал
  • Масштабируемость приложения
  • Уровень безопасности
  • Удобство обслуживания web-приложений
  • Сроки разработки

Сколько стоит разработка портала?

Минимальная стоимость портала от 450 000 рублей — зависит от задач, так же на стоимость влияет курс доллара и экономическая ситуация в страна, которая формирует зарплаты разработчиков на рынке той страны, где вы хотите вести разработку.

Разработка портала на CMS от 350 000 рублей — но это проекты с средней нагрузкой, новостные или проекты имеющие каталог — но это уже больше сервис.

ВВЕРХ