В этой статье вы узнаете, как работает Интернет. Вам может быть интересно, как веб-сайт отображается на экране вашего браузера, как только вы открываете его ссылку.
Чему вы научитесь?
- Как работает сеть
- Что мы подразумеваем под полнофункциональной веб-разработкой
- Почему мы выбираем Django для нашего курса
Что происходит, когда вы посещаете веб-сайт?
- Вы начинаете с ввода URL в браузере.
- Затем ваш компьютер отправляет этот запрос в виде пакета, который включает IP-адрес нужного веб-сайта.
- Он отправляет этот запрос по проводам или через спутник, который в конечном итоге подключается к проводам через вашего интернет-провайдера.
- Затем ваш провайдер перенаправит запрос на соответствующий сервер, ориентируясь на IP-адрес.
- Как только ваш запрос достигнет сервера, он сможет отправить обратно запрашиваемый веб-сайт.
- Однако полный веб-сайт с содержимым слишком велик для отправки в виде одного пакета данных. Чтобы решить эту проблему, сервер отправляет обратно веб-сайт, разделенный на множество пакетов.
- Пакеты поставляются с инструкциями о том, как вернуться к вам и собрать их после того, как они достигнут вас.
- После того, как пакеты достигают вас, они снова собираются для отображения страницы.
- Все это движется со скоростью, близкой к скорости света, так что это происходит очень быстро.
- Это объяснение более высокого уровня, но для наших целей это все, что нам нужно знать на данный момент.
- Давайте продолжим обсуждение того, что означает термин "полный стек".
Графическое представление этих шагов можно найти здесь.
Существует два основных компонента веб-сайта
- Внешняя веб-разработка. Внешняя часть — это то, что вы видите как пользователь на веб-сайте.
- Внутренняя веб-разработка. Внутренняя часть — это технология, используемая для принятия решения о том, что вам показывать во внешнем интерфейсе.
Внешняя разработка основана на трех технологиях.
Вы услышите о внешних технологиях, таких как 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 г.