14. CS50 на русском: Лекция #14 [Гарвард, Основы программирования, осень 2015 год]

preview_player
Показать описание

14-я лекция легендарного гарвардского курса по основам программирования CS50 (введение в программирование) познакомит вас с HTML и работой web-сервера (Apache).

Также в ходе лекции мы посмотрим, как реализована загрузка главной страницы Facebook и многое другое.

В следующей лекции мы закончим с изучением HTML и CSS, после чего перейдем к изучению PHP =)
  1. JavaRush
  2. cs50
  3. cs50 на русском
  4. основы программирования
  5. введение в программирование
  6. 14 лекция cs50
Рекомендации по теме
14. CS50 на 0:52:59

14. CS50 на русском: Лекция #14 [Гарвард, Основы программирования, осень 2015 год]...

Основы программирования #14 1:08:00

Основы программирования #14 | CS50 на русском | Программирование...

15. CS50 на 0:54:14

15. CS50 на русском: Лекция #15 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:03:50

Гарвард CS50 на русском. 3. Путеводитель. 14. AGES

16. CS50 на 0:45:27

16. CS50 на русском: Лекция #16 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:01:55

Гарвард CS50 на русском. 3. Путеводитель. 14. Потоки

Гарвард. CS50 на 0:01:41

Гарвард. CS50 на русском. 3. Путеводитель. 14. Ссылки

12. CS50 на 0:55:38

12. CS50 на русском: Лекция #12 [Гарвард, Основы программирования, осень 2015 год]...

10. CS50 на 0:54:11

10. CS50 на русском: Лекция #10 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:09:20

Гарвард CS50 на русском. 1. Короткие видео. 4. Циклы

17. CS50 на 0:51:41

17. CS50 на русском: Лекция #17 [Гарвард, Основы программирования, осень 2015 год]...

18. CS50 на 0:50:49

18. CS50 на русском: Лекция #18 [Гарвард, Основы программирования, осень 2015 год]...

3. CS50 на 0:50:17

3. CS50 на русском: Лекция #3 [Гарвард, Основы программирования, осень 2015 год]...

Основы программирования от 0:06:47

Основы программирования от Гарварда на русском CS50 (7 лекция) [Потоки]...

2. CS50 на 1:04:16

2. CS50 на русском: Лекция #2 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:14:37

Гарвард CS50 на русском. 0. Дополнительные видео. 4. Массивы...

11. CS50 на 0:56:27

11. CS50 на русском: Лекция #11 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:10:26

Гарвард CS50 на русском. 0. Дополнительные видео. 4. Циклы

Гарвард. CS50 на 0:10:49

Гарвард. CS50 на русском. 1. Короткие видео. 3. SQL

20. CS50 на 0:50:18

20. CS50 на русском: Лекция #20 [Гарвард, Основы программирования, осень 2015 год]...

5. CS50 на 0:50:23

5. CS50 на русском: Лекция #5 [Гарвард, Основы программирования, осень 2015 год]...

Гарвард CS50 на 0:14:41

Гарвард CS50 на русском. 1. Короткие видео. 7. Структуры

Основы программирования: Трейлер 0:00:42

Основы программирования: Трейлер [CS50-2015, Гарвард]

7. CS50 на 0:48:00

7. CS50 на русском: Лекция #7 [Гарвард, Основы программирования, осень 2015 год]...

Комментарии
Автор

Тайм-коды: язык HTML, веб-страница как сайт (website), запрос Request, ответ Responce, web-сервер Apache, язык CSS
0:00 заставка
4:27 GET что такое
4:45 / что такое слэш
5:27 сервер - ответ response HTTP. код состояния. ответ в форме текста с полями. HTML (HyperText Markup Language язык гипертекстовой разметки)
6:00 html и CSS в браузере. Как устроена страница изнутри
6:43 сеть Network логи. При заходе на страницу происходит множество запросов, перекидываются килобайты
8:00 Request Headers Заголовки запросов: host, method, path
8:30 внутри запроса много пар Ключ-Значение (слово: значение)
8:45 сервер фейсбука сообщает, что содержит тект html. Когда вы отправляете запрос серверу на веб страницу через браузер, сервер овечает: внутри текст html ( язык текстовой разметки). Язык, чтобы создавать веб-страницы. Сайт - это набор таких страниц
9:10 в браузере на странице правой кнопкой мыши - посмотреть исходный код страницы (view page source) <html> <head> шапка, <title> заголовок страницы. < > и </>- открывающий и закрывающий теги
10:57 при помощи браузера или подходящей программы пишется html. Промежутки (нажать пробелы или табуляцию) - тоже данные ( они занимают память)
12:20 как выстроена веб-страница
12:43 прямо в блокноте пишем веб-страницу. Схема, структура: стандартные элементы ( теги) состоят чаще из двух частей: начало: <html > (открывающий тег, ключевые слова внутри угловых скобок), конец </html>. Между которыми пишется остальной код. Есть head (шапка страницы) и body (тело) у веб-страницы
13:17 надо изменить расширение файла в имени с .txt на .html, чтобы файлик открылся в браузере, как сайт ( веб-страничка). Он хранится в компе пока, без передачи по сети. Т.е. на страницу можем зайти только мы
13:50 сервис облако
14:05 новый файл, создаваемый в облаке (cloud9: расширение в адресной строке .с9)
14:49 открытый исходный код. бесплатный сервер apache
15:00 CS50 упростили его
15:33 имя пользователя в CS50 IDE. Наш сайт теперь доступен по адресу: https://имя пользователя, Адрес, по которому можно найти все свои файлы в сети ( учащимся в гарварде). Нужно, чтобы программа работала в сети
16:04 код для веб-страниц. Как сделать URL-адрес (https:// и т.д. в адресной строке браузера) доступным для других пользователей. Сохранено в рабочей среде (IDE) - доступно ( и разрешено к просмотру) в облаке
17:35 Доменное имя. Система CS50 IDE приобрели доменное имя cs50.io, когда входят в неё под своим именем, получают суб-домен (уникальный адрес под их именем домена более высокого уровня)
18:33 комментарий в HTML: <!-- начало; конец комментария на другой строке -->. Комментарии не выполняются как код
19:25 апач
19:43 текст в браузере
20:21 headings <h1>, 2, 3...6. заголовки, жирный шрифт
21:50 список в странице list
22:50 вставить картинку (найденную в интернете) в свою страничку
25:29 в своём коде ссылка на ютуб
28:10 атрибут у катринки alt (текстовое описание картинки). локальные файлы
29:55 своя собственная поисковая машина search.html
31:27 тег формы (form). Внутри тег input
33:55 после того, как создано окно для ввода текста, нужна: или собственная внутренняя база данных или сама поисковая машина
34:25 работа гугл поисковика. URL запроса структура
35:07 action - это действие, указывает на своего исполнителя, т.е. откуда брать результаты
35:19 при помощи HTML научили наш браузер получать входные данные и отправлять их на удалённый сервер через HTTP. Браузер понимает HTTP, поэтому составляет URL так, что в итоге мы оказываемся где надо. Адрес меняется
36:17 язык CSS каскадные таблицы стилей Cascading Style Sheets
36:36 для красоты тег div (division) раздел. CSS ( стиль): размер, цвет, размещение. С помощью пар: ключ: значение. Свойства через двоеточие
41:29 структура кода. 1) объединение и перемешивание двух языков: html и css в файле css-0.html. 2) вынесение стилей в заголовок в файле css-1.html
44:00 3) стили в отдельном файле (css-2.css) css-2.html тег ссылка <link href ...>
49:04 точные статичные данные ( с неизменным содержанием) на сайте и динамичные веб-страницы ( на языке PHP на след занятии)

Разъяснение тем лекции (читать, скачать бесплатно в формате docx) в группе ВК "Основы Программирования (кодинг) на Python" (osnovyprogrammirovania)

iritaka
Автор

Vert Dider - всегда охото прочитать Dart Veider, да прибудет с Вами сила )

Alexkz
Автор

Дико интересно было поглядеть, спасибо ребята:)

simplyspenser
Автор

"Когда начинаешь понимать, как это работает, мир становится страшнее"))))

valeriavicious
Автор

спасибо JavaRush, VirtDider, и самой команде SC50, курс очень хорошый и занимателен, и интересный, я уже на него некоторых друзей посадил, но вот ещё они о JavaRush не знают)))

anatolyscherbatyuk
Автор

Спасибо за перевод этого курса. Подскажите сколько примерно занимает перевод одной лекции? А то там еще порядка 10 лекций, и очень хочется посмотреть их все на русском)) на английском понимаю порядка 70% только(

dmitrydvorovenko
Автор

В конце у музыки уж больно резкие переходы, больно ушкам... А урок хороший)

_happyness_
Автор

зачем создаются сайты с открытым кодом ? вся эта идея синергетичности сомнительна ! так называемые "пользователи" оупенсорса всего навсего пчёлы несущие мёд не в свой улик !!!

АлексСандрийский
Автор

Сравните этот мусор (сей Гарвардский курс) с лекциями из аудиторий МФТИ, МГУ, ИТМО и прочих наших ВУЗов. Всё есть в сети.
Сейчас есть столько нормального и бесплатного материала в сети, что данные лекции не имеют никакой ценности. Они и в 2015 году имели ценность близкую к нулю, ибо у этого курса уровень равен уровню школы того времени (даже не физ-мат школы) и чему-то научиться по этим лекциям, по этому курсу от Гарварда, невозможно.
Есть целые курсы на ютубе для ШКОЛЬНИКОВ старших классов, созданные ещё в древних 2011-2014-х годах, и на русском языке. И они в разы больше материала дают и объясняют. Кому сдался этот Гарвардский "курс" во второй половине 2010-х? А уж в 2020-х...

мефтрикстер
Автор

Господи, мы в школе это проходили. Гарвард блад.

denisgrossman
Автор

Не представляю как этим лекциям можно чему либо научится. Да и перевод местами страдает. Request headers - это заголовки запроса, а не запрос заголовков.

andrewazarov