Paradigma Google Ads
13

Какие технологии используются при разработке сайтов

В данной статье хотим затронуть основные технологии для разработки сайтов. Здесь не будет “кучи” заумных терминов, все понятно и доступно. Рассмотрим только самое важное и необходимое, что надо понимать вам, как клиенту, когда заказываете разработку сайта для себя или компании.

В закладки

Начнем, пожалуй, с главного. Любой сайт состоит из двух основных частей: визуальной (front-end) и программной (back-end). Т.е. первая часть отвечает за то, что видит пользователь и может производить какие-либо действия (открывает разделы, читает информацию, заполняет формы, покупает товар, одним словом взаимодействует с интерфейсом), а вторая часть обрабатывает все, что делает пользователь (покупка товара, отправка форм…), хранит информацию, которая выводится для пользователя (картинки, текст…), а также позволяет администрировать сайт без изменения программного кода. Дальше разберем каждую из них подробнее.

Front-end или попросту визуальная часть — это все, что обрабатывает браузер и выводит на экран. Технологии, которые здесь применяются: HTML, CSS и JavaScript.

HTML (HyperText Markup Language) говорит браузеру, о содержании на странице, например, это «заголовок», «список», «элемент списка», «гиперссылка».

CSS (Cascading Style Sheets) говорит браузеру, как отображать элементы, например, «первый заголовок имеет размер шрифта 30 пикселей и написан шрифтом Verdana» или «все гиперссылки на сайте должны быть красными, без нижнего подчеркивания».

JS (JavaScript) говорит браузеру, как реагировать на взаимодействия пользователя с интерфейсом, используя легкий язык программирования.

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

Большая часть сайтов строится примерно так: HTML + CSS и немного JavaScript, но, примерно, с 2016 у нас стали набирать популярность JavaScript фреймворки, которые скажем так, заменили стандартный подход (HTML + CSS и немного JS), на что-то типа JS и не надо нам HTML + CSS 🙂

Сейчас самые популярные JS фреймворки: React (представленный Джордан Волк, инженером из Facebook в 2013 году) и Vue.js (представленный в 2014 году Эван Ю, который работал в Google).

Грубо говоря, для реализации визуальной части есть 2 варианта: стандартный (HTML + CSS и немного JavaScript) и, более сложный, — JS фреймворки. Сразу стоит сказать, что первый вариант проще и дешевле (чаще всего быстрее). Технология JS фреймворков сложнее, хорошие специалисты более дорогие, соответственно и разрабатываемый проект выйдет дороже.

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

Главное, что вам надо понимать как заказчику, что если предлагают JS фреймворк, проект сразу удорожается, и надо понять, для чего именно в вашем проекте данная технология. Если разработчик дает на это четкие обоснования, стоит рассмотреть использование JS фреймворка в проекте. Если же обоснования из серии: мы так всегда работаем, мы применяем только такие технологии, ну JavaScript фреймворк лучше, это же новая технология, за этим будущее… стоит задуматься о профессиональности данных разработчиков 🙂

Теперь перейдем к back-end (программная часть) — тут ситуация схожая с Front-end, но в силу отличий самих технологий, все же имеет разницу. Сразу замечу из основных вариантов, здесь тоже 2.

И так, не буду углубляться в языки программирования, скажу лишь, что на сегодня преимущественно программная часть сайтов создается на PHP (это примерно 80 %). На базе этого языка как раз и есть 2 основных варианта разработки программной части сайта: CMS платформы (так называемые готовые движки) и PHP фреймворки.

И так, не буду углубляться в языки программирования, скажу лишь, что на сегодня преимущественно программная часть сайтов создается на PHP (это примерно 80 %). На базе этого языка как раз и есть 2 основных варианта разработки программной части сайта: CMS платформы (так называемые готовые движки) и PHP фреймворки.

CMS платформы — это готовые системы управления сайтом. В большинстве своем это бесплатные (open source) платформы. Например: WordPress, Joomla, Drupal, Magento, Opencart. Кстати на WordPress на 2019 год работает 25 % сайтов в интернете. Т.е. четверть сайтов во всей глобальной сети на WordPress!

В чем плюсы и минусы

Плюсы в быстроте, простоте, удобстве. Минусы в том, что если Вам надо что-то нестандартное (например сервис объявлений, как olx.ua или интернет магазин с маркетплейсом, как rozetka.ua), то за такие CMS вообще не стоит думать. Тут вариант PHP фреймворки.

PHP фреймворки дороже, сложнее и имеют больший срок разработки. И если для создания сайта, например на WordPress, не надо быть особо “грамотным” программистом, то, чтобы сделать сайт на PHP фреймворке, надо иметь хорошее понимание в написании кода. Из-за этого и встает вопрос цены. Специалисты по PHP фреймворкам дороже и времени на разработку уходит немного больше. Так и цена на разработку вашего проекта вырастает.

На 2019 год наиболее популярные фреймворки: Laravel и Symfony. Есть конечно и другие, но наиболее популярные и постоянно развивающиеся все же эти 2.

Заключение

Подведем итог: если вам нужен простой сайт, без лишних наворотов, нет смысла переплачивать и тратить лишнее время, используйте в разработке HTML + CSS и немного JavaScript, поставьте это все на WordPress и наслаждайтесь сайтом :). Если же проект сложный и нестандартный, постоянно будет развиваться и меняться, не стоит экономить. Найдите хороших разработчиков на React или Vue.js, поставьте все на Laravel или Symfony (кстати Vue.js и Laravel по задумке разработчиков идут в связке, но можно использовать их и отдельно) и развивайте проект.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Paradigma Google Ads", "author_type": "self", "tags": [], "comments": 0, "likes": 0, "favorites": 1, "is_advertisement": false, "subsite_label": "unknown", "id": 100736, "is_wide": true, "is_ugc": true, "date": "Sat, 11 Jan 2020 18:46:38 +0300", "is_special": false }
Создать объявление на vc.ru
Онлайн-курс по Digital PR от Nimax
3 февраля Онлайн 14 900 ₽
0
{ "id": 100736, "author_id": 419764, "diff_limit": 1000, "urls": {"diff":"\/comments\/100736\/get","add":"\/comments\/100736\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/100736"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 419764, "last_count_and_date": null }
Комментариев нет
Популярные
По порядку
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }