Весёлая семейка Web-Мастера
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
4 теста |
|||
Обзор 5 технологий создания динамических Web-сайтов: HTML, CSS, JavaScript, PHP, MySQL. На этом видеокурсе мы напишем простой Web-сайт с целью проследить взаимодействие Web-технологий. На этом уроке вы создадите HTML страницу, которую можно открыть в браузере без использования web-сервера. Отчёт отправил: 11019. Trira Выполнено за 22 мин. [Показать отчёт] Научился: Научилась тому, как надо обобщать и систематизировать собственные знания. Сложности: все предельно ясно |
|||||
2 | CSS |
5 тестов |
|||
На этом уроке нужно попробовать добавить на нашу HTML страницу стили несколькими способами. Первый способ заключается в добавлении стиля в виде атрибута style у элемента разметки. Далее используем теги style внутри тегов head. И в завершение, разместим стили в отдельном файле style.css Отчёт отправил: 11019. Trira Выполнено за 40 мин. [Показать отчёт] Научился: 1. Добавлять атрибуты к тегам в стилевом файле 2. Определять отдельные стили как классы 3. подключать стиль из файла style.css |
|||||
3 | JavaScript |
5 тестов |
|||
На этом уроке нужно выполнить JavaScript при нажатии на кнопку.
Отчёт отправил: 11019. Trira Выполнено за 16 час. 22 мин. [Показать отчёт] Научился: !.Выяснила назначение языка программирования JS для оформления веб-страницы 2. Применила атрибут onclick с различными значениями для кнопки submit |
|||||
4 | Server |
1 тест |
|||
На этом уроке требуется установить локально на свой компьютер, настроить и запустить web-сервер. Для облегчения выполнения этой задачи предлагается воспользоваться платформой OSPanel https://ospanel.io Отчёт отправил: 11019. Trira Выполнено за 3 дня 2 час. 56 мин. [Показать отчёт] Научился: установила OpenServer, выполнила все необходимые настройки, запустила сервер. Ссылка localhost/index.html работает корректно Сложности: Сервер устанавливала несколько раз. Корректный запуск получился только с 4-й попытки-)) |
|||||
5 | PHP |
3 теста |
|||
Отчёт отправил: 11019. Trira Выполнено за 13 час. 8 мин. [Показать отчёт] Научился: научилась изменять данные в форме на веб-странице при помощи php. Попробовала отправлять методами get и post . Есть разница, но на простом примере - она не очевидна. Сложности: настроить превью в brackets через localhost пока не получается |
|||||
6 | Session |
2 теста |
|||
В этом уроке мы задействуем сессию для хранения значения счётчика.
Отчёт отправил: 11019. Trira Выполнено за 3 час. 3 мин. [Показать отчёт] Научился: организовала сохранение параметров Session на сервере, создав в php коде переменную $_SESSION["counter"] Нашла в меню хрома команду, которая позволяет увидеть активную сессию и ее параметры. Сложности: обнулить кукизы при активном окне не получилось. Очистка кэша срабатывает только если закрыть окно браузера с localhost, а затем запустить этот запрос снова |
|||||
7 | MySQL |
7 тестов |
|||
На этом уроке мы создадим базу данных.
Отчёт отправил: 11019. Trira Выполнено за 25 мин. [Показать отчёт] Научился: Создала БД MYBASE с одной таблицей mytable , в которой есть одно поле counter. Написала и запустила на выполнение SQL-запрос , который увеличивает значение поля counter на 1 Сложности: не испугаться, когда СУБД ругается на неверно работающий запрос для БД-)) |
|||||
8 | PDO |
1 тест |
|||
Отчёт отправил: 11019. Trira Выполнено за 1 час. 0 мин. [Показать отчёт] Научился: организовала подключение и связь с БД MYBASE через технологию PDO в php-коде Сложности: для первой БД была выбрана неверная utf8 кодировка. Поэтому интерпретатор php выдавал ошибку доступа к БД. Удалила первую базу и создала MYBASE заново с верной кодировкой. Все заработало. Но остался один вопрос: почему при отработке кнопки в браузере не обновляется содержимое поля counter в mytable? Ведь на странице увеличенное значение появляется снова даже после закрытия вкладки |
|||||
9 | VIP. Parent |
|
|||
Отчёт отправил: 11019. Trira Выполнено за 20 час. 36 мин. [Показать отчёт] Научился: Научилась добавлять JS на php-страницу. В этом случае скрипт дает возможность добавлять увеличивать значение поля в БД без необходимости перезагрузки страницы. Скрипт помещается в php-файл, но интерпретируется и отрабатывает в браузере. Наконец-то получила возможность потрогать "живые кукизы", о которых так много слышала раньше. Сложности: Остался вопрос: насколько все-таки применение JS для серверных запросов оправдано с точки зрения защищенности кода от возможности изменения на стороне клиента. |
|||||
10 | Финальный урок |
без видео 2 теста |
|||
Оставьте отзыв о курсе и запишите видеобзор о том, что вы сделали и чему вы научились, при желании.
Отчёт отправил: 11019. Trira Выполнено за 33 мин. [Показать отчёт] Научился: Звездная команда - HTML+CSS+JS+PHP+MySQL - это самые лучшие технологии для создания сайтов. И работают они наилучшим образом именно во взаимодействии друг с другом. Данный курс позволяет на простом примере попробовать реализовать все эти технологии по очереди и "в букете". Всего лишь за 9 коротких уроков можно не просто создать прототип реального сайта с архитектурой клиент-сервер, но и по-шагово разобраться в том, как взаимодействуют все ее составляющие. Настоятельно рекомендую не только тем, кто только начинает осваивать профессию веб-разработчика, но и тем, кто считает себя таковым. |
|||||
Итого: 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 . |