Весёлая семейка Web-Мастера
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
4 теста |
|||
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL. На этом видеокурсе мы напишем простой Web-сайт с целью проследить взаимодействие Web-технологий. На этом уроке вы создадите HTML страницу, которую можно открыть в браузере без использования web-сервера. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 29 мин. [Показать отчёт] Научился: атрибут тега <input>, определяющий вид элемента — type. type определит элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file), кнопка с изображением (image) |
|||||
2 | CSS |
5 тестов |
|||
На этом уроке нужно попробовать добавить на нашу HTML страницу стили несколькими способами. Первый способ заключается в добавлении стиля в виде атрибута style у элемента разметки. Далее используем теги style внутри тегов head. И в завершение, разместим стили в отдельном файле style.css Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 3 час. 11 мин. [Показать отчёт] Научился: стили применяются: а) в строке стейтмента объекта, б)в теге стайл в хеде, в) в отдельном файле padding - отступы внутри объекта margin - отступы снаружи объекта ТОЧКА - стиль класса просто наименование адресует к тегу добавил точку - уже к имени класса |
|||||
3 | JavaScript |
5 тестов |
|||
На этом уроке нужно выполнить JavaScript при нажатии на кнопку.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 8 час. 37 мин. [Показать отчёт] Научился: getElementById как хороший пёс находит по запаху идентификатора объект в документе и приносит Хозяину Функцию написал, в отдельный файл вынес |
|||||
4 | Server |
1 тест |
|||
На этом уроке требуется установить локально на свой компьютер, настроить и запустить web-сервер. Для облегчения выполнения этой задачи предлагается воспользоваться платформой OSPanel https://ospanel.io Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 39 мин. [Показать отчёт] Научился: сервер - мощнецкий комп в сети, обслуживающий запросы извне и существующий лишь для того, чтобы служить сетевым юзерам Выхлопом от работы PHP интерпретатора является готовый код HTML, который способен переварить и вывести на экран браузер у пользователя в сети OpenServer - эмуляция (замена) удаленного Сервера, устанавливаемая на локальном компе, и имитирующая работу с Сервером. Используется для локальной отладки сайтов с указанием сетевого адреса 127.0.0.1 |
|||||
5 | PHP |
3 теста |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 8 мин. [Показать отчёт] Научился: реализовали обработку нажатия кнопки через Сервер, вместо локального счётчика внутри браузера После добавления именования текстового поля с помощью ключевого слова name, при нажатии кнопки в адресной строке возвращается имя и значение из текстового поля, выводящего значение переменной counter Забирать с Сервера значение переменной можно с помощью $_GET["имя желаемой переменной"]; Метод POST у формы убирает информацию о передаваемом значении из адресной строки |
|||||
6 | Session |
2 теста |
|||
В этом уроке мы задействуем сессию для хранения значения счётчика.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 26 мин. [Показать отчёт] Научился: значение переменной счётчика в предыдущих версиях возвращалось на основе содержимого текстового окна Под сессией понимаем участок памяти на Сервере для хранения промежуточных данных Куки удаляются через настройки браузера, там же где история серфинга, простым рефрешем удаления не происходит. После удаления кукисов счётчик сбрасывается на ноль и идентификатор сессии другой (вторая иллюстрация) |
|||||
7 | MySQL |
7 тестов |
|||
На этом уроке мы создадим базу данных.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 25 мин. [Показать отчёт] Научился: обращение к БД осуществляется скриптами PHP Команды к базе данных формируются языком структурированных запросов SQL HeidiSQL встроена в пакет OpenServer, ничего искать и инсталлировать не пришлось, всё под рукой |
|||||
8 | PDO |
1 тест |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 7 час. 53 мин. [Показать отчёт] Научился: у PHP существуют три расширения для работы с базой MySQL: mysql, mysqli и PDO PHP PDO (PHP Data Objects) включено в PHP 5.1 и выше Функции для работы с базой данных mysql_ не рекомендуют к использованию, так как разработка php_mysql остановилась на поддержке функционала MySQL 4.1.3. и не поддерживает транзакции, объектный интерфейс и подвержено уязвимостям при подстановке значений в запрос После mysql_ появилось расширение mysqli (MySQL Improved в 5 версии) Все эти библиотеки используют стандартную клиентскую библиотеку MySQL (libmysql) Самое свежее расширение – PDO fetch - это замена XMLHttpRequest (поиск по базе данных с целью выборки с условием, которое Вам нужно) $dsn - data source name (КУДА ПОДКЛЮЧАЕМСЯ) Сложности: Счётчик плюсуется при обновлении страницы. Где причина - пока не понял |
|||||
9 | VIP. Parent |
|
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 44 мин. [Показать отчёт] Научился: реализовали обработку счётчика через внешний файл plus.php, его фрейм сделали скрытым, чтоб не отвлекал Функционалом внешнего файла стало увеличение счётчика при нажатии экранной кнопки и возвращение значения в родительскую форму Тем самым достигнута полная синхронизация счётчиков, открываемых разными браузерами - нигде не будет отдельных веток подсчёта - при каждом нажатии возвращается актуальный счётчик |
|||||
10 | Финальный урок |
без видео 2 теста |
|||
Оставьте отзыв о курсе и запишите видеобзор о том, что вы сделали и чему вы научились, при желании.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 2 мин. [Показать отчёт] Научился: Создали простой Web-сайт со счётчиком нажатий экранной кнопки и хранением количества нажатий в памяти браузера, в сессии, на сервере и в базе данных. Применили оформление экранных форм с помощью каскадных таблиц стилей CSS как внутри HTML, так и в отдельном файле .css Нажатия кнопки обрабатывали JavaScript-ом, отправкой формы, GET- и POST-запросом Создали БД с помощью MySQL (встроена в OpenServer), использовали таблицу с единственной записью (для простоты) как сетевое хранилище счётчика нажатий Применили PHP Data Objects (PDO) для подключения к БД - свежая библиотека работы с БД, заменившая mysql, mysqli Видеообзор: d1OfZDvdZJk |
|||||
Итого: 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 . |