Весёлая семейка Web-Мастера
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
4 теста |
|||
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL. На этом видеокурсе мы напишем простой Web-сайт с целью проследить взаимодействие Web-технологий. На этом уроке вы создадите HTML страницу, которую можно открыть в браузере без использования web-сервера. Отчёт отправил: 2146. Иван Выполнено за 10 мин. [Показать отчёт] Научился: Вспомнил, как что пишется. Сложности: Спасибо! |
|||||
2 | CSS |
5 тестов |
|||
На этом уроке нужно попробовать добавить на нашу HTML страницу стили несколькими способами. Первый способ заключается в добавлении стиля в виде атрибута style у элемента разметки. Далее используем теги style внутри тегов head. И в завершение, разместим стили в отдельном файле style.css Отчёт отправил: 2146. Иван Выполнено за 14 мин. [Показать отчёт] Научился: Вспомнил, как прикреплять css файл Сложности: Прикрепляем с помощью тега <link rel="stylesheet" type="text/css" href="style.css" /> |
|||||
3 | JavaScript |
5 тестов |
|||
На этом уроке нужно выполнить JavaScript при нажатии на кнопку.
Отчёт отправил: 2146. Иван Выполнено за 11 мин. [Показать отчёт] Научился: код нажатия на кнопку: <input class="button" type="submit" onclick="document.getElementById('idNumber').value++;" /> Сложности: Все получилось. Спасибо. |
|||||
4 | Server |
1 тест |
|||
На этом уроке требуется установить локально на свой компьютер, настроить и запустить web-сервер. Для облегчения выполнения этой задачи предлагается воспользоваться платформой OSPanel https://ospanel.io Отчёт отправил: 2146. Иван Выполнено за 48 мин. [Показать отчёт] Научился: Установили open Server для использования php. Поместили файлы в папку C:\openserver\ospanel\domains\localhost Сложности: Вспомнил, где же все это у меня установлено. |
|||||
5 | PHP |
3 теста |
|||
Отчёт отправил: 2146. Иван Выполнено за 20 мин. [Показать отчёт] Научился: Проверка на переданные данные: if (isset($_POST["number"])) или if (isset($_GET["number"])) Для передачи данных важно использовать форму, а компнентам давать имена (name): <input name ="number" class="number" type="tezt" value="<?=$counter ?>" /> Сложности: Спасибо |
|||||
6 | Session |
2 теста |
|||
В этом уроке мы задействуем сессию для хранения значения счётчика.
Отчёт отправил: 2146. Иван Выполнено за 12 мин. [Показать отчёт] Научился: Сессии в каждом браузере своя. php создает для этого cookies. Необходимо использовать для начала сессии session_start(); if (isset($_SESSION["counter"])) $_SESSION["counter"]++; else $_SESSION["counter"]=0; $counter = $_SESSION["counter"]; Сложности: --- |
|||||
7 | MySQL |
7 тестов |
|||
На этом уроке мы создадим базу данных.
Отчёт отправил: 2146. Иван Выполнено за 28 мин. [Показать отчёт] Научился: Использовали HelidSql. Использовали два запроса UPDATE mytable SET counter = counter +1; SELECT counter FROM mytable; Сложности: --- |
|||||
8 | PDO |
1 тест |
|||
Отчёт отправил: 2146. Иван Выполнено за 21 час. 17 мин. [Показать отчёт] Научился: PDO (PHP Data Objects) - это просто некий интерфейс, который позволяет работать с различными базами данных без учета их специфики. Пример $pdo = new PDO($dsn, $user, $password); $pdo->exec("UPDATE mytable SET counter = counter + 1"); $res = $pdo->query("SELECT counter FROM mytable;"); Сложности: Спасибо. Раньше про PDO не знал. Пока переписывал с видео умудрился написать не PDO , а DPO . И потом долго удивлялся, почему ошибку получал. |
|||||
9 | VIP. Parent |
|
|||
Отчёт отправил: 2146. Иван Выполнено за 28 мин. [Показать отчёт] Научился: Узнал, что стили кэшируются. Использовали iframe - позволяет в определенном окне страницы отображать содержимое другой страницы Пример <form method ="post" target="plus" action="plus.php"> <input id="id_number" class="number" type="text" value="<?=$counter ?>" /> <input name="submit" class="button" type="submit" /> <!--onclick="document.getElementById('idNumber').value++;" --> </form> <iframe name="plus"></iframe> Сложности: Сложно не запутаться в переходах с одной страницы на другую. Спасибо. Было интересно. |
|||||
10 | Финальный урок |
без видео 2 теста |
|||
Оставьте отзыв о курсе и запишите видеобзор о том, что вы сделали и чему вы научились, при желании.
Отчёт отправил: 2146. Иван Выполнено за 19 мин. [Показать отчёт] Научился: В этом курсе затронули такие темы: 1) создание простого html документа 2) Подключение стилей css 3) Научились обрабатывать нажатие кнопки с помощью java-script 4) Важную роль в освоении технологий является знание того, какими инструментами пользоваться. Open server - отличный инструмент для развертывания своего сервера на компьюетре для реализации проектов на php. 5) Знакомство с возможностями php 6) Демонстрация GET и POST методов передачи данных в php 7) Сессии в php. 8) Подключение mysql 9) Запросы mysql 10) Использование <iframe> Каждый из этих пунктов затронут в этом куре. И за каждым скрывается море информации, которое не вошло в этот курс. Для начинающего такой подход вполне оправдан. Перегружать курс подробностями - значит отпугнуть начинающего всей этой сложностью. С другой стороны дает общее представление о технологиях, которые понадобятся ему в дальнейшем. И если человеку это интересно, то он сможет найти информацию по всем этим технологиям либо на ресурсе videosharp.info, либо на бескрайних просторах интернет - а. Сложности: Спасибо за курс. К сожалению видео не удалось записать. |
|||||
Итого: 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 . |