МОДУЛЬ 2. БАЗОВЫЙ

Темы второго модуля направлены на формирование базовых навыков web-разработчика. Слушатели будут знать HTML, CSS и JavaScript, иметь навыки работы в консоли и пользования пакетным менеджером, уметь пользоваться CMS и системой контроля версий, уметь верстать и адаптировать сайт под разные браузеры и экраны, владеть JavaScript, уметь работать с пакетными менеджерами (package manager), знать язык запросов SQL, понимать, как устроены БД, и уметь с ними работать, уметь работать с фреймворками.

Часов в программе

52,00 часа

лекции

61,00 час

практика

52,00 часа

самостоятельная

1,00 час

промежуточная аттестация

166,00 часов

всего

Материально-технические условия реализации программы:

Вид занятий: Практические, лекционные занятия, самостоятельная
Требуемое ПО:
Windows 7-11, x64/x86; любой текстовый редактор: блокнот, Notepad++; FTP-клиент FileZilla, SSH-клиент PuTTY; PhpStorm (рекомендуется).
Дополнительно:
- СУБД: MySQL;
- WEB-сервер: Nginx или Apache;
- Редактор кода: Sublime Text.

Информационные ресуры

https://sprint.1t.ru
https://sprint.1t.ru/code
https://1t.ru/course-code

Образовательные ресуры

http://htmlbook.ru/html
http://www.mysql.ru/docs/
https://apps.apple.com/us/app/wordpress-website-builder/id335703880
https://dev.mysql.com/doc/
https://developer.mozilla.org/ru/docs/Web/#javascript
https://developer.mozilla.org/ru/docs/Web/API/
https://developer.mozilla.org/ru/docs/Web/CSS
https://developer.mozilla.org/ru/docs/Web/HTML
https://developers.google.com/search/docs/beginner/seo-starter-guide
https://docs.ispsystem.ru/ispmanager6-lite
https://getbootstrap.com/
https://github.com/WordPress/WordPress
https://google.github.io/styleguide/htmlCSSguide.html
https://habr.com/ru/post/472600/
https://html.com/
https://intensive.skillbox.ru/copywriter-pro/
https://intuit.ru/studies/courses/4099/309/info
https://jino.ru/spravka/articles/ssl.html
https://learn.#javascript.ru/
https://marklodato.github.io/visual-git-guide/index-ru.html
https://putty.org.ru/articles/unix-linux-ref.html
https://ru.hostings.info/schools/putty.html
https://ru.wikipedia.org/wiki/#javascript
https://ru.wikipedia.org/wiki/Git
https://ru.wikipedia.org/wiki/WordPress
https://ru.wordpress.org/
https://texterra.ru/blog/kak-ispolzovat-yandeks-metriku-podrobnoe-rukovodstvo-dlya-nachinayushchikh.html
https://tilda.education/articles-yandex-metrika-guide
https://vps-community.ru/linux-guides/86-kak-ispolzovat-putty-ssh-terminal.html
https://woocommerce.com/
https://wordpress.com/ru/
https://wordpress.com/ru/support/https-ssl/
https://wordpress.stackexchange.com/
https://wpml.org/
https://wp-rocket.me/
https://www.codecademy.com/catalog/language/html-CSS
https://www.i-media.ru/seo/searchengineoptimization/
https://www.phpmyadmin.net/docs/
https://www.tutorialspoint.com/html/index.htm
https://www.w3.org/Style/Examples/011/firstCSS.nl.html
https://www.w3.org/TR/html401/
https://www.w3schools.com/html/html_CSS.asp
https://yandex.ru/adv/edu/metrika/metrika-start
https://yandex.ru/adv/edu/online/webmaster
https://yandex.ru/support/webmaster/
https://yandex.ru/support/webmaster/robot-workings/robot.html
https://yandex.ru/support/webmaster/threats/pereopt.html

Учебно-методические материалы

Методы, формы и технологии

Методы:
Работа в команде, case-study, деловая игра, метод проектов, модульное обучение, проблемное обучение, контекстное обучение.

Формы:
Лекции с использованием мультимедиа, практические занятия, самостоятельная работа, воркшопы, групповая работа обучающихся.
«Марафонное» обучение (12 недель, каждая неделя – отдельный этап ИТ-проекта).

Технологии:
Онлайн-обучение с применением электронного обучения и дистанционных образовательных технологий.

Методические разработки

Обучающие материалы дисциплины представлены в виде видеолекций, текстовых и графических материалов, размещенных на платформе 1T

Материалы курса

Видеолекции
Текстовые материалы лекций
Инструкции для выполнения заданий
Обучающие задания с автоматизированной системой проверки и подсказками
Проверочные задания с автоматизированной системой проверки

Учебная литература

1. HTML и CSS. Разработка и дизайн WEB-сайтов. Автор: Дакетт Джон. Издательство: Эксмо, 2022. – 480 с.
2. SEMBOOK. Энциклопедии поискового продвижения. Авторы: Наталия Неелова, Анна Моргачева. Издательство: Питер, 2014. – 520 c.
3. SEO-искусство раскрутки сайтов. Издательство: Авторы: Эрик Энж, Стефан Спенсер, Рэнд Фишкин, Джесси Стрикчиола. БХВ-Петербург, 2014. – 668 c.
4. WordPress с нуля. Автор: Молочков Владимир Петрович. Издательство: БХВ, 2021. – 304 с.
5. Администрирование в информационных системах: учеб. Пособие. Авторы: Алаева С.С., Бобков, С.П., Ситанов С.В. Иван. гос. хим.-технол. ун-т. Иваново, 2010. – 52 с.
6. Атаки на веб и WordPress. Автор не указан. Издательство: БХВ. 2021. 336 с.
7. Изучаем HTML, XHTML и CSS 2-е изд. Авторы: Робсон Элизабет, Фримен Эрик. Издательство: Эксмо, 2022. – 720 с.
8. Компьютерные сети. Принципы, технологии, протоколы. Авторы: Олифер Виктор Григорьевич, Олифер Наталия Алексеевна. Издательство: Питер, 2020. – 1008 с.
9. Новая большая книга CSS | Макфарланд. Автор: Дэвид Сойер. Издательство: Питер, 2018. – 720 с.
10. Оптимизация и продвижение сайтов в поисковых системах. Авторы: Игорь Ашманов, Андрей Иванов. Издательство: Питер, 2016. – 464 c.
11. Основы администрирования информационных систем : учебное пособие. Авторы: Д. О. Бобынцев, А. Л. Марухленко, Л. О. Марухленко [и др.]. – Москва ; Берлин : Директ-Медиа, 2021. – 202 с.
12. Программирование для детей. Учимся создавать сайты, приложения и игры. HTML, CSS и JavaScript. Автор: Уитни Дэвид. Издательство: Питер, 2022. – 208 с.
13. Разработка WEB-приложений на WordPress. 2-е изд., перераб.и доп. Авторы: Мессенленер Брайан; Коулман Джейсон. Издательство: БХВ, 2021. – 528 с.
14. Создание сайтов на основе WordPress. Учебное пособие для вузов, 3е изд. Автор:| Сергеев Алексей Николаевич. Издательство: БХВ, 2021. – 120 с.
15. Справочник HTML. Кратко, быстро, под рукой. Автор: Кириченко Андрей Валентинович. Издательство: Наука и техника, 2021. – 288 с.

Темы

Раздел 3. Системы управления сайтом (CMS). Тема 3.1 Что такое CMS? Популярные CMS. Тема 3.2 Wordpress: знакомство, установка CMS и администрирование. Тема 3.3 Wordpress: меню и страницы Тема 3.4 Wordpress: темы Тема 3.5 Wordpress: компоненты и плагины Тема 3.6 Wordpress: создание собственного сайта Тема 3.7 WS План Раздел 4. Верстка (базовая). Тема 4.1 HTML: теги, их атрибуты, блочные и строчные элементы Тема 4.2 HTML: формы Тема 4.3 Структура страницы и семантический HTML. Тема 4.4 CSS: введение и базовый синтаксис Тема 4.5 CSS: классы и идентификаторы, псевдоклассы и псевдоэлементы. Тема 4.6 WS Питч Раздел 5 Технологии и администрирование. Тема 5.1 Доменные имена, IP, DNS и как это работает Тема 5.2 Размещение сайта: хостинг, виртуальный сервер, физический сервер Тема 5.3 Знакомство с панелями управления хостингом Тема 5.4 Работа с протоколами (FTP, SSH) Тема 5.5 Сертификаты SSL/TLS, протоколы HTTP/HTTPS Тема 5.6 Системы контроля версий (GIT, GitHub) Тема 5.7 WS Площадка Раздел 6 Основные конструкции JS. Тема 6.1 Введение в JavaScrip Тема 6.2 Переменные и консоль браузера Тема 6.3 Типы данных Тема 6.4 Операторы, if…else, switch Тема 6.5 Циклы и массивы Тема 6.6 Функции Раздел 7 Практическое применение JS. Тема 7.1 Основы ООП Тема 7.2 Работа с DOM. События браузера Тема 7.3 Формы Тема 7.4 Запросы Тема 7.5 jQuery Тема 7.6 Плагины и библиотеки Тема 7.7 WS Проектирование Раздел 8 Разработка. Тема 8.1 Наполнение бэклога Тема 8.2 Управление задачами, трекеры Тема 8.3 Работа в спринтах, специфика методологий Тема 8.4 Архитектура: mvc, модули, гибкое связывание и т.д. Тема 8.5 Unit-тестирование Тема 8.6 Коммуникации в команде и с заказчиком, мозговой штурм Тема 8.7 WS Разработка Раздел 9 Верстка (расширенная). Тема 9.1 Основные инструменты верстки Тема 9.2 Основные графические редакторы: Figma Тема 9.3 Основные графические редакторы: Adobe Photoshop, Adobe Illustrator Тема 9.4 Верстка уникальной темы Wordpress Раздел 10 Тестирование и оптимизация. Тема 10.1 Планирование испытаний, методики Тема 10.2 Тестирование веб-приложений Тема 10.3 Автоматизированное и нагрузочное тестирование Тема 10.4 Введение в SEO. Факторы ранжирования и индексация сайта. Внутренняя SEO-оптимизация. Семантическое ядро. Упаковка сайта Тема 10.5 Инструменты SEO: системы метрик и аналитики Тема 10.6 Введение в копирайтинг. Отличие от рерайтинга. Инструменты копирайтера. Оптимизация контента Тема 10.7 WS Качество

Лекции
1,00ч

Самостоятельная работа
1,00ч

Всего
2,00ч

Промежуточная аттестация 1,00 час

Аттестация включает выполнение практического задания.
Практическое задание – подготовка документа.