Web-сайт на клиентских технологиях (проект) — различия между версиями
Материал из Wiki - Факультет компьютерных наук
Akoptsov (обсуждение | вклад) м (→Какие начальные требования?) |
Akoptsov (обсуждение | вклад) м (→Направления развития) |
||
| Строка 33: | Строка 33: | ||
=== Направления развития === | === Направления развития === | ||
* Представление клиентской части - визуальные эффекты, адаптивность | * Представление клиентской части - визуальные эффекты, адаптивность | ||
| − | + | * Реализовать сложную клиентскую логику, используя предоставляемые браузером API | |
| − | + | * Добавить динамику в сайт, используя AJAX-запросы к данным и шаблонизацию | |
| − | + | * Применить некоторые из известных технологий организации клиентского кода - сборку и минификацию скриптов, CSS-препроцессоры | |
=== Критерии оценки === | === Критерии оценки === | ||
Версия 23:31, 18 ноября 2014
| Ментор | Копцов Александр |
| Учебный семестр | Весна 2015 |
| Учебный курс | 1-й курс |
Что это за проект?
Итог проекта - создание 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 балл
