 
				 
            Весёлая семейка Web-Мастера
| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ | 
|---|---|---|---|---|---|
| 1 |  HTML | 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 . | |||||