Просмотр исходного текста страницы Web-сайт на клиентских технологиях (проект)

{{Карточка_проекта
|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 по понедельникам или средам