Какой стек технологий поддерживается в современных ос

Как правильно выбрать технологический стек для своего проекта

Запуск каждого IT-проекта характеризуется планированием и принятием решений на первых этапах развития. Они очень важны и оказывают влияние на любой проект, поскольку предопределяют его будущее. Во время этих этапов, например, происходит выбор технологического стека.

Технологический стек кардинально влияет на любой IT-проект. В зависимости от технологического стека меняется время, качество и стоимость разработки. Более того, он влияет на масштабируемость, поэтому если разработка проекта велась на плохо подобранном технологическом стеке, это может вызвать ряд проблем в будущем. Именно поэтому нет ничего страшного, если вам потребуется больше времени на выбор, чем вы планировали.

В этой статье мы рассмотрим, что такое технологический стек веб-приложения, какие технологии доступны для выбора, их преимущества и недостатки, отметим, какие технологии подходят для разных проектов. Также в статье вы найдёте рекомендации о том, как выбрать правильный стек технологий.

Что такое технологический стек

Технологический стек — это набор языков программирования, фреймворков и ПО, необходимых для разработки приложения.

Поскольку веб-приложения состоят из клиентской и серверной частей, требования к их функциональности меняют языки программирования, фреймворки и ПО, с помощью которых будет вестись разработка. Другими словами, требования к функциональности клиентской и серверной частей влияют на технологический стек.

Клиентская сторона — это видимая часть веб-приложения, с которой взаимодействуют пользователи. Есть 3 главных элемента разработки клиентской части любого веб-приложения:

• JavaScript — язык программирования, который отвечает за интерактивную часть веб-приложения.
• HTML — язык разметки документов, который необходим для правильного отображения веб-приложения в браузере.
• CSS — формальный язык, который необходим для правильной стилизации веб-приложения.

Если говорить о фреймворках, чаще всего для разработки клиентской части любого веб-приложения используются Bootstrap и React.js.

Серверная часть веб-приложения — это то, что не видит пользователь, потому что она находится под клиентской частью. Для разработки серверной части используются:

• Язык бэкэнд-программирования.
• Фреймворки.
• База данных.
• Сервер. Также возможна разработка веб-приложения с бессерверной архитектурой.

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

Тут мы рассмотрим, что такое технологический стек клиентской части.

Сравнение Frontend-фреймворков

Наиболее распространенными фреймворками являются React Angular и Vue.js. Они способны управлять 3 главными элементами клиентской части веб-приложения.

Ниже мы рассмотрим React, Angular и Vue.js, выделим их сильные и слабые стороны и рассмотрим, для каких веб-приложений они лучше всего подходят.

React

React — это UI-библиотека, которая была создана компанией-гигантом Facebook и которая более чем за 7 лет существования собрала вокруг себя многомиллионное сообщество. В отличие от Angular, React не является фреймворком. Именно поэтому он используется при разработке простых веб-приложений. React удобен при разработке сложной логики клиентской части, особенно когда есть очень много повторно используемых компонентов веб-приложения.

Экосистема этой UI-библиотеки состоит из множества элементов. JSX, например, очень полезен при разработке. Кстати, если вам необходимо мобильное приложение, можно использовать React Native, созданный специально для мобильных приложений.

Низкая стоимость и быстрые сроки разработки по сравнению с разработкой веб-приложения на Angular являются главными преимуществами этой UI-библиотеки. Более того, поскольку это очень распространенная технология, трудности при поиске квалифицированного React-программиста не возникнут. Это очень популярная UI-библиотека, которая вряд ли перестанет пользоваться спросом в ближайшие 10 лет из-за того, что поддерживается Facebook и имеет многомиллионное сообщество.

Вам стоит остановить свой выбор на React если:

1. Веб-приложение будет иметь широкий интерфейс и большое количество повторно используемых компонентов.
2. У вас есть React senior-разработчик.

React не стоит выбирать, если вы хотите, чтобы ваше будущее веб-приложение имело расширенную логику или у вас нет возможности нанять опытного разработчика. Поскольку эта UI-библиотека не требует написания качественного кода, часто веб-приложения получаются с багами и другими недостатками. Именно поэтому вам необходим senior-разработчик, который позаботится о качестве кода.

Angular

Angular является самым главным конкурентом React. Это фреймворк, который идеально подходит для комплексных веб-приложений с расширенной логикой. Он поддерживается Google, поэтому явно будет пользоваться большой популярностью в течение следующих 10 лет.

У этого фреймворка логика, шаблон и стили разделены на 3 файла. Этот фреймворк также очень хорошо интегрируется с MVC.

Разработка веб-приложений на Angular более длительная и качественная, чем разработка на React, потому что этот фреймворк требует планировать разработку еще до ее начала.

Увеличение стоимости и времени разработки веб-приложения на Angular компенсируется высоким качеством конечного веб-приложения. Главным недостатком разработки веб-приложения на Angular является то, что очень тяжело найти программистов, которые знают этот фреймворк. Дело в том, что изучать Angular очень сложно.

Вам стоит остановить свой выбор на Angular если:

1. Веб-приложение будет большое и комплексное с расширенной логикой и простым интерфейсом.
2. Для вас очень важно, чтобы веб-приложение было написано на качественном коде и обладало хорошей масштабируемостью.
3. У вас уже есть человек, который знает и имеет опыт разработки веб-приложений на Angular.

Angular является самым худшим вариантом разработки веб-приложения, если оно нацелено на максимально простой интерфейс и предполагает большое количество манипуляций с DOM.

Vue.js

Можно сказать, что Vue.js собрал в себе все самое лучшее от двух вышеперечисленных технологий. Vue.js — не фреймворк, а UI-библиотека. По сравнению с React и Angular это очень молодая технология. У этой UI-библиотеки нет многомиллионного активного сообщества и нет поддержки компании-гиганта вроде Facebook. Из-за этого нет уверенности в том, что Vue.js будет таким же популярным, как React и Angular через 10 лет.

Vuex в Vue.js гораздо легче поддерживать, чем Redux в React. Готовых решений у этой UI-библиотеки также очень мало.

Как показывает практика, Vue.js является прекрасной малобюджетной технологией. Благодаря тому, что он проще, чем React и Angular, нет необходимости в опытном разработчике. Эта UI-библиотека прекрасно подходит, если вам необходимо разработать небольшое веб-приложение максимально быстро.

Вам стоит остановить свой выбор на Vue.js, если:

1. Веб-приложение будет небольшое или вам необходимо разработать MVP.
2. У вас неопытная команда разработчиков и ограниченный бюджет.
3. Веб-приложение не предусматривает расширенную логику и сложный интерфейс.

На данный момент Vue.js пользуется большой популярностью среди небольших компаний-разработчиков.

JavaScript или TypeScript?

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

Например, если вы планируете разрабатывать веб-приложение на Angular, необходимо использовать TypeScript. В случае разработки веб-приложения на Vue.js и React необходимости в Typescript нет.

Использование TypeScript позволяет сэкономить время разработки веб-приложения благодаря уменьшению числа ошибок в коде. Он также имеет значительное влияние на процесс обслуживания приложения и упрощает его. Технология Typescript поддерживается всеми современными фреймворками. В случае, когда бэкенд веб-приложения не готов, однако вам известно, какие данные вы получите, TypeScript позволяет разработать пользовательский интерфейс заранее.

Тем не менее, у этой технологии есть один существенный недостаток. Её очень сложно настроить при разработке веб-приложения на React и Vue.js. Поэтому неопытные разработчики не используют ее в своей работе при создании веб-приложений. Опытным командам веб-разработчиков намного легче справиться с этой проблемой.

Технология TypeScript была создана компанией-гигантом Microsoft, поэтому она будет актуальной еще в течение очень долгого периода времени, возможно даже дольше, чем React и Angular.

Остановив свой выбор на TypeScript, вы значительно упростите разработку. Выбор этой технологии также поможет избежать большого количества очевидных проблем, которые возникают в случае использования Javascript.

CSS, Less или Sass?

Развитие фреймворков дошло до такого уровня, что сегодня вы можете самостоятельно решать, как писать стили в веб-приложении. Фреймворки обеспечивают разработчиков всеми важными элементами технологического стека.

Например, вести разработку большого веб-приложения на чистом CSS максимально неудобно. Процесс разработки большого веб-приложения будет очень сильно затянут из-за очень больших файлов CSS.

Использование препроцессора, такого как Less или Sass, упростит процесс разработки. Они максимально легко реализовываются в веб-приложениях, которые используют Webpack. Использование миксинов, наследований и переменных возможно как в Less, так и Sass. Из других преимуществ препроцессора — более чистый код.

Использование препроцессоров при разработке веб-приложений пользуется большой популярностью среди широкого круга компаний-разработчиков. Препроцессоры позволяют сэкономить время и не бояться проблем с поддержкой веб-приложения, когда оно будет масштабироваться.

Как сделать правильный выбор стека технологий для разработки веб-приложения

Ниже вы найдете советы о том, как правильно выбрать технологический стек для разработки веб-приложения.

Размер веб-приложения

Размер веб-приложения очень сильно влияет на разработку. Чем больше размер веб-приложения, тем более комплексная его разработка.

Срок разработки веб-приложения

Количество времени, которое есть на разработку веб-приложения, также влияет на выбор стека технологий. При небольшом количестве времени разработка веб-приложения должна вестись с помощью более простых технологий, для которых нет необходимости в планировании, а также наличия опыта у разработчиков.

Если на разработку веб-приложения выделено достаточно много времени, выбирать стек технологий стоит исходя из других факторов.

Безопасность веб-приложения

Сейчас очень сильно выросло количество кибератак на веб-приложения. Именно поэтому необходимо обращать максимум внимания на его безопасность.

Масштабируемость веб-приложения и его поддержка

При разработке веб-приложения важно думать о его будущем, в частности, о масштабировании и поддержке. Это не настолько трудная задача, однако многие разработчики забывают принять этот фактор во внимание при выборе стека технологий. Также не менее, важно обращать внимание на желаемую производительность веб-приложения.

Заключение

Технологический стек очень сильно влияет на будущее любого веб-приложения. Он влияет на стоимость его разработки, время разработки, масштабируемость и многие другие нюансы.

Ваш выбор технологий зависит от предназначения готового проекта. Поэтому изначально необходимо ознакомиться с преимуществами и недостатками всех доступных технологий, а затем посоветоваться с опытными разработчиками.

Мой новый стек веб-технологий для 2020 года

Помните те времена, когда стеки веб-технологий были простыми? Когда уровни этих стеков можно было обозначить в виде четырёхбуквенного сокращения вроде LAMP, LEMP или LEPP? Когда всё, что было нужно для создания и поддержки сайтов, сводилось к вполне обычному железу, к какому-нибудь опенсорсному софту, да к упорству в достижении цели?

Мой первый успешный сайт, теперь уже старинный проект 1999 года, был создан с использованием технологий, которые можно пересчитать по пальцам одной руки: HTML4, CSS2, JavaScript3 и Apache 1.1. Всё это крутилось на сервере с Linux 2.0. Сайт включал в себя 38000 страниц. И сегодня, через 20 лет, он всё ещё их выдаёт.

С тех пор всё изменилось. Это касается и стеков веб-технологий. Теперь они совсем не те, что прежде.

Автор статьи, перевод которой мы сегодня публикуем, хочет рассказать о том, как он перешёл от «фуллстека» к «стеку 2020 года». Некоторые технологии в ходе этого путешествия неожиданно стали фаворитами, а некоторые потеряли былую привлекательность.

Стек веб-технологий 2020 года

2020 год — это начало нового десятилетия. Это — время, когда стоит поговорить о новом стеке веб-технологий.

На что похож «стек 2020 года»? Надо сказать, что на это очень сильно влияет то, чего пытается достичь разработчик сайтов. Выбор подходящих уровней сильно зависит от того, какая степень масштабируемости требуется для проекта.

Меня особенно интересуют маленькие веб-сайты. Те, которые хорошо чувствуют себя на виртуальном сервере. Таким сайтам не нужны балансировщики нагрузки или постоянные хранилища данных. Это — ниша CMS, которую уже давно занимает WordPress. Но в основе всего этого лежит не некий минималистичный сервер. Вместо этого речь идёт о системе, которая может выдержать постоянный поток трафика без необходимости автоматического повышения её мощности в часы пик.

Сейчас для разработки и поддержки проектов в интересующей меня области я использую стек технологий, состоящий из 12 уровней.

▍1. Облачный провайдер

Базой моего стека является облачный провайдер, который учитывает потребности тех, кто привык сам заниматься тонкими настройками сред, в которых выполняются их веб-проекты. Я пользовался собственными серверами до тех пор, пока стоимость их поддержки не стала слишком высокой. Аренда места в серверной стойке, выделенный IP-адрес, обеспечение нужной полосы пропускания… Всё это вносит вклад в месячную стоимость физического сервера. Но настоящий «вымогатель» — это стоимость электричества. Облачные провайдеры гораздо дешевле, чем $1.25 в день, которые я отправлял поставщику электроэнергии. Отказ от подобных трат позволил мне сэкономить сотни долларов в год.

▍2. Дистрибутив Fedora Linux с SELinux

Безопасность — это то, что очень сильно всех нас беспокоит. SELinux можно сравнить с мощной охранной системой, работающей в Linux. Если к этому добавить ещё и хорошо настроенный iptables-файрвол, получится то, что позволит владельцу сайта спокойно спать по ночам. Если вы не уверены в том, что вам всё это нужно — проведите следующий эксперимент. Разверните новый сервер у вашего любимого облачного провайдера и понаблюдайте за тем, как скоро его начнут атаковать. Я видел, как брутфорс-атаки на новые сервера с попытками входа по SSH начинались менее чем через 10 минут после их создания.

▍3. Веб-сервер Read Write Serve

Я пользуюсь веб-сервером Read Write Serve с TLS-сертификатами от LetsEncrypt. Раньше я был фанатом Apache, на настройку и запуск новых веб-сайтов у меня уходило буквально несколько минут. Но с тех пор, как я перешёл с PHP на JavaScript, об Apache пришлось забыть. Сервер Express казался мне чрезвычайно простым инструментом, но лишь до тех пор, пока я не попытался воспроизвести в нём весь тот функционал, который давал мне Apache. Речь идёт о механизме согласования содержимого, об условном кэшировании, о сжатии данных, о перезаписи URL для SEO, о CORS, о политиках защиты контента. В результате я и перешёл на сервер Read Write Serve, в котором все эти возможности присутствуют по умолчанию.

▍4. Среда выполнения приложений Node.js

За логику приложения, выполняющуюся на сервере, отвечает среда Node.js. Возникает такое ощущение, что в экосистеме NPM имеются пакеты на все случаи жизни. Поэтому простыми и понятными оказались задачи по сборке из имеющихся пакетов того, что нужно именно мне, и по запуску всего этого на Read Write Serve. Для организации работы всего того, что нужно современному веб-проекту, не требуется прилагать чрезмерных усилий. Это — отправка электронной почты, работа с платёжными сервисами, обращение к базам данных, и всё остальное, подразумевающее работу с серверными API.

▍5. База данных MariaDB

Я пользуюсь сервером баз данных MariaDB. Это — форк MySQL, подвергнутый ребрендингу и освоенный опенсорс-сообществом. Когда мне нужно хранить неструктурированные JSON-данные, я пользуюсь PostgreSQL. Дело в том, что это позволяет мне выполнять запросы непосредственно по конкретным JSON-свойствам. Это немного похоже на MongoDB, но основано на привычном SQL-синтаксисе.

▍6. HTTP/2

Для организации связи между частями приложений я полагаюсь на возможности HTTP/2 с поддержкой постоянных соединений и с мультиплексированием потоков. Эти два дополнения к достойному уважения протоколу HTTP/1.1. изменили мой подход к формированию документов. Во-первых, исчезла проблема блокировки начала очереди. В результате пропала необходимость в спрайт-листах даже в том случае, если у меня имеются десятки маленьких изображений. Во-вторых, теперь не нужно оптимизировать JavaScript- и CSS-файлы, объединяя их в бандлы. После того, как соединение клиента и сервера установлено, все эти маленькие файлы без перебоев передаются по этому соединению.

▍7. HTML-шаблонизация с помощью Blue Phrase

Blue Phrase — это система шаблонизации, позволяющая в компактном виде точно описывать HTML-структуры. Для меня закончились времена нечитаемой мешанины из HTML-кода и несоответствий между открывающими и закрывающими тегами. В шаблонах я обычно использую лишь незначительное количество переменных (заголовок, описание, ключевые слова, SEO-данные, экран загрузки, дата и так далее) и размещаю их в шаблоне в декларативном стиле.

▍8. Написание кода страниц с помощью Read Write Doc

Когда я создаю новые страницы, я сосредоточен на том, что пытаюсь выразить, а не на их оформлении. Для решения этой задачи я пользуюсь Read Write Doc. Этот инструмент помогает мне заниматься делом, ни на что не отвлекаясь. Я пользуюсь им даже тогда, когда то, над чем работаю, планируется опубликовать на Medium (а там есть отличный онлайновый WYSIWYG-редактор). Я отношу себя к ветеранам веб-разработки, поэтому привык к моноширинным шрифтам, и к тому, чтобы мои руки были бы на клавиатуре, а не метались бы между клавиатурой и мышкой. В любом случае, если мне нужно увидеть то, над чем я работаю, с применением к нему CSS, я могу, с помощью простой комбинации клавиш, переключаться между режимами просмотра и редактирования.

▍9. Стандартные веб-компоненты

В области работы с веб-компонентами я придерживаюсь стандартов W3C. Это — теневая DOM, пользовательские элементы, HTML-тег <template> , ECMAScript-модули. Это позволяет мне полностью включать всё, что мне нужно, в пакеты, которые я распространяю через NPM. Для меня самым большим преимуществом всего этого стал тот уровень изоляции, который предоставляет теневая DOM. Это позволило избавиться от проклятья CSS, от загрязнения пространств имён.

▍10. JavaScript для клиентских скриптов

Для написания клиентских скриптов я пользуюсь модульным объектно-ориентированным JavaScript-кодом. Я применяю новые возможности стандарта ECMAScript только тогда, когда их поддержка появляется в свежих релизах браузеров. То есть, включаю их в свой арсенал в тот момент, когда вижу, что на caniuse.com «зеленеют» все основные браузеры. Я избегаю полифиллов.

▍11. Стилизация с помощью CSS

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

Дополнительное преимущество такого подхода заключается в том, что он полностью избавляет меня от проблемы, известной как FOUT — (flash of unstyled text, вспышка обычного шрифта).

▍12. Подготовка графических ресурсов с помощью GIMP и InkScape

И, наконец, для подготовки графических ресурсов я использую пару редакторов. Растровые PNG-изображения я готовлю с помощью GIMP, а векторные SVG-материалы — с помощью InkScape.

Технологии, которые потеряли былую привлекательность

Некоторые средства, которые раньше мне очень нравились, а также некоторые, которыми я увлекался лишь мимолётно, больше не входят в мой стек веб-технологий.

• Adobe Photoshop и Illustrator. Это — два замечательных приложения, которые многие годы удовлетворяли все мои потребности в работе с графикой. Я с грустью говорю им «прощайте» и благодарю их за то, что они были со мной. Теперь всё, что мне нужно, дают их бесплатные опенсорсные заменители.
• jQuery. Эта библиотека стала ненужной тогда, когда закончились войны кросс-браузерной совместимости. Единственной ценнейшей для меня возможностью jQuery был синтаксис селекторов. Он оказался настолько востребованным, что в 2009 году был добавлен в DOM в виде querySelector .
• AJAX. Этот прародитель Web 2.0. теперь превратился в пережиток прошлого. API XMLHttpRequest заменяется современным и более простым API fetch , а JSON приходит на замену XML.
• SASS/SCSS. Я признаю то, что написание CSS-кода без переменных было неэффективным, в результате SASS многим пришёлся по душе. И модули тоже были весьма важной возможностью. Но в итоге для того, чтобы всё это использовать в JavaScript, нужно было потратить слишком много времени и сил. При этом, наряду с развитием вспомогательных инструментов для работы со стилями, стандарт CSS тоже не стоял на месте. В результате различные средства для преобразования CSS-кода постепенно уходят в прошлое.
• БЭМ. Схема именования сущностей БЭМ (Блок, Элемент, Модификатор), используемая при формировании имён CSS-классов, решает проблему глобального пространства имён. Но за это приходится платить использованием очень длинных конструкций. Я перешёл к родительским/дочерним селекторам в семантических элементах, предпочтя более лёгкий подход идентификаторам и именам классов.

1. До появления HTTP/2 с поддержкой постоянных соединений и мультиплексирования потоков мы находились в зависимости от возможностей этих инструментов по сборке бандлов ресурсов приложений. Но бандлинг ничего нам не даёт в мире, где есть HTTP/2.
2. Стандарт ECMAScript 2015 был новым словом в JavaScript-разработке, все бросились использовать новые возможности языка в тот самый момент, когда они увидели свет. Однако тут была одна проблема. Код, написанный с использованием новых возможностей, не поддерживался браузерами. Поэтому его приходилось транспилировать в ECMAScript 5-код. В этом деле мы полагались на Babel, его применение стало стандартным шагом подготовки веб-проектов к публикации. Сегодня же все необходимые мне новые возможности языка доступны буквально повсюду. В результате Babel мне больше не нужен.
3. До появления в браузерах возможности динамического импорта модулей код приходилось транспилировать в формат CommonJS. Теперь же большинство основных браузеров поддерживает <script type=’module’> (да и Edge 76+ скоро подтянется). В результате скоро мы сможем поздороваться с ECMAScript-модулями и попрощаться со всем остальным.

Технологии, которые стали фаворитами

Вот обзор тех уровней моего технологического стека, которыми я особенно впечатлён:

• JavaScript-модули. Модули отлично зарекомендовали себя в серверном JavaScript-коде. И я безмерно рад тому, что наконец могу использовать их и на стороне клиента.
• Объектно-ориентированный JavaScript. Вот пять золотых правил объектно-ориентированной JavaScript-разработки:

1. Заменяйте анонимные объекты именованными классами.
2. Объявляйте и инициализируйте все свойства объектов в конструкторах.
3. Защищайте объекты от изменений сразу после создания.
4. Объявляйте методы с неизменными сигнатурами.
5. Привязывайте this к каждому коллбэку.

Итоги

Раньше стеки веб-технологий вполне могли включать в себя всего четыре элемента. Но в современных условиях никого не удивишь стеком, состоящим из двенадцати уровней. Не хочу выглядеть как человек, озвучивающий общеизвестные истины, но, всё же, завершая этот материал, скажу о том, что у каждого разработчика может быть собственный стек. И мне было бы крайне интересно узнать о том, что другие назовут своим «идеальным стеком веб-технологий 2020 года».

Уважаемые читатели! А какой он — ваш стек веб-технологий 2020 года?

Что такое стек технологий. Объясняем простыми словами

Стек технологий (от англ. stack — «стопка») — это набор технологий, на основе которых разрабатывается сайт или приложение.

Стек включает в себя языки программирования, фреймворки (программная среда для разработки), системы управления базами данных, компиляторы (переводят текст, написанный на языке программирования, в набор машинных кодов) и так далее.

Выбор конкретного стека зависит от архитектуры проекта, сложности и функциональности сайта, системных требований — какую выбрать операционную систему и систему управления базами данных, какой использовать веб-сервер и язык программирования.

Например, для веб-разработки стек технологий может выглядеть так:

• операционная система Ubuntu Server;
• веб-сервер Apache;
• система управления базами данных Oracle или MySQL;
• язык программирования PHP;
• фреймворк Yii.

Примеры употребления на «Секрете»

«ИТ-специалисты должны чётко представлять, что ключевое в EdTech — открытость API, возможность интегрироваться с другими платформами, а также использование современного стека технологий».

(Основательница Smart School Pro Елена Игнатьева — о типичных ошибках образовательных стартапов.)

«Если применить подход в лоб и ориентироваться только на цену, то вы рискуете получить команду, которая не даст вам искомых показателей эффективности. К примеру, при выборе рекламного агентства следует обратить внимание на размер и опыт команды, стек используемых технологий, клиентский портфель и отзывы».

(CEO Realweb Partners Эмин Аветисян — об ошибках офлайновых компаний при выходе в онлайн.)

Нюансы

Любое веб-приложение состоит из двух частей — клиентской и серверной. Клиентская сторона охватывает всё, что пользователи могут видеть на экране.

Важнейшие элементы технологического стека в клиентской части:

• язык разметки веб-страниц HTML, который отвечает за отображение содержимого в браузере;
• язык описания внешнего вида документа CSS, который стилизует контент;
• язык для доступа к объектам приложений Javascript — отвечает за интерактивную часть веб-приложения.

Серверная часть приложения готовит данные для клиентской части. Здесь придётся выбрать:

• язык бэкенд-программирования (отвечает за функционирование внутренней части сервиса), такой как PHP, Java или C++;
• фреймворки, например, Spring или .NET;
• система управления базами данных — PostgreSQL или MongoDB;
• веб-сервер, к примеру, Apache или Nginx.

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

Если клиент планирует продавать одежду через небольшой онлайн-магазин, ему не понадобятся параллельная обработка больших объёмов данных (noSQL) и механизм распределения нагрузки (load balancing), заточенный на одновременную поддержку 1 млн пользователей. В то же время клиенту, который планирует продавать тысячи товаров в день, не подойдёт решение на базе бесплатного движка сайта (CMS) с дешёвым хостингом.