В этой статье вы узнаете, как работает Интернет. Вам может быть интересно, как веб-сайт отображается на экране вашего браузера, как только вы открываете его ссылку.

Чему вы научитесь?

  • Как работает сеть
  • Что мы подразумеваем под полнофункциональной веб-разработкой
  • Почему мы выбираем Django для нашего курса

Что происходит, когда вы посещаете веб-сайт?

  1. Вы начинаете с ввода URL в браузере.
  2. Затем ваш компьютер отправляет этот запрос в виде пакета, который включает IP-адрес нужного веб-сайта.
  3. Он отправляет этот запрос по проводам или через спутник, который в конечном итоге подключается к проводам через вашего интернет-провайдера.
  4. Затем ваш провайдер перенаправит запрос на соответствующий сервер, ориентируясь на IP-адрес.
  5. Как только ваш запрос достигнет сервера, он сможет отправить обратно запрашиваемый веб-сайт.
  6. Однако полный веб-сайт с содержимым слишком велик для отправки в виде одного пакета данных. Чтобы решить эту проблему, сервер отправляет обратно веб-сайт, разделенный на множество пакетов.
  7. Пакеты поставляются с инструкциями о том, как вернуться к вам и собрать их после того, как они достигнут вас.
  8. После того, как пакеты достигают вас, они снова собираются для отображения страницы.
  9. Все это движется со скоростью, близкой к скорости света, так что это происходит очень быстро.
  10. Это объяснение более высокого уровня, но для наших целей это все, что нам нужно знать на данный момент.
  11. Давайте продолжим обсуждение того, что означает термин "полный стек".

Графическое представление этих шагов можно найти здесь.

Существует два основных компонента веб-сайта

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

Внешняя разработка основана на трех технологиях.

Вы услышите о внешних технологиях, таких как jQuery и Bootstrap, но все они созданы с использованием трех предыдущих.

Фронтенд веб-разработка

HTML

  • HTML означает язык гипертекстовой разметки. Каждый веб-сайт будет иметь HTML, он определяет структуру страницы.
  • Чтобы просмотреть, щелкните правой кнопкой мыши и выберите Просмотреть исходный код страницы.

CSS

  • CSS — каскадные таблицы стилей
  • CSS — это фактический стиль веб-сайта.
  • Цвета, шрифты, границы и т. д. определяются CSS.
  • CSS не обязателен, но он есть почти на всех сайтах.

JavaScript

  • Javascript позволяет добавить интерактивности на сайт, включая программную логику.
  • Любой интерактивный сайт так или иначе использует Javascript, иначе сайт будет «статичным».

Бэк-энд веб-разработка

  • Язык
  • Структура
  • База данных
  • Такие технологии, как Php, Node.js, Ruby/Rails, Java, Python и т. д., — все это жизнеспособные варианты для веб-сайта.
  • Вы будете использовать следующее для своего бэкэнда
  • Python как язык. Python — отличный язык для изучения, он простой, мощный и имеет множество библиотек.
  • Django как фреймворк — Django — самый популярный фреймворк для Python, он быстрый, безопасный и масштабируемый.
  • SQLite как база данных — SQLite поставляется с Django и Python, что упрощает выбор.

Полный стек веб-разработки

В следующем руководстве вы узнаете о HTML, чтобы начать свой путь в качестве разработчика полного стека. Оставайтесь с нами…

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

Первоначально опубликовано на https://getsetdjango.netlify.app 16 апреля 2020 г.