Чем отличается Front End от Back End?

Front End – клиентская сторона пользовательского интерфейса в программно-аппаратной части сервиса. Проще! Это то, что видит пользователь. И да, это не очередная коллаборация Бари…

Back End – программно-аппаратная часть сервиса, отвечающая за функционирование его внутренней части. То есть этот чувак в черном, который невзрачный, но весьма важный в работе любого сайта.

Так в чем разница?

К Front End относят вёрстку, цвета, шрифты, графические элементы и тд.

"Задача Front End разработчика – сделать все так, чтобы человек хотел приобрести продукт и им пользоваться, т.е. «фронт» отвечает за клиентскую часть. Front End – это первое свидание, это про то, чтобы понравиться пользователю", – Виталик Залуцкий, Front End Engineer в SaM Solutions и преподаватель в TeachMeSkills.

Для достижения этой потребительской симпатии фронтендщик использует в работе HTML, CSS и JavaScript.HTML – фундамент любого веб-сайта. Применяют его для «обрисовки» визуальной часть ресурса. Но прикол в том, что сам HTML не является языком программирования, а представляет собой теги, которые помогают браузеру правильно отображать содержимое.

CSS – лучшая подружка HTML. Они всегда работают в связке. CSS помогает отформатировать контент HTML-документа так, чтобы он был более привлекательным и читабельным. Цвет, шрифт, прозрачность, заливка – все это дело рук… тегов CSS.

JavaScript – единственный язык программирования для браузера. Дает сайту логику: отображает видео, прокручивает фотографии, анимирует графику. Изучив этот ЯП, можно, кроме сайтов, писать и мобильные приложения. Но это уже другая история.

О том, как войти в мир мобильной разработки, читай в нашей статье: Мобильная разработка: iOS, Android или Flutter

Чтобы понять лучше, проведи эксперимент: открой любой сайт, хоть ютуб. Через нажатие правой кнопки мыши выбери "Посмотреть код страницы". То, что ты увидишь, и будет примером Front End.

Теперь поговорим о сером кардинале разработки – Back End, с помощью которого происходит реализация логики сайта. Проще! Back End – все, что творится вне компьютера и браузера.

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

Для создания архитектуры любого веб-продукта Back End разработчик использует язык программирования, выбор которого зависит от проекта и задач. Рассмотрим самые популярити ЯП.

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

Java – легко читает и реализует сложные проекты. Имеет большое количество библиотек, сред разработки и фреймворков, а также огромное комьюнити, которое готово подсказать и помочь.

Ruby – любим многими за свою оптимизированность: чтобы решить одну и ту же задачу, Java-разработчику понадобится 100 строк кода, а Ruby-программисту – 10. Простой, понятный и лаконичный. Отлично подходит как первый язык для изучения.

C#(.Net) – не теряет популярность вот уже 20 лет. Имеет единый язык C#, позволяющий создавать приложения любого типа. "Ты себе точно не навредишь, если выучишь язык программирования, поскольку применение ему можно найти практически везде", – Александр Варкалов, Python-разработчик ISsoft и ментор TeachMeSkills.

Кратко резюмируем

Плавное перелистывание картинок, меняющиеся цвета кнопок при наведении курсора, отображение количества товаров в корзине – все это Front End.

Сам процесс добавления товара в корзину и его оплата, переадресация на нужную страницу после нажатия кнопки и тд – Back End.

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

Если тебя заинтересовала Front End или Back End разработка, то велкам к нам на курсы, где мы прокачаем твои скиллы для работы в топовых IT компаниях.

И обещанные полезности

Посмотреть:

Про Backend и не только / PYTHON / Александр Сидоров
Что еще полезно знать молодому Front-End-разработчику / Дмитрий Мартынюк

Послушать:

C# vs. JAVA: Сделай Правильный Выбор!
Что такое Python и чем он хорош?