HTML Academy. Интерактивные онлайн-курсы по HTML и CSS

http://htmlacademy.ru ИНТЕРАКТИВНЫЕ ОНЛАЙН-КУРСЫ ПО HTML И CSS Першин А.А. 2013
Cанкт-Петербургский национальный исследовательский университет информационных технологий, механики и оптики

http://htmlacademy.ru ЭВОЛЮЦИЯ СОДЕРЖАНИЯ ОНЛАЙН- КУРСОВ Текст и изображения (Moodle) Видеокурсы
(Coursera) Интерактивные курсы (Codeacademy) Видео плюс интерактив (Treehouse)

http://htmlacademy.ru MOODLE moodle.org

http://htmlacademy.ru COURSERA coursera.org

http://htmlacademy.ru CODEACADEMY codecademy.com

http://htmlacademy.ru TREEHOUSE teamtreehouse.com

http://htmlacademy.ru HTML ACADEMY htmlacademy.ru

http://htmlacademy.ru АКТУАЛЬНОСТЬ Нехватка квалифицированных верстальщиков и фронтэнд-разработчиков Верстальщик — HTML,
CSS Фронтэнд-разработчик — HTML, CSS, JavaScript

http://htmlacademy.ru АКТУАЛЬНОСТЬ

http://htmlacademy.ru ПРИНЦИПЫ Учить работать с реальным кодом На задачах, приближены
к реальным Заинтересовывать и увлекать Пропагандировать веб-технологии От новичка до трудоустроенного профессионала

http://htmlacademy.ru ОСОБЕННОСТИ Упор на практику Интерактивность Работа в режиме реального
времени Использование игровых механик

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ Краткая теория

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ Цели задания

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ Редакторы кода

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ ] Мини-браузер

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ Исходное состояние

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ 1 цель выполнена

http://htmlacademy.ru ИНТЕРАКТИВНОЕ ЗАДАНИЕ Задание выполнено

http://htmlacademy.ru ИСПЫТАНИЕ Интерфейс испытания

http://htmlacademy.ru ИСПЫТАНИЕ Процент выполнения

http://htmlacademy.ru ИСПЫТАНИЕ Образец

http://htmlacademy.ru ИСПЫТАНИЕ Испытание пройдено

http://htmlacademy.ru ИСПЫТАНИЕ Различия

http://htmlacademy.ru ИСПЫТАНИЕ Идеальное прохождение

http://htmlacademy.ru СТРУКТУРЫ КУРСА Только задания З-З-З Курс с итоговым испытанием
З-З-З-И Курс с промежуточными испытаниями З-З-И-З-З-И

http://htmlacademy.ru ИНТЕРАКТИВНАЯ ДЕМОНСТРАЦИЯ Вкладка HTML

http://htmlacademy.ru ИНТЕРАКТИВНАЯ ДЕМОНСТРАЦИЯ Вкладка CSS

http://htmlacademy.ru ИНТЕРАКТИВНАЯ ДЕМОНСТРАЦИЯ Выделена часть кода

http://htmlacademy.ru ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ JavaScript Ace editor http://ace.ajax.org <iframe> CutyСapt (обёртка
для WebKit) http://cutycapt.sourceforge.net LAMP

http://htmlacademy.ru ИГРОВЫЕ МЕХАНИКИ (ИГРОИЗАЦИЯ) Задания —> квест Испытание —> босс,
перфекционизм Достижения —> награда Рейтинг —> статус Очки —> награда, валюта

http://htmlacademy.ru ЭКСПЕРИМЕНТ Проверить, влияют ли игровые механики на процесс обучения
и если влияют, то насколько сильно. Можно измерять: Количество времени, потраченное на курс Процент прохождения курса Качество прохождения (как выполнены испытания) Скорость прохождения курса

http://htmlacademy.ru ПРАКТИЧЕСКОЕ ПРИМЕНЕНИЕ У студентов 3 курса НИУ ИТМО на
дисциплине "Информационные технологии" В открытом доступе для всех желающих

http://htmlacademy.ru ТЕКУЩАЯ СТАТИСТИКА 8 из 16 курсов базового цикла 2
демонстрации более 250 пользователей выполнено более 8500 заданий получено более 1300 достижений

http://htmlacademy.ru Спасибо за внимание

HTML Academy. Интерактивные онлайн-курсы по HTML и CSS

HTML Academy. Интерактивные онлайн-курсы по HTML и CSS

More Decks by Alexander Pershin

Other Decks in Education

Featured

Transcript