Автор оригинала: FreeCodeCamp Community Member.
Сайты и приложения сложны! Кнопки и изображения – это только вершина айсберга. С такой сложности вам нужны люди, чтобы управлять этим, но какими частями являются разработчиками переднего конца и ответственные за разработчики задней части?
- Многие слои развития
- Но мы не все полные стеки
- Так вчем разница между развитием переднего конца и развитием задней части?
- Что такое разработка переднего конца?
- Что такое развитие заднего конца?
- Где вещи получают нечеткий
- Ресурсы для изучения
Многие слои развития
Независимо от того, работаете ли вы на веб-сайте или встроенном приложении IOS, все среды развития делятся общей темой – есть передний конец на приложение и задний конец.
Эта линия может быть размытыми, особенно учитывая рост JavaScript и Смертный Мир. С инструментами несколько сливается вместе, мы могли бы иногда удивляться, если мы Полный сложный разработчик Отказ
«Полный» разработчик. pic.twitter.com/yfymqmjjgq.
Но мы не все полные стеки
Столько, сколько мы все могли бы все хочу быть Мы не все полные разработчики стека. Лично я могу быть в состоянии быть продуктивным в задней части приложения, но это не моя сила, и я очень предпочитаю быть головой настроив на здание УИ
И некоторые люди находятся наоборот, где они самые сильные отношения со зданием API на заднем конце приложения, и хотя они могут построить интернет-интерфейс, это может быть больше опыта, подобного прототипу, чем воплощенное применение.
Так вчем разница между развитием переднего конца и развитием задней части?
Даже если вы полный разработчик стека, это не значит, что нет разделения обязанностей.
Так что же такие выглядят?
Что такое разработка переднего конца?
Передний конец приложения обычно относится к слою, который представляет интерфейс UI (пользовательский интерфейс). Это может включать в себя что-либо с статического сайта с HTML и CSS в полный Реагировать Приложение, которое способствует интернет-интерфейсу.
Что такое развитие переднего конца традиционно выглядит?
JavaScript в настоящее время правит передней панелью, но это не всегда было так. Хотя он мог быть использован для добавления небольших битов взаимодействия на сайт, как правило, передние концы отображаются с использованием языков шаблонов боковых серверов, таких как Framework PHP и Шаблон Toolkit ( Perl ).
Это стало супер популярным на практике с домашними ратусами или инструментами, такими как WordPress Это использовало PHP для вождения массивного сообщества разработчиков, которые создали свои сайты с этими инструментами.
То, как он сработал, был шаблонным языком, смог получить свои данные прямо с сервера, как это было сделано. Когда браузер запросил страницу непосредственно из начала происхождения (сам сервер), независимо от того, какими бы данными шаблон нуждается в логике приложения, в то время предоставит.
Некоторые из более традиционных инструментов переднего конца включают в себя:
- Библиотеки, как jquery или Mootools
- Структуры веб-сайтов, такие как WordPress.
- Равнина CSS.
- Обильное использование Таблица элементы
Но со временем JavaScript продолжал становиться более зрелым, как язык, и браузеры продолжали становиться более мощными, что привело к идее, что мы могли бы переместить больше этой работы в браузере, чтобы построить более быстрый и более интерактивный опыт.
Как сейчас выглядит переднее положение?
Сейчас распространено, чтобы увидеть, как JavaScript-Heake Websies и Apps, построенные с использованием фреймворков пользовательских пользователей, таких как Реагировать , Vue и Угловой Отказ Эти инструменты предоставляют абстракции, которые позволяют разработчикам создавать комплекс UIS с многоразовыми шаблонами, такими как компоненты.
Когда браузер загружает страницу, страница получает начальный HTML-документ, который также включает в себя тег скрипта к JavaScript (как всегда). Но после того, как JavaScript загружает, он достигает API, используя запросы браузера, которые при выполнении, обновите страницу, чтобы заполнить любые динамические данные, которые вы обычно ладят вместе с этим первым HTML-документом.
Хотя он звучит как больше шагов, он обычно предоставляет более быструю начальную страницу нагрузки и рендеринга, не говоря уже о том, что он имеет большой опыт разработчика. Поставляя меньше на этот первый запрос и расставлять приоритеты, какие нагрузки после этого он обычно заканчивается как лучший пользовательский опыт.
Некоторые из передних инструментов, которые более распространены и растут в популярности, включают в себя:
- UI Frameworks, как Реагировать или Вариант
- Веб-каркасы, такие как Гэтсби
- Компиляторы, как Варить
- Будучи, как WebPack
- Инструменты CSS, такие как Сасс
Но эти API, будь то, за которые мы платим или создаем себя, должны быть построены где-то Отказ Вот где приходит конец.
Что такое развитие заднего конца?
Задний конечный слой обычно там, где происходит бизнес-логика. Это может быть супер комплекс, как правила, которые определяют доход для компании электронной коммерции или что-то более распространенное, как профиль пользователя.
Что такое развитие заднего конца традиционно выглядит?
Задние концы приложений были исторически построены с использованием языков сервера, таких как PHP или Ruby Отказ Идея состоит в том, что у вас есть сервер, который вам нужно выполнить сложные операции, поэтому способ сделать это с языком, который будет понимать сервер.
По каждому запросу на сервер бэкэн выполнит полную стопку операций, включая рендурирование переднего конца. Используя Frameworks или Diy архитектуры, задний конец примет запрос, выяснить, что он должен сделать с этим запросом, выполнить любую бизнес-логику, необходимую с запросом, и предоставить передний конец любых данных, которые нужно будет отображать ответ на этот запрос.
Некоторые из более традиционных задних инструментов включают в себя:
- Дорожные или удаленные управляемые серверы, такие как Стойкость
- HTTP-серверы, используя Apache.
- Базы данных, такие как Mysql.
- Языки на стороне сервера, такие как PHP или Перл
- Фрезы приложений, как Рубин на рельсах
Как сейчас выглядит разрабатывание в последнее время?
Стеки задней части выглядят несколько похожи на то, как они делали раньше, помимо более новых шаблонов кода, за исключением чаще вы увидите, что концы спины предоставляют данные через API с помощью HTTP-запросов, а не напрямую на шаблоны.
В то время как основание не отличается от Super, он на самом деле становится все более сложным, поскольку вы должны иметь дело с различными последствиями безопасности, которые могут поставить под угрозу вашу систему, если не правильно настроен, например, оставляя API, открывающую для публики, которая возвращает конфиденциальные пользовательские данные.
Но и как работает сервер, может быть совершенно другим. Пока ранее мы могли бы запустить наш Python на нашем собственном управляемом сервере (мы все еще можем), теперь мы можем использовать функции без сердца с помощью таких инструментов AWS LAMBDA Это упрощает, как мы управляем кодом.
В то время как « Serverless » не обязательно означает, что нет буквальных серверов, это означает, что в качестве сервиса разработчик не должен беспокоиться о поддержании этого сервера и вместо этого может просто сосредоточиться на коде, который им нужно запустить Отказ
Некоторые из задних конечностей, которые более распространены и растут в популярности:
- Облачные серверы, такие как AWS EC2.
- Serverless Services, как AWS LAMBDA
- NoSQL базы данных, такие как Монгодб
- Языки, как Python или JavaScript через Oddjs.
- Web Applications Framework, как Смертная рамка
Где вещи получают нечеткий
Часть поворота с концами спины теперь вы можете записать задний конец с помощью JavaScript. С наличием Node.js Разработчики были предоставлены возможность использовать свой любимый язык браузера, чтобы сделать большую часть того же вещей, которые они были использованы и знакомы, но теперь на сервере.
Несмотря на то, что не у всех любят бегать JavaScript в качестве языка сервера, он немного проще в использовании одного языка для записи полной стопки приложения. Это изменило игру немного, насколько фронтальные концы и задние концы были обеспокоены.
Но он также начал приходить полный круг, где теперь вы видите системы, которые строят API вправо рядом с передним концом Подобно тому, что вы можете увидеть в традиционном стеке.
Передний конец против конца
Независимо от стека, всегда будет разделение опасений. Пользовательский интерфейс и все взаимодействие, независимо от того, оказывается на сервере или в браузере, это то, что делает передний конец передним и данных и бизнес-логикой, будь то, идет с сервера в шкафу вашей компании или управляемой функцией, это то, что Заставляет заднюю часть конца конца.
Предпочитаете ли вы работать над функциями, обращенными к пользователю или построить логику, которая позволяет им делать вещи, есть много ресурсов для начала.
Ресурсы для изучения
Внешний интерфейс
- FreeCodeCamp.org Отзывчивый веб-дизайн Сертификация (FreeCodeCamp.org)
- Начинающий JavaScript (BeginnerJavascript.com – WES BOS)
- React Reactorial для начинающих (YouTube.com – программирование с Mosh)
- Мастера переднего конца (frontendmasters.com)
Задний конец
- FreeCodeCamp.org API и микровидгические сертификации (FreeCodeCamp.org)
- Super Simple начать безвесовать (kentcdodds.com)
- AWS Certified Cloud Preacitoring Training 2019 – бесплатный 4-часовой видеоуправление (FreeCodeCamp.org)
- Введение CS50 в компьютерную науку (edx.org)
Все выше
- Как стать полным сложным веб-разработчиком в 2020 году (colbyfayock.com)
- EGGHEAD.IO (egghead.io)
- 100 дней кода (100daysofcode.com)
- Веб-разработчик Bootcamp (Udemy.com – Colt Steele)