Wiki - Факультет компьютерных наук - Вклад [ru]

Web-сайт на клиентских технологиях (проект)

2016-02-22T11:47:24Z

Akoptsov: Добавлены материалы четвертого Office Hours

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
[http://www.slideshare.net/katyacherniak/koptsovwebintroduction (презентация проекта)]
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE(Edge), Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественный дизайн и техническое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
4-5: зачёт

6-7: хорошо

8-10: отлично

==== Расписание занятий ====
ПН, 18:10, ауд. 322

=== Материалы ===
*[https://goo.gl/Tl89RL Office Hours I - Организационная часть, ресурсы, инструменты]
*[https://goo.gl/mJRe9A Office Hours II - HTML и CSS]
*[https://goo.gl/Cv9vth Домашнее задание по HTML и CSS]
*[https://goo.gl/9ivoKh Office Hours III - JavaScript]
*[https://goo.gl/GyWvYh Домашнее задание по JavaScript]
*[https://goo.gl/zU0ZvP Office Hours IV - Библиотеки, сборка и первая контрольная точка]
*[https://goo.gl/iZrMrc Шаблон плана проектной работы для первой контрольной точки]

Web-сайт на клиентских технологиях (проект)

2016-02-22T11:40:17Z

Akoptsov: Добавлен шаблон плана

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
[http://www.slideshare.net/katyacherniak/koptsovwebintroduction (презентация проекта)]
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE(Edge), Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественный дизайн и техническое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
4-5: зачёт

6-7: хорошо

8-10: отлично

==== Расписание занятий ====
ПН, 18:10, ауд. 322

=== Материалы ===
*[https://goo.gl/Tl89RL Office Hours I - Организационная часть, ресурсы, инструменты]
*[https://goo.gl/mJRe9A Office Hours II - HTML и CSS]
*[https://goo.gl/Cv9vth Домашнее задание по HTML и CSS]
*[https://goo.gl/9ivoKh Office Hours III - JavaScript]
*[https://goo.gl/GyWvYh Домашнее задание по JavaScript]
*[https://goo.gl/iZrMrc Шаблон плана проектной работы для первой контрольной точки]

Web-сайт на клиентских технологиях (проект)

2016-02-14T21:01:27Z

Akoptsov: Добавлены материалы третьего Office Hours и ДЗ по JavaScript

Web-сайт на клиентских технологиях (проект)

2016-02-08T06:30:02Z

Akoptsov: /* Материалы */

Web-сайт на клиентских технологиях (проект)

2016-02-08T00:35:33Z

Akoptsov: /* Добавлены материалы второго Office Hours */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
[http://www.slideshare.net/katyacherniak/koptsovwebintroduction (презентация проекта)]
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE(Edge), Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественный дизайн и техническое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
4-5: зачёт

6-7: хорошо

8-10: отлично

==== Расписание занятий ====
ПН, 18:10, ауд. 322

=== Материалы ===
*[https://goo.gl/Tl89RL Office Hours I - Организационная часть, ресурсы, инструменты]
*[https://goo.gl/mJRe9A Office Hours II - HTML и CSS]
*[https://goo.gl/S6YLkT Домашнее задание по HTML и CSS]

Web-сайт на клиентских технологиях (проект)

2016-02-01T19:04:28Z

Akoptsov: Добавлена презентация c первого Office Hours

Web-сайт на клиентских технологиях (проект)

2016-02-01T18:59:34Z

Akoptsov: /* Ориентировочное расписание занятий */

Web-сайт на клиентских технологиях (проект)

2015-11-30T09:22:59Z

Akoptsov: /* Минимальные требования к сайту (на 4 балла): */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE(Edge), Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественный дизайн и техническое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

Web-сайт на клиентских технологиях (проект)

2015-11-30T09:22:38Z

Akoptsov: /* Дополнительно: */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественный дизайн и техническое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

Web-сайт на клиентских технологиях (проект)

2015-11-30T09:21:43Z

Akoptsov: Добавлена информация о бонусных баллах в критерии

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Плюс к этому, качественное техническое и эстетическое выполнение проекта может принести ещё 1-2 бонусных балла

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

Web-сайт на клиентских технологиях (проект)

2015-11-30T09:16:48Z

Akoptsov: Удалил ссылки на материалы прошлого года

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

Web-сайт на клиентских технологиях (проект)

2015-11-29T11:52:42Z

Akoptsov: /* Ориентировочное расписание занятий */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

==== Материалы ====
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F2EPJ%2F4jjgZNu24R81dt9xKLO3fPXuSberu8nIPINaP0%3D&name=VH01.resources-tools.pdf&c=54da745291a3 Office Hours I - Ресурсы и инструменты]
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FV58ij%2Fe0hp2VFUMhvy9Q9Hzi3sbg6eWPXrWNE6crVhs%3D&name=VH.01.html-css.pdf&c=54e34bf199fe Office Hours II - HTML и CSS] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F%2Bu5Q3U%2BjgbqJyK4QsbAiFznSnW1by%2BNY%2BctYX9cGN9E%3D&name=HW01.HTML-CSS.zip&c=54e34ce26243 Домашнее задание по HTML и CSS])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2Fs3uXTMHtRgSyhIOvYo%2BiSyB4T6HiQVj%2BqykznMoZ44M%3D&name=VH.03.javascript.pdf&c=54ec7baddf19 Office Hours III - JavaScript] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FgY%2BmPfrVzsEeOwj0EE3%2BYrLq1yElmZ6DJlN6nG%2Bvm5o%3D&name=HW02.JS.zip&c=54ec73d4d8e9 Домашнее задание по JavaScript])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FRtZsk3WJiHAAYwudDrngG7%2FURFJ%2BGT6p2%2FjWrwB24E8%3D&name=VH.04.libs.assembly.pdf&c=550c0f054b05 Office Hours IV - Библиотки и сборка]

Web-сайт на клиентских технологиях (проект)

2015-11-29T11:52:26Z

Akoptsov: /* Ориентировочное расписание занятий */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2016
|course=1
|summer=
|categorize=yes

}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Ориентировочное расписание занятий ====
* После 18-00 по понедельникам или средам

==== Материалы ====
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F2EPJ%2F4jjgZNu24R81dt9xKLO3fPXuSberu8nIPINaP0%3D&name=VH01.resources-tools.pdf&c=54da745291a3 Office Hours I - Ресурсы и инструменты]
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FV58ij%2Fe0hp2VFUMhvy9Q9Hzi3sbg6eWPXrWNE6crVhs%3D&name=VH.01.html-css.pdf&c=54e34bf199fe Office Hours II - HTML и CSS] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F%2Bu5Q3U%2BjgbqJyK4QsbAiFznSnW1by%2BNY%2BctYX9cGN9E%3D&name=HW01.HTML-CSS.zip&c=54e34ce26243 Домашнее задание по HTML и CSS])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2Fs3uXTMHtRgSyhIOvYo%2BiSyB4T6HiQVj%2BqykznMoZ44M%3D&name=VH.03.javascript.pdf&c=54ec7baddf19 Office Hours III - JavaScript] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FgY%2BmPfrVzsEeOwj0EE3%2BYrLq1yElmZ6DJlN6nG%2Bvm5o%3D&name=HW02.JS.zip&c=54ec73d4d8e9 Домашнее задание по JavaScript])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FRtZsk3WJiHAAYwudDrngG7%2FURFJ%2BGT6p2%2FjWrwB24E8%3D&name=VH.04.libs.assembly.pdf&c=550c0f054b05 Office Hours IV - Библиотки и сборка]

Web-сайт на клиентских технологиях (проект)

2015-03-20T12:18:00Z

Akoptsov: /* Материалы */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Материалы ====
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F2EPJ%2F4jjgZNu24R81dt9xKLO3fPXuSberu8nIPINaP0%3D&name=VH01.resources-tools.pdf&c=54da745291a3 Office Hours I - Ресурсы и инструменты]
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FV58ij%2Fe0hp2VFUMhvy9Q9Hzi3sbg6eWPXrWNE6crVhs%3D&name=VH.01.html-css.pdf&c=54e34bf199fe Office Hours II - HTML и CSS] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F%2Bu5Q3U%2BjgbqJyK4QsbAiFznSnW1by%2BNY%2BctYX9cGN9E%3D&name=HW01.HTML-CSS.zip&c=54e34ce26243 Домашнее задание по HTML и CSS])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2Fs3uXTMHtRgSyhIOvYo%2BiSyB4T6HiQVj%2BqykznMoZ44M%3D&name=VH.03.javascript.pdf&c=54ec7baddf19 Office Hours III - JavaScript] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FgY%2BmPfrVzsEeOwj0EE3%2BYrLq1yElmZ6DJlN6nG%2Bvm5o%3D&name=HW02.JS.zip&c=54ec73d4d8e9 Домашнее задание по JavaScript])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FRtZsk3WJiHAAYwudDrngG7%2FURFJ%2BGT6p2%2FjWrwB24E8%3D&name=VH.04.libs.assembly.pdf&c=550c0f054b05 Office Hours IV - Библиотки и сборка]

Web-сайт на клиентских технологиях (проект)

2015-02-24T13:25:53Z

Akoptsov: /* Материалы */

Web-сайт на клиентских технологиях (проект)

2015-02-24T13:25:18Z

Akoptsov: Добавлена презентация и ДЗ по JavaScript

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Материалы ====
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F2EPJ%2F4jjgZNu24R81dt9xKLO3fPXuSberu8nIPINaP0%3D&name=VH01.resources-tools.pdf&c=54da745291a3 Office Hours I - Ресурсы и инструменты]
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FV58ij%2Fe0hp2VFUMhvy9Q9Hzi3sbg6eWPXrWNE6crVhs%3D&name=VH.01.html-css.pdf&c=54e34bf199fe Office Hours II - HTML и CSS] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F%2Bu5Q3U%2BjgbqJyK4QsbAiFznSnW1by%2BNY%2BctYX9cGN9E%3D&name=HW01.HTML-CSS.zip&c=54e34ce26243 Домашнее задание по HTML и CSS])
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2Fs3uXTMHtRgSyhIOvYo%2BiSyB4T6HiQVj%2BqykznMoZ44M%3D&name=VH.03.javascript.pdf&c=54ec7baddf19 Office Hours III] ([https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2FgY%2BmPfrVzsEeOwj0EE3%2BYrLq1yElmZ6DJlN6nG%2Bvm5o%3D&name=HW02.JS.zip&c=54ec73d4d8e9 Домашнее задание по JavaScript])

Web-сайт на клиентских технологиях (проект)

2015-02-17T14:13:23Z

Akoptsov: Добавлена презентация и ДЗ по второму Office Hours

Web-сайт на клиентских технологиях (проект)

2015-02-17T14:09:50Z

Akoptsov: /* Материалы */

Web-сайт на клиентских технологиях (проект)

2015-02-17T14:08:24Z

Akoptsov: /* Материалы */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Материалы ====
* [https://docviewer.yandex.ru/?url=ya-disk-public%3A%2F%2F2EPJ%2F4jjgZNu24R81dt9xKLO3fPXuSberu8nIPINaP0%3D&name=VH01.resources-tools.pdf&c=54da745291a3 Office Hours I - Ресурсы и инструменты]
* [https://docviewer.yandex.ru/?url=ya-disk%3A%2F%2F%2Fdisk%2FДокументы%2FHSE%2Fpractice%2Foffice%20hours%2F2015.02.17%2FVH.01.html-css.pdf&name=VH.01.html-css.pdf&c=54e34ae811f6 Office Hours II - HTML и CSS]

Web-сайт на клиентских технологиях (проект)

2015-02-10T21:17:30Z

Akoptsov: /* Материалы */

Web-сайт на клиентских технологиях (проект)

2015-02-10T21:12:46Z

Akoptsov: Добавлена ссылка на презентацию с Office Hours I

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:Akoptsov|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

==== Материалы ====
* [https://yadi.sk/i/GgZ2UBWJebCTh Office Hours I - Ресурсы и инструменты]

Участник:Akoptsov

2015-01-22T19:00:15Z

Akoptsov: /* Контакты */

{{Карточка_ментора
|categorize = yes
}}

== Копцов Александр Александрович ==

=== Образование ===
* Московский Государственный Университет им М. В. Ломоносова, механико-математический факультет, 2008 г.

=== Место работы ===
* Компания Яндекс - с 2013 г

=== Специализация ===
* Front-end разработка для web

=== Контакты ===
* e-mail: [mailto:aleksandr.koptsov@gmail.com aleksandr.koptsov@gmail.com]

Участник:Akoptsov

2015-01-22T16:24:41Z

Akoptsov: /* Копцов Александр Александрович */

{{Карточка_ментора
|categorize = yes
}}

== Копцов Александр Александрович ==

=== Образование ===
* Московский Государственный Университет им М. В. Ломоносова, механико-математический факультет, 2008 г.

=== Место работы ===
* Компания Яндекс - с 2013 г

=== Специализация ===
* Front-end разработка для web

=== Контакты ===
* e-mail: [http://mailto:aleksandr.koptsov@gmail.com aleksandr.koptsov@gmail.com]

Web-сайт на клиентских технологиях (проект)

2015-01-12T06:46:47Z

Akoptsov: /* Критерии оценки */

Участник:Akoptsov

2014-11-25T07:37:47Z

Akoptsov: Новая страница: «== Копцов Александр Александрович == === Образование === * Московский Государственный Униве…»

== Копцов Александр Александрович ==

=== Образование ===
* Московский Государственный Университет им М. В. Ломоносова, механико-математический факультет, 2008 г.

=== Место работы ===
* Компания Яндекс - с 2013 г

=== Специализация ===
* Front-end разработка для web

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:44:25Z

Akoptsov: /* Минимальные требования к сайту (на 4 балла): */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:41:43Z

Akoptsov: /* Полезность проекта */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из вариантов задания будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:41:26Z

Akoptsov: /* Что это за проект? */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
==== Итог проекта ====
Создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

==== Полезность проекта ====
Помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:40:41Z

Akoptsov: /* Темы вводных занятий */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===
* Использование HTML и CSS в клиентской разработке
* Язык программирования JavaScript, браузер как среда выполнения
* Особенности разработки интерфейсов вообще и web-интерфейсов в частности

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:35:00Z

Akoptsov: /* Какие будут использоваться технологии? */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:34:39Z

Akoptsov: /* Критерии оценки */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

==== Минимальные требования к сайту (на 4 балла): ====
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

==== Дополнительно: ====
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

==== Соответствие баллов и оценок ====
* 4-5: зачёт
* 6-7: хорошо
* 8-10: отлично

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:31:40Z

Akoptsov: /* Направления развития */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

Минимальные требования к сайту (на 4 балла):
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

Дополнительно:
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:31:27Z

Akoptsov: /* Какие начальные требования? */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

Минимальные требования к сайту (на 4 балла):
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

Дополнительно:
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:31:15Z

Akoptsov: /* Чему вы научитесь? */

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

Минимальные требования к сайту (на 4 балла):
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

Дополнительно:
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл

Web-сайт на клиентских технологиях (проект)

2014-11-18T20:30:54Z

Akoptsov: Новая страница, с помощью формы Новый_проект

{{Карточка_проекта
|name=Web-сайт на клиентских технологиях
|mentor=Копцов Александр
|mentor_login={{URLENCODE:{{REVISIONUSER}}|WIKI}}
|semester=Весна 2015
|course=1
|summer=
|categorize=yes
}}

=== Что это за проект? ===
Итог проекта - создание web-сайта на одну из представленных тем с использованием клиентских технологий. Реализация серверной части сайта в этот проект не входит.

Полезность проекта - помимо чисто утилитарной полезности сайта (одним из заданий будет создание персональной страницы, которая может пригодиться в будущем) проект полезен тем, что даёт некоторое представление об устройстве той части Сети, которую мы ежедневно видим в браузере.

=== Чему вы научитесь? ===
* Основам работы с клиентскими технологиями - HTML, CSS
* Основам работы с языком JavaScript
* Принципам построения клиентской части web-сайтов и web-приложений

=== Какие начальные требования? ===
* Умение пользоваться текстовым редактором
* Желание узнать про клиентскую разработку для web

=== Какие будут использоваться технологии? ===
* git, github
* HTML, CSS
* JavaScript

=== Темы вводных занятий ===

=== Направления развития ===
* Представление клиентской части - визуальные эффекты, адаптивность
* Реализовать сложную клиентскую логику, используя предоставляемые браузером API
* Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию
* Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры

=== Критерии оценки ===
Критерии оценки примерно такие:

Минимальные требования к сайту (на 4 балла):
* Соответствует макету задания (если студент взял готовый вариант)
* Имеет не менее 3 разных страниц, оформленных в едином стиле, с межстраничной навигацией (если студент придумал свой вариант)
* Имеет нетривиальную клиентскую логику. Примеры: аккордеон, баннер с переключающимися картинками на JS
* Открывается без ошибок, и более-менее одинаково выглядит в актуальных десктопных версиях IE, Chrome, Firefox, Яндекс.Browser, Safari и Opera.

Дополнительно:
* Использование эффектов СSS3 в оформлении: +1 балл
* Использование AJAX: +1 балл
* Использование шаблонизации: +1 балл
* Сборка CSS: +1 балл
* Минификация и сборка JS: +1 балл
* Нетривиальное использование браузерных API (localStorage, etc.): +1 балл