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

Заказчик в свою очередь передает готовый макет программисту который пишет код. Для написания кода который отвечает за видимую часть контента на Веб-Странице, принятую называть термином Front-End исполнитель использует три основных языка: HTML, CSS и JavaScript. HTML – это язык гипертекстовой разметки. Он отвечает за контент отображаемый на странице, за текст на ней, ссылки ведущие на другие сайты или страницы, картинки, таблицы и другое. Но очевидно, что плохо оформленный текст очень тяжело воспринимать, здесь на помощь программисту и пользователю приходит СSS. CSS (Cascading Style Sheets) в переводе с английского это значит каскадные таблицы стилей. Этот язык в свою очередь делает страницу насыщеннее. С помощью него можно добавить фоновую картинку, увеличить или уменьшить размер шрифта, убрать отступы, заблокировать элемент, добавить эффект при наведении и многое другое. Одна из самых важных функций CSS – изменение отображения страницы в зависимости от устройства. Так например при входе на сайт с компьютера, увиденное будет сильно отличатся от отображения с телефона или планшета.

JavaScript – это уже настоящий язык программирования, с помощью него даже можно писать игры в Unity. Этот язык делает страницу интерактивной. С помощью него можно написать функции которые выводят случайное число, случайный текст, можно заблокировать элемент HTML и многое другое. Но существует также «обратная» сторона Front-End'a – Back-End. Back-End отвечает за серверные данные.

Например, с помощью него вы можете добавить на сайте обратную связь, регистрацию и вход (Если регистрация будет написана без использования серверных языков, данные просто не будут сохранятся. Вам придется каждый раз заново добавлять информацию о себе, придумывать логин и пароль. Но в итоге это тоже не будет сохранено.)

Для такого программирования подойдет множество языков: Python, C#, PHP, java, Ruby. Для программирования на HTML, CSS, JavaScript достаточно текстового редактора, но для серверных языков нужно настроить сервер, но не печальтесь раньше времени, если ваш сайт еще не очень большой, использовать можно ваш компьютер. Как настроить для этого вашу «машину» я расскажу в следующий раз. После написания последних строк кода последним рубежом является выкладка готового проекта на всеобщее обозрение, сайт нужно выложить на хостинг, в интернет.

Что такое хостинг?

Если простыми словами: Хостинг предоставляет некоторое количество места на сервере. Там и хранится код, картинки, видео и прочие файлы с сайта. Хостинг бывает платным и бесплатным. В зависимости от этого бывают ограничения на объем места выделяемого на нем, а также ограничения на доменное имя. Домен – это «имя сайта» , он заменяет ввод IP адреса – уникального идентификатора устройства. Согласитесь, проще ввести vk.com чем «93.186.224.100». Проще говоря, доменами называют то что вы видите у себя в адресной строке браузера. Домены так же бывают разноуровневыми. Например .ru, .com, .ua являются доменами первого уровня, сайты .com.ua, .tumblr.com – второго уровня, а .kl.com.ua – третьего уровня.

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