Весёлая семейка Web-Мастера
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
4 теста |
|||
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL. На этом видеокурсе мы напишем простой Web-сайт с целью проследить взаимодействие Web-технологий. На этом уроке вы создадите HTML страницу, которую можно открыть в браузере без использования web-сервера. Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт] Научился: Повторил как создавать html-страницу, добавлять ей заголовок, элемент ввода текстовое поле и кнопку отправки. Результат работы можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/1/web/index.html |
|||||
2 | CSS |
5 тестов |
|||
На этом уроке нужно попробовать добавить на нашу HTML страницу стили несколькими способами. Первый способ заключается в добавлении стиля в виде атрибута style у элемента разметки. Далее используем теги style внутри тегов head. И в завершение, разместим стили в отдельном файле style.css Отчёт отправил: 30514. Tom Выполнено за 19 мин. [Показать отчёт] Научился: Повторил как использовать css в html-странице. Создал css-файл, добавил в него правила для оформления поля ввода и кнопки. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/2/web/index.html |
|||||
3 | JavaScript |
5 тестов |
|||
На этом уроке нужно выполнить JavaScript при нажатии на кнопку.
Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Повторил как выводить информацию с помощью alert и в консоль. Перенес код в отдельную функцию и сохранил в отдельном файле script.js Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/3/web/index.html |
|||||
4 | Server |
1 тест |
|||
На этом уроке требуется установить локально на свой компьютер, настроить и запустить web-сервер. Для облегчения выполнения этой задачи предлагается воспользоваться платформой OSPanel https://ospanel.io Отчёт отправил: 30514. Tom Выполнено за 55 мин. [Показать отчёт] Научился: Установил ospanel, добавил в папку сервера файлы index.html и style.css, открыл сайт через localhost. |
|||||
5 | PHP |
3 теста |
|||
Отчёт отправил: 30514. Tom Выполнено за 25 мин. [Показать отчёт] Научился: Изменил расширение файла index.html на index.php. Добавил в начало файла php-код для получения и увеличения значения счетчика. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/5/index.php |
|||||
6 | Session |
2 теста |
|||
В этом уроке мы задействуем сессию для хранения значения счётчика.
Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт] Научился: Научился создавать сессию, сохранять в ней переменную. Проверил работу программы на разных браузерах. В каждом браузере свой независимый счетчик. Если удалить cookie, то счетчик в этом браузере обнуляется. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/6/index.php |
|||||
7 | MySQL |
7 тестов |
|||
На этом уроке мы создадим базу данных.
Отчёт отправил: 30514. Tom Выполнено за 57 мин. [Показать отчёт] Научился: С помощью программы HeidiSQL создал базу данных mybase, таблицу mytable и в ней целочисленное поле counter. Реализовал запросы select и update для поля counter. |
|||||
8 | PDO |
1 тест |
|||
Отчёт отправил: 30514. Tom Выполнено за 49 мин. [Показать отчёт] Научился: Научился создавать объект PDO, передавать ему информацию о подключении к базе данных. Научился выполнять SELECT и UPDATE запросы через объект PDO. Теперь программа считывает информацию из базы данных и через разные браузеры отображается одинаковое значение счетчика. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/7/index.php |
|||||
9 | VIP. Parent |
|
|||
Отчёт отправил: 30514. Tom Выполнено за 1 час. 0 мин. [Показать отчёт] Научился: Научился обращаться к родительскому документу и с помощью javascript устанавливать в нем значение поля. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/webmaster/8/index.php |
|||||
10 | Финальный урок |
без видео 2 теста |
|||
Оставьте отзыв о курсе и запишите видеобзор о том, что вы сделали и чему вы научились, при желании.
Отчёт отправил: 30514. Tom Выполнено за 2 мин. [Показать отчёт] Научился: Курс мне понравился. За серию коротких уроков можно понять взаимосвязь технологий для создания web-сайтов. Рекомендую всем, кто желает познакомиться с web-программированием. |
|||||
Итого: 10 видеоуроков |
1 час. 13 мин. 30 тестов |
27 чел. | |||
Финалисты: Алексей, Иван, Слава, Evgeny, Sergey, Смирнов Евгений, Айдар, alklokov, Aleksandr, Никита, Trira, topos, Андрей, gladandres, Stainlessrat, Иван, Rita, vip, Tekashnik, Yefim, Dmitry Sinitsin, ZTg-18 Gerasimov Dmitrij, ZTg-18 Zakurdajev Ivan, Степан, Николай Денисов, Tom, Tim . |