Весёлая семейка Web-Мастера
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
4 теста |
|||
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL. На этом видеокурсе мы напишем простой Web-сайт с целью проследить взаимодействие Web-технологий. На этом уроке вы создадите HTML страницу, которую можно открыть в браузере без использования web-сервера. Отчёт отправил: 30187. Tim Выполнено за 21 мин. [Показать отчёт] Научился: Создал файл index.html. В файле указал, что это документ является html, вывел окно сообщений и кнопку отправки сообщений. Также указал название вкладки в тэге title и указал название окна сообщений в тэге h1 |
|||||
2 | CSS |
5 тестов |
|||
На этом уроке нужно попробовать добавить на нашу HTML страницу стили несколькими способами. Первый способ заключается в добавлении стиля в виде атрибута style у элемента разметки. Далее используем теги style внутри тегов head. И в завершение, разместим стили в отдельном файле style.css Отчёт отправил: 30187. Tim Выполнено за 34 мин. [Показать отчёт] Научился: Для тэгов input создал алиасы атрибутом class, затем для этих тэгов применил стили css. Сначала сделал это в основном файле index.html, а затем вывел стили в отдельный файл style.css. А в основном прописал ссылку на файл стилей <link rel = "stylesheet" type = "text/css" href = "style.css"/> |
|||||
3 | JavaScript |
5 тестов |
|||
На этом уроке нужно выполнить JavaScript при нажатии на кнопку.
Отчёт отправил: 30187. Tim Выполнено за 1 час. 58 мин. [Показать отчёт] Научился: Увидел как реализовывается js в рамках html документа. Чтобы вывести js скрипты в сторонний файл нужно указать путь к этому файлу в тэгах script. Например <script> src="script.js"</script> Сложности: Быстрым гуглежом не выяснил, как нужно реализовать файл js, чтобы он отрабатывался в html по ссылке |
|||||
4 | Server |
1 тест |
|||
На этом уроке требуется установить локально на свой компьютер, настроить и запустить web-сервер. Для облегчения выполнения этой задачи предлагается воспользоваться платформой OSPanel https://ospanel.io Отчёт отправил: 30187. Tim Выполнено за 1 день 19 час. 55 мин. [Показать отчёт] Научился: Установил web server на свою машину. Загрузил в папку domains мои исходники (html и css). После этого по адресу localhost стала открываться моя страница со счетчиком. |
|||||
5 | PHP |
3 теста |
|||
Отчёт отправил: 30187. Tim Выполнено за 2 час. 31 мин. [Показать отчёт] Научился: Запустил web server. Теперь обращение к моему html идёт через него. Чтобы использовать php нужно в файле прописать соответствующие тэги <?php ... ?>. В этих тэгах пишется php код, исполняемый сервером. Для того, чтобы элементы на странице стали передаваться на сервер, а не интерпретироваться в браузере, необходимые элементы нужно заключить в тэги <form> </form>. Также существует два возможных способа, для отправки клиентом информации на сервер. Это GET и POST |
|||||
6 | Session |
2 теста |
|||
В этом уроке мы задействуем сессию для хранения значения счётчика.
Отчёт отправил: 30187. Tim Выполнено за 23 мин. [Показать отчёт] Научился: Реализовал работу через сессии. Теперь счетчик имеет сквозные номера в рамках одной сессии. Также нашел место хранения cookes (application --> cookes) и обнулил значение счетчика в сессии |
|||||
7 | MySQL |
7 тестов |
|||
На этом уроке мы создадим базу данных.
Отчёт отправил: 30187. Tim Выполнено за 22 мин. [Показать отчёт] Научился: В этом уроке, при помощи sql manager, создал базу данных mybase. В базе данных создал таблицу my_table и в таблице завел колонку counter. |
|||||
8 | PDO |
1 тест |
|||
Отчёт отправил: 30187. Tim Выполнено за 46 мин. [Показать отчёт] Научился: Добавил в проект подключение к базе данных. Настроил отображение счетчика из б.д. Теперь при открытии страницы из любого браузера, всегда отображается одно и тоже число Сложности: Есть некая бага в данном коде. Если нажать на кнопку submit и затем обновлять страницу, то счетчик начинает апдейтится. Если при открытии страницы кнопку не нажимать, а просто обновлять ее , то счетчик стоит на месте. Не знаю как это поправить, т.к. совсем не знаком с php |
|||||
9 | VIP. Parent |
|
|||
Отчёт отправил: 30187. Tim Выполнено за 1 час. 21 мин. [Показать отчёт] Научился: Добавил в файл index.html секцию <iframe>, которая открывает новое окно в текущей странице и сделал его невидимым. Для секции <form> добавил параметры target и action. В target прописал имя iframe, а в action имя файла php, в котором сделал обработку счетчика. Также в файле обработки счетчика добавил возврат нового значения счетчика на форму при помощи js. Сложности: До конца не осознал, что произошло в этом уроке. Перемешение стольких технологий не укладывается в мозг. Чтобы сделать простую вещь изучить несколько ЯП и уметь их применить. |
|||||
10 | Финальный урок |
без видео 2 теста |
|||
Оставьте отзыв о курсе и запишите видеобзор о том, что вы сделали и чему вы научились, при желании.
Отчёт отправил: 30187. Tim Выполнено за 34 мин. [Показать отчёт] Научился: В этом уроке я ознакомился с основными web технологиями. Увидел как работают некоторые тэги html. Далее применил язык ccs для настройки отображения визуальных элементов. Далее установил набор инструментов OpenServer и создал базу данных на Mysql. И при помощи php установил соединение с созданной бд. Потом настроил изменение счетчика в бд. И при помощи js реализовал обратную выдачу значения из базы на форму. В плане поверхностного ознакомления с этими технологиями курс отличный. Рекомендую для прохождения, я дальше продолжу углубляться в этот дивный мир 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 . |