00:00:00:00
Начни учиться со скидкой 50%!
Our Website is Almost Ready
Launch a targeted campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds
03 августа

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

Кто Элтон Джон, а кто просто парень

Начнем с главного инсайта: фронтенд не может существовать без бэкенда, как и бэкенд без фронтенда. Эти вещи – два сапога пара, работающие на создание одного web-продукта. Поэтому на интернетовских просторах их рассматривают вместе. Этот моментик уяснили. Теперь давай разберем, чем они отличаются и при чем тут этот мем?

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 и чем он хорош?

            #Входи в айти вместе с TeachMeSkills. По промокоду "РАЗРАБОТКА08" мы дарим тебе скидку в размере
            100 BYN на ЛЮБОЙ курс.


            *бонус будет действовать только при первичном обращении и последующем заключении договора
            Над материалом работал Николай Костюков
            Понравился материал? Поделись им с друзьями!

            Стань востребованным IT специалистом

            Наша цель — дать тебе знания и опыт, достаточные для трудоустройства в крупнейшие IT компании.