Опубликовано пользователем juan
Что такое сайт
В предыдущей статье были рассмотрены вопросы целесообразности приобретения такого информационного продукта, как сайт.
Под сайтом в данном случае понимается любой информационный продукт, взаимодействие с которым ведется с помощью веб-браузера. Это может быть, как сайт, так и CRM, форум, портал банковских услуг и любое другое веб-решение.
Целью этой статьи является попытка объяснить сложность производства сайтов с технической точки зрения.
В чем проблема (почему была написана эта статья)
Очень многим людям, далеким от информационных технологий, кажется, что все очень просто. Ну что такого – сделайте сайт. Это же несложно – взял да сделал.
Такое утверждение верно только в одном случае – если я хороший специалист и делаю сайт для себя (прекрасно зная, что мне нужно на выходе). Во всех остальных случаях производство сайта или любого другого информационного продукта – это сложный процесс, требующих проявления дипломатических качеств и понимания как со стороны исполнителя, так и заказчика.
Среди разработчиков этот феномен называется «Google за полчасика». У этой поисковой системы очень просто выглядит главная страница, поэтому её можно сверстать за 30 минут. А алгоритмы, с помощью которых он работает, не видны пользователю. А это самое главное!
Из чего состоит сайт
Ниже приводится список того, из каких технологий получается рядовой сайт-визитка.
1. HTML
Язык гипертекстовой разметки применяется для вывода на экран браузера всей нужной информации. То, что пользователь видит на в окне браузера – это оформленный и отформатированный HTML.
2. CSS
Чистый HTML-контент выводится с помощью блоков, которые распложены вертикально. Без форматирования, различных красивых эффектов, цветового оформления и прочих привычных вещей. Для того, чтобы поместить один блок справа от другого, сделать шрифт пожирнее, задать ему какой-то несложный эффект, сделать фон чуть потемнее, сделать сайт адаптивным – для всего этого нужна технология CSS.
Помимо «чистого» CSS, на сегодняшний день используются её модификации, такие как SCSS, LESS, SASS.
3. JavaScript (сокращенно, JS)
Технологии, перечисленные выше, отображают контент и позволяют его красиво оформить. Однако этого недостаточно. Многие сайты снабжаются различными всплывающими окнами (в том числе диалоговыми), динамической заменой элементов, плавной прокруткой и другими вещами. Все эти вещи можно реализовать с помощью JavaScript. В отличие от HTML и CSS, JavaScript - это полноценный язык программирования. Причем достаточно непростой в освоении.
На сегодняшний день многие разработчики используют различные библиотеки, которые упрощают работу с JavaScript. К таковым относится JQuery.
Технологии, описанные выше, работают на внешнюю сторону сайта. Эту сторону также называют frontend. Это как кузов у автомобиля – красивые двери, фары, летящий силуэт. Однако для полноценного автомобиля недостаточно одного кузова: нужен двигатель, коробка передач, механизм трансмиссии, ходовая часть. Все эти вещи также важны, хотя они и не видны невооруженным глазом, в отличие от элементов кузова.
4. У современных сайтов тоже есть свой двигатель, а также механизм передачи данных. Об этом – ниже. Данная часть веб-приложений также называется backend.
Современные двигатели для сайтов разрабатываются с помощью различных языков программирования. К таковым относятся:
- PHP
- Java
- C#
- Python
- Ruby
- JavaScript (тот самый, что был описан выше).
Двигатель не виден обычному пользователю, но он позволяет системе работать. Двигатель получает от пользователя команды и отдает результат, который оформляется в виде HTML, отформатированный с помощью CSS с эффектами JavaScript.
Любой двигатель имеет свои преимущества и недостатки. Их рассмотрение выходит за рамки статьи. Однако без него сайт не будет работать автоматически (как и автомобиль без двигателя, который никуда не поедет).
Далее, помимо двигателя, автомобилю нужно топливо (бензин, дизель, газ или электрическая энергия). Даже самый лучший двигатель не сдвинет автомобиль без топлива.
Так же и у сайтов. Для работы двигателю нужно топливо. И таким топливом является информация (или контент). Эта информация должна откуда-то браться и куда-то записываться (аналогия с автомобильным баком). Для этого используется база данных, которая хранит информацию для сайта. База данных может работать с помощью языка SQL. Наиболее популярная из SQL-баз на уровне сайтов-визиток – это MySQL. Рассмотрение баз данных выходит за рамки данной статьи.
Таким образом, мы видим, что используется еще одна технология – это SQL.
Простейший сайт-визитка на WordPress работает с помощью следующих технологий:
- HTML;
- CSS;
- JavaScript;
- PHP
- MySQL.
Более сложные веб-приложения работают с большим количеством технологий. Их рассмотрение выходит за рамки данной статьи.
Надеюсь, данная статья дает представление о том, насколько сложной системой является даже самый простой сайт-визитка. И работа над таким сайтом зачастую является сложной, если разрабатывается индивидуальное решение.