-
Notifications
You must be signed in to change notification settings - Fork 10
/
Plan.html
219 lines (195 loc) · 17.1 KB
/
Plan.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.10.0/github-markdown.min.css"><style type="text/css">body { max-width: 186mm; margin: 0 auto; }
.page-break { page-break-after: always; }
/* .markdown-body { font-size: 11px; } */
.markdown-body pre > code { white-space: pre-wrap; }</style><style type="text/css">/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #333;
background: #f8f8f8;
}
.hljs-comment,
.hljs-quote {
color: #998;
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #333;
font-weight: bold;
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #008080;
}
.hljs-string,
.hljs-doctag {
color: #d14;
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #900;
font-weight: bold;
}
.hljs-subst {
font-weight: normal;
}
.hljs-type,
.hljs-class .hljs-title {
color: #458;
font-weight: bold;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #000080;
font-weight: normal;
}
.hljs-regexp,
.hljs-link {
color: #009926;
}
.hljs-symbol,
.hljs-bullet {
color: #990073;
}
.hljs-built_in,
.hljs-builtin-name {
color: #0086b3;
}
.hljs-meta {
color: #999;
font-weight: bold;
}
.hljs-deletion {
background: #fdd;
}
.hljs-addition {
background: #dfd;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
/*# sourceURL=C:\Projects\web-development-course\node_modules\md-to-pdf\node_modules\highlight.js\styles\github.css*/</style></head>
<body class="markdown-body">
<h1 id="план-курса-web-программирование--пгниу">План курса "Web-программирование" | ПГНИУ</h1>
<!-- toc -->
<ul>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-1-%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-web-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5">Раздел 1: Введение в Web-программирование</a><ul>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-1-%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F-%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BD%D1%86%D0%B5%D0%BF%D1%86%D0%B8%D0%B8-%D0%B2%D1%81%D0%B5%D0%BC%D0%B8%D1%80%D0%BD%D0%BE%D0%B9-%D0%BF%D0%B0%D1%83%D1%82%D0%B8%D0%BD%D1%8B">Тема 1: История и основные концепции всемирной паутины</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-2-html">Тема 2: HTML</a></li>
</ul>
</li>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-2-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-web-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D1%81%D0%BA%D0%BE%D0%B9-%D1%87%D0%B0%D1%81%D1%82%D0%B8">Раздел 2: основы Web-программирования на клиентской части</a><ul>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-3-%D1%8F%D0%B7%D1%8B%D0%BA-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-javascript">Тема 3: язык программирования JavaScript</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-4-%D1%8F%D0%B7%D1%8B%D0%BA-css-%D0%B8-%D0%B2%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0-web-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86">Тема 4: язык CSS и вёрстка web-страниц</a></li>
</ul>
</li>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-3-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-web-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BD%D0%BE%D0%B9-%D1%87%D0%B0%D1%81%D1%82%D0%B8">Раздел 3: основы web-программирования на серверной части</a><ul>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-5-%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%8E-%D1%87%D0%B0%D1%81%D1%82%D1%8C">Тема 5: введение в серверную часть</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-6-%D0%B0%D1%83%D1%82%D0%B5%D0%BD%D1%82%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D1%8F-%D0%B2-web-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F%D1%85">Тема 6: аутентификация в Web-приложениях</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-7-api-ajax">Тема 7: API, AJAX</a></li>
</ul>
</li>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-4-%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5-web-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5">Раздел 4: современное web-программирование</a><ul>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-8-javascript-%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%B2%D0%BE%D1%80%D0%BA%D0%B8">Тема 8: JavaScript фреймворки</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-9-nodejs-%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B8-javascript-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9">Тема 9: Node.js, инструменты разработки JavaScript приложений</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-10-%D0%BE%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%BD%D1%8B%D0%B5-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F">Тема 10: одностраничные приложения</a></li>
<li><a href="#%D1%82%D0%B5%D0%BC%D0%B0-11-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BD%D0%B0%D1%8F-%D1%87%D0%B0%D1%81%D1%82%D1%8C-%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-web-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5">Тема 11: серверная часть современного Web-приложение</a></li>
</ul>
</li>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-5-%D1%80%D0%B0%D0%B7%D0%B2%D1%91%D1%80%D1%82%D1%8B%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-web-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F">Раздел 5: развёртывание Web-приложения</a></li>
<li><a href="#%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB-6-%D0%BE%D0%B1%D0%B7%D0%BE%D1%80-%D0%B4%D1%80%D1%83%D0%B3%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9-web-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F">Раздел 6: обзор других технологий Web-программирования</a></li>
<li><a href="#%D0%B8%D1%82%D0%BE%D0%B3%D0%BE%D0%B2%D0%BE%D0%B5-%D0%BA%D0%BE%D0%BD%D1%82%D1%80%D0%BE%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D0%BC%D0%B5%D1%80%D0%BE%D0%BF%D1%80%D0%B8%D1%8F%D1%82%D0%B8%D0%B5">Итоговое контрольное мероприятие</a></li>
</ul>
<!-- tocstop -->
<h2 id="раздел-1-введение-в-web-программирование">Раздел 1: Введение в Web-программирование</h2>
<p>Изучение основных понятий и концепций всемирной паутины и Web-программирования, подробное изучение языка HTML.</p>
<h3 id="тема-1-история-и-основные-концепции-всемирной-паутины">Тема 1: История и основные концепции всемирной паутины</h3>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ? </p>
</blockquote>
<p>Изучение истории Интернета и Web-программирования, основных понятий и концепций Интернета и Web-приложений: клиент-серверные приложения, веб-приложения, работа DNS, структура URL, протокол HTTP(S), HTML, концепция веб-приложений.</p>
<h3 id="тема-2-html">Тема 2: HTML</h3>
<blockquote>
<p>Самостоятельная работа -- ?<br>Практики -- 2 часа</p>
</blockquote>
<p>Изучение основ языка XML и развёрнутое изучение языка HTML: основные понятия, синтаксис, концепция DOM дерева, основные HTML элементы, семантика и отличие от XML. Использование HTML для создания структуры web-страницы.</p>
<h2 id="раздел-2-основы-web-программирования-на-клиентской-части">Раздел 2: основы Web-программирования на клиентской части</h2>
<p>Изучение языка каскадных стилей CSS, практика использования HTML и CSS в создании Web-страниц. Язык JavaScript и его использование на Web-страницах.</p>
<h3 id="тема-3-язык-программирования-javascript">Тема 3: язык программирования JavaScript</h3>
<blockquote>
<p>Лекции -- 4 часов<br>Самостоятельная работа -- ?<br>Практики -- 2 часа</p>
</blockquote>
<p>Изучение языка программирование JavaScript: синтаксис языка, типизация, асинхронность и событийно-ориентированная парадигма. Работа с DOM и BOM на JavaScript. Знакомство с библиотекой jQuery и её местом в web-программировании.</p>
<h3 id="тема-4-язык-css-и-вёрстка-web-страниц">Тема 4: язык CSS и вёрстка web-страниц</h3>
<blockquote>
<p>Самостоятельная работа -- ?<br>Практики -- 8 часов</p>
</blockquote>
<p>Изучение языка CSS: синтаксис, основные группы свойств. Практика создания Web-страниц. Знакомство с UI-фреймворками.</p>
<h2 id="раздел-3-основы-web-программирования-на-серверной-части">Раздел 3: основы web-программирования на серверной части</h2>
<p>Изучение основных концепций разработки серверной части традиционных Web-приложений и подхода AJAX. </p>
<h3 id="тема-5-введение-в-серверную-часть">Тема 5: введение в серверную часть</h3>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ?<br>Практики -- 3 часов</p>
</blockquote>
<p>Изучение концепций разработки серверной части и традиционных Web-приложений. Практика обработка HTML форм. Обзор подходов и инструментов разработки серверной части Web-приложений от самостоятельной обработки HTTP запросов по TCP до CMS и конструкторов сайтов. Знакомство с шаблонизацией и маршрутизацией.</p>
<h3 id="тема-6-аутентификация-в-web-приложениях">Тема 6: аутентификация в Web-приложениях</h3>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ?<br>Практики -- 2 часов</p>
</blockquote>
<p>Знакомство с понятиями идентификация, аутентификация и авторизация. Изучение основных традиционных подходов к аутентификации в Web-приложениях, понятия сессия способов её реализации. Изучение способов хранения данных на клиенте.</p>
<h3 id="тема-7-api-ajax">Тема 7: API, AJAX</h3>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ?<br>Практики -- 1 час</p>
</blockquote>
<p>Знакомство с разработкой API для Web-приложений. Изучение подхода AJAX.</p>
<h2 id="раздел-4-современное-web-программирование">Раздел 4: современное web-программирование</h2>
<p>Изучение современной Web-разработкой, JavaScript фреймворков, инструментов разработки и сборки приложения. </p>
<h3 id="тема-8-javascript-фреймворки">Тема 8: JavaScript фреймворки</h3>
<blockquote>
<p>Лекции -- 4 часа
Самостоятельная работа -- ?<br>Практики -- 2 часа</p>
</blockquote>
<p>Изучение современных JavaScript фреймворков, концепции реактивности и компонентного подхода к разработке Web-страниц.</p>
<h3 id="тема-9-nodejs-инструменты-разработки-javascript-приложений">Тема 9: Node.js, инструменты разработки JavaScript приложений</h3>
<blockquote>
<p>Лекции -- 2 часа
Самостоятельная работа -- ? </p>
</blockquote>
<p>Знакомство с Node.js и инструментами разработки и сборки современных JavaScript приложений: CSS-препроцессорами, понятием транспайлер, Babel.js, сборщиками и инструментами анализа JavaScript приложений. Изучение пакетного менеджера NPM.</p>
<h3 id="тема-10-одностраничные-приложения">Тема 10: одностраничные приложения</h3>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ?<br>Практики -- 2 часа</p>
</blockquote>
<p>Знакомство с HTML 5 History API. Изучение концепции одностраничных приложений (SPA) и клиентского роутинга в разработке Web-страниц. Знакомство с концепцией серверного рендеринга в SPA и изоморфных приложений.</p>
<h3 id="тема-11-серверная-часть-современного-web-приложение">Тема 11: серверная часть современного Web-приложение</h3>
<blockquote>
<p>Лекции -- 4 часа<br>Самостоятельная работа -- ?<br>Практики -- 4 часа</p>
</blockquote>
<p>Изучение подходов к аутентификации в современных Web-приложениях и их отличий от традиционных подходов. Изучение инфраструктуры больших Web-приложений. </p>
<h2 id="раздел-5-развёртывание-web-приложения">Раздел 5: развёртывание Web-приложения</h2>
<blockquote>
<p>Лекции -- 2 часа<br>Самостоятельная работа -- ?<br>Практики -- 2 часа</p>
</blockquote>
<p>Обзор подходов к развёртыванию Web-приложения: On-Premise развёртывание, инфраструктура-как-сервис, платформа-как-сервис, приложение-как-сервис, функция-как-сервис. Знакомство с понятием "Облако". Практика развёртывания простого Web-приложения.</p>
<h2 id="раздел-6-обзор-других-технологий-web-программирования">Раздел 6: обзор других технологий Web-программирования</h2>
<blockquote>
<p>Лекции -- 2 часа</p>
</blockquote>
<p>Краткий обзор неизученных возможностей Web-приложений и технологий разработки: мобильная разработка и разработка настольных приложений на Web-технологиях, прогрессивные приложения (PWA), компьютерная графика в Web-приложениях, протоколы SSE, WebSocket, WebRTC, формат байт-кода WebAssembly.</p>
<p>Знакомство с неизученными аспектами Web-программирования: поисковой оптимизацией, тестированием, локализацией, интернационализацией, доступностью.</p>
<h2 id="итоговое-контрольное-мероприятие">Итоговое контрольное мероприятие</h2>
<p>Итоговое контрольное мероприятие проводится в виде экзамена (тест)</p>
</body></html>