Основы создания сайтов или «с чего начинается родина»

July 6, 2015

Приветствую тебя читатель! В этой статье, я хочу рассказать о моём видении сайтостроения или создания веб-приложений. Я постараюсь осветить основные понятиях создания сайта, из каких основных этапов состоит создание веб-сайта и дам ответ на вопрос «А с чего начать с front-end или back-end?»

Что такое сайт?


Определимся с тем, что такое сайт. «Сайт — система электронных документов частного лица или организации в компьютерной сети под общем адресом(доменом)» — говорит нам Википедия.
Я дам, несколько, другое толкование: Сайт — программа работающая по принципу клиент-сервер, где клиент — это браузер, а сервер — это программа работающая на удалённом компьютере. Удалённый компьютер называют сервером.

Чем занимается программа на сервере? В общем и целом она принимает данные от клиента, обрабатывает их и результатом отправляет клиенту HTML код.
Стоит оговориться, что программа на сервере не всегда отправляет клиенту (возвращает) HTML код, она так же может отправлять, например, JSON или XML.

Браузер занимается тем, что обрабатывает HTML код, который ему присылает программа работающая на сервере, и в результате вы получаете картинку в своём окне браузера. По мимо HTML кода, браузер так же обрабатывает CSS и JavaScript код, если таковой имеется.

Итак, мы определились с двумя основными понятиями браузер и сервер. В сфере веб разработки браузерную часть приложения называют front-end, а серверную back-end

Основные части сайта:


Условно сайт состоит из нескольких частей: вёрстка, бизнес-логика, база данных. Пойдем по порядку:

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

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

База данных. Как таковая база данных предназначена для организации и хранения данных.

Основные этапы создания


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

Далее создается техническое задание — ТЗ. На этом этапе строго определяется, что должно получиться в результате создания сайта.

Далее создается макет сайта. На этом этапе прорабатывается визуальная часть сайта.

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

После завершения предыдущих процессов шаблон верстается. Визуальное представление описывается HTML, CSS и при необходимости JavaScript кодом.

Следующим шагом описывается функциональность сайта или, иначе говоря, пишется программа.

Стоит отметить, что если сайт разрабатывается группой разработчиков, то некоторые процессы могут выполняться параллельно.

Куда податься?


Многие начинающие разработчики задаются вопросом: «С чего начать? С фронт-энда или с бэк-энда». В действительности, все зависит от вас!
Если вам нравится писать логику программ, разрабатывать алгоритмы, и вы не особо дружите с дизайном, то стоит начать с back-end.
Если вам нравится прорабатывать дизайн, разрабатывать графические решения и вы не любите IE, то стоит начать с front-end.

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

Заключение:


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

Запись Основы создания сайтов или «с чего начинается родина» впервые появилась For Web.

Source: http://forwebdev.ru

Комментарии

comments powered by Disqus