0: Добро пожаловать на 1 настоящую лекцию этого курса, теперь есть хороший шанс, что этот курс станет для вас 1 контактом с веб разработчиками н ведёт и поэтому прежде чем мы начнём писать html си код.
1: Я думаю, было бы неплохо начать этот курс с очень подробного обзора этой области, веб разработки, развития девелопмент. Итак, мы поговорим о таких вещах, как клиенты и серверы, интерфейсные сервер.
2: Разработка, статические и динамические веб сайты и конечно же об основных языках и технологиях веб разработки.
3: Core текнолоджис оф веб девелопмент?
4: Я собираюсь объяснить все это на примере процесса, который происходит, когда мы открываем веб страницу в браузере просто ещё раз, имея ввиду, что это всего лишь обзор высокого уровня, и поэтому я собираюсь опустить здесь множество деталей.
5: На самом деле это просто для того, чтобы ты ознакомился с некоторыми из этих концепций и терминов, которые известны всем веб разработчикам, прежде чем начать своё собственное путешествие. Но в любом случае давайте представим, что мы пытаемся получить доступ к веб странице.
6: В нашем браузере ванна фуд разработчик. И, кстати, именно этот веб сайт мы будем разрабатывать на протяжении всего курса. Теперь, когда мы пытаемся зайти на эту страницу, происходит следующее наш браузер отправляет запрос на сервер.
7: На котором размещена эта страница в интернете. Таким образом, каждый веб сайт хранится на так называемом сервере, который, по сути, представляет собой компьютер, подключённый к интернету и находящийся в способный получать запросы, подобные этому.
8: Ещё раз повторю, когда мы заходим на определённый веб сайт, наш веб браузер отправляет запрос на сервер, на котором хранится этот веб сайт. Итак, где он размещён? За
9: Тем, когда сервер получит запрос, он заберёт все файлы, из которых состоит веб сайт, и отправит их обратно в браузер. Итак, мы говорим, что сервер отправляет браузеру ответ, который, по сути, содержит все эти файлы, из которых состоит веб сайт.
10: Теперь, как вы можете видеть из этих расширений файлов, у нас здесь есть код html c, а также джаваскрипт, и это именно те 3 языка, которые могут понимать браузеры.
11: Таким образом, это означает, что весь код, из которого состоит веб сайт, всегда должен быть написан на ac и джаваскрипт, потому что опять же это, по сути, 3 основные технологии, понятные.
12: Любому браузеру хорошо теперь, как только браузер получит эти файлы html си и джаваскрипт, из ответа службы он возьмёт код и отобразит веб сайт, к которому мы пытались получить доступ.
13: Так что, исходя из этого кода, все в порядке. Благодаря этому у тебя уже есть хорошее представление о том, что на самом деле происходит, когда мы заходим на веб сайт, а также о технологиях, которые мы используем для создания
14: Любого веб сайта. И этот процесс написания html c и java script кода, который может быть понятен браузеру, мы называем интерфейсной веб разработкой, так что
15: Всякий раз, когда вы слышите, как кто-то говорит о интерфейсной разработке, он имеет ввиду, что разработчики пишут код, который отображается в браузере, который, по сути, является интерфейсной частью веб сайта.
16: На самом деле именно этому мы и будем учиться на этом курсе или, по крайней мере, самым основам фронтенд разработки, то есть изучению c of development из, а теперь в качестве дополнительного.
17: Замечание. Всякий раз, когда файлы, составляющие веб сайт, просто сохраняются на веб сервере и затем отправляются браузеру в том виде, в каком они есть. Мы говорим, что у нас статичный веб сайт. Хорошо, окей? И это станет немного понятнее. Через
18: Минуту, когда мы поговорим о том, что такое динамичный веб сайт, но пока просто имейте ввиду, что статичный веб сайт это по сути веб сайт, на котором файлы просто отправляются с сервера в браузер такими какие они есть. Так что
19: Обойдёмся без всяких трансформаций, все в порядке, я надеюсь, что из этого вы узнали, что такое front end, разработка, а также о 3 основных технологиях, из которых состоит любой веб сайт, а теперь давайте сделаем ещё.
20: 1 шаг вперёд и поговорим о том, что называется backend разработкой. Давайте рассмотрим другой пример. На этот раз. Давай попробуем понять, что произойдёт, если мы попытаемся зайти на веб сайт, подобный Адеми датком. Итак,
21: Ещё раз повторю, 1 шаг заключается в отправке запроса на веб сервер, на котором размещён Адеми датком. А теперь скажите, почему веб сайт, подобный Адеми, так сильно отличается от статического веб сайта Анна фуд которы
22: Я показывал вам ранее, ну что же, сложный сайт такой, как Адеми дат, ком на самом деле полностью отличается от статического сайта, потому что там много контента, который постоянно меняется, как и
23: На адеме на сайт постоянно добавляются новые курсы и новые обзоры, новые рейтинги и новая продолжительность курса рассчитана, например, и на самом деле всегда происходит куча других подобных вещей. Итак.
24: Для того, чтобы заставить работать подобную систему, Адеми датком нуждается в целом приложении, работающем на сервере, а также в большой базе данных, которая в основном содержит все курсы и все отзывы всех пользователей и действительно весь контент, который отображается на их сайте веб.
25: Он сейчас, чтобы сделать все это интерфейсных технологий, таких как htc просто недостаточно, так что по сути с помощью того.
26: То вы изучите на этом курсе, вы не сможете создать что-то вроде adme, датком все в порядке итак, чтобы писать приложения, которые фактически выполняются на веб серверах, разработчики используют какой-то внутренний язык, такой, как ноут.
27: Выбери джи с php или python итак, все, что делают эти языки, это извлекают данные из базы данных и, по сути, собирают их в окончательные файлы, которые затем отправляются браузеру в качестве ответа.
28: И весь этот процесс называется разработкой серверной части, потому что это, по сути, невидимая часть веб сайта. Таким образом, это и есть серверная часть веб сайта. В данной ситуации мы Говор,
29: Говорим, что у нас динамический веб сайт, потому что веб сайт динамически собирается из разных частей на сервере. И это происходит каждый раз, когда кто-то заходит на сайт, возвращаясь, к примеру, с интернет.
30: Магазином Адеми. На самом деле каждый раз, когда вы заходите на сайт Адеми, новая версия веб сайта будет генерироваться из их базы данных и отправляться в ваш браузер. С другой стороны, если бы адемии был статичным веб сайтом,
31: То файлы веб сайта уже находились бы на сервере и просто ждали, когда кто-нибудь получит к ним доступ. Так вот в этом и заключается большая разница между статическим и динамическим сайтом в статическом режиме файлы уже
32: Созданы, а в динамическом. Их сначала нужно сгенерировать с помощью приложения, запущенного на сервере. Все в порядке, но теперь остальная часть процесса фактически такая же, как и раньше. Так что теперь эти файлы готовы
33: К отправке в браузер в качестве ответа, который затем будет преобразован в конечный веб сайт, подобный тому, который мы видим здесь, на сайте Адеми датком. Это здорово. Теперь, конечно, тебе нет необходимости запоминать все эти имена, которые
34: Здесь упомянул, а также нет необходимости глубоко вникать в этот процесс. Все, что я хочу здесь, это дать тебе общее представление о том, что на самом деле представляют собой интерфейс и бекенд, что такое браузер и сервер, а также что такое?
35: Статические динамические веб сайты, потому что я действительно думаю, что это будет чрезвычайно полезно, когда ты начнёшь свой путь разработчика, а теперь, чтобы закончить, давай подробнее рассмотрим 3 языка интерфейса.
36: И так, html c javascript, начиная с html, html отвечает за содержание страницы, так что текст изображения, кнопки и вообще все содержимое, которое.
37: Вы видите, на веб странице всегда записывается в html файл, тогда за представление этого контента отвечает си, то есть в основном за оформление и размещение.
38: Элементов на веб странице. Теперь, наконец, джаваскрипт это настоящий язык программирования интерфейса. Так что он позволяет нам добавлять динамические интерактивные эффекты на веб страницы. Мы так
39: Также можем использовать его для манипулирования контентом или си, для загрузки данных с веб серверов и даже для создания целых интерфейсных приложений, которые мы называем веб приложениями. Теперь мы также можем использовать
40: Аналогию с существительными прилагательными и глаголами, чтобы немного облегчить понимание разделения ролей таким образом, в этой аналогии html представляет существительные, например, элемент p. Это абзац.
41: Таким образом, абзац это существительное, в данном случае тогда си это прилагательное, потому что оно в основном описывает существительное, например, вот этот фрагмент си, в котором говорится, что текст абзаца выделен красным цветом.
42: Таким образом, красный это прилагательное, описывающее существительное, все в порядке, и, наконец, джаваскрипт это, конечно же, глагол, например, скрыть абзац, так что мы действительно кое-что здесь делаем. Итак, у нас
43: Есть глагол хорошо, в этом есть какой-то смысл, все в порядке, и на этом мы заканчиваем наше введение в веб разработку. Итак, теперь мы готовы приступить к работе с html c кодом в рамках этого курса.