Занятие 2. Разработка Frontend: HTML, CSS. Web-программирование на Python и React

Видео

Автоматическая SSH-авторизация

Сгенерировать SSH-ключи в Windows в PowerShell, скопировать публичный ключ

Подключиться к Linux (students.cs-develop.ru) и вставить публичный ключ

Теперь SSH-авторизация проходит по ключу без пароля

Статические файлы

Статические файлы - это файлы HTML, CSS, JavaScript, доступные для скачивания клиенту.

Статические файлы в Flask

В каталоге проекта необходимо создать каталог static и разместить в нем статические файлы html, css, js, png и т.п. По умолчанию все статические файлы будет доступны по маршруту .../static/...

Домашнее задание

1. В своем проекте создать папку static
2. В папке static создать файл: index.html
3. В index.html используя emmet ! создать шаблон html-файла.
4. В index.html подключить Bootstrap(opens new window)
5. В index.html добавить навигационную панель с боковой панелью (opens new window), продумать и изменить разделы.
6. В index.html добавить карусель картинок(opens new window)
7. В index.html добавить кнопку Start(opens new window)
8. В index.html добавить, в котором написать "Все права защищены. 2023", сделать цвет красным и по центру, используя style.css
9. В качестве домашнего задания отправить текстовый файл со ссылкой на вашу страничку.