Оглавление 2
ВВЕДЕНИЕ 4
ГЛАВА I. РАЗРАБОТКА САЙТА НА ДВИЖКЕ WORDPRESS 6
1.0 Введение 6
1.1 Знакомство с курсом 7
1.2 Оценка полноты изложения 8
1.3 Оценка доступности изучения материала (порог входа) 9
1.4 Оценка актуальности и перспективности 10
1.5 Подытог 11
ГЛАВА II. РАЗРАБОТКА САЙТА С НУЛЯ С ПОМОЩЬЮ ТЕХНОЛОГИЙ HTML, CSS и JS 12
2.0 Введение 12
2.1 Знакомство с курсом 13
2.2 Оценка полноты изложения 14
2.3 Оценка доступности изучения материала (порог входа) 15
2.4 Оценка актуальности и перспективности 16
2.5 Подытог 17
ГЛАВА III. РАЗРАБОТКА САЙТА С ПОМОЩЬЮ ФРЕЙМВОРКА ANGULAR 18
3.0 Что такое Angular 18
3.1 Знакомство с курсом 19
3.2 Оценка полноты изложения 20
3.3 Оценка доступности изучения материала (порог входа) 21
3.4 Оценка актуальности и перспективности 22
3.5 Подытог 23
ГЛАВА IV. ЗНАКОМСТВО С HTML 24
4.0 Введение 24
4.1 Структура HTML 25
4.2 Форматирование текста 26
4.3 HTML Формы 28
ГЛАВА V. ЗНАКОМСТВО С CSS 30
4. Введение 30
4.1 Правила и селекторы в CSS 31
4.2 Селекторы в CSS 32
ГЛАВА VI. ЗНАКОМСТВО С ФРЕЙМВОРКОМ ANGULAR 36
5. Вступление 36
5.1 Установка 37
5.2 Компоненты 39
5.3 Работа с HTML-шаблонами 41
5.4 Маршрутизация 44
5.5 Привязка событий 45
5.6 Привязка классов и стилей 46
5.7 Сервисы 48
5.8 HTTP клиент 49
5.9 Формы 52
ЗАКЛЮЧЕНИЕ 55
СПИСОК ЛИТЕРАТУРЫ 56
ПРИЛОЖЕНИЕ 5
Актуальность. В настоящее время использование современных технологий помогает решать множество рутинных задач таким образом, что мы не только экономим время, но и исключаем возможные ошибки, являющиеся следствием человеческого фактора, который свойственен нам всем. В реалиях сегодняшнего дня сложно представить себе организацию, не имеющую собственного сайта в сети Интернет. Наличие сайта позволяет массово заявить о себе широкому кругу пользователей интернета. Переходя непосредственно к разработке собственного сайта, встречается множество подходов и учебных материалов. В этой работе содержится повествование о том, чем они отличаются, а также полноценный курс по созданию сайта собственной разработки.
Целью работы является обзор существующих практических курсов, с целью выявления их преимуществ и недостатков по следующим критериям:
• Полнота изложения
• Доступность (порог входа)
• Актуальность и перспективность
А также разработка собственного курса по созданию сайта.
Работа состоит из введения, трёх глав, освещающих особенности разработки сайта различными подходами, трёх глав, посвященных собственному курсу по созданию сайта, заключения, списка литературы и приложения.
Оценив три различных подхода к построению сайта, можно сделать вывод, зависящий от краеугольного условия: планируете ли вы и в дальнейшем развиваться в сфере веб-разработки?
Если ответ отрицательный, то оптимальным решением будет выбор в пользу WordPress.
Если ответ положительный, то самым правильным путём будет начать изучение с курса по технологиям HTML + CSS + JS, а следом, уже имея за плечами этот необходимый фундамент, переходить на изучение популярного фреймворка Angular.
В этой работе был выполнен полноценный обзор трёх различных подходов к построению веб-сайта, а также продемонстрирован полноценный авторский курс по разработке веб-сайта с нуля, в котором были объединены уроки по фундаментальными знаниям веб-технологий с уроками по передовому на сегодняшний день фреймворку для создания современных сайтов - Angular.
1. Как создать свой сайт — курс по разработке сайтов на технологиях HTML, CSS и JS. URL: https://www.site-do.ru (дата обращения: 17.05.2019) .
2. Создание сайта на CMS WordPress - курс по разработке сайтов на
WordPress. URL: https://www.seostop.ru/sozdanie-saita/wordpress.html
(дата обращения: 17.05.2019)
3. Руководство начинающего разработчика Angular. URL: https://angular.io/tutorial/ (дата обращения: 17.05.2019)
4. «Для тех, кто делает сайты». URL: http://htmlbook.ru/ (дата обращения:
19.05.2019)
5. CSS-Tricks. URL: https://css-tricks.com/ (дата обращения: 19.05.2019)
6. W3Schools Online Web Tutorials. URL: https://www.w3schools.com/ (дата обращения: 20.05.2019)
7. Fireship.io. URL: https://fireship.io/ (дата обращения: 21.05.2019)