HTML Academy на EduCamp 2013

О чем HTML Academy, зачем он нужен, его обучающие интерфейсы, а также немного о вузах и компетенциях.

Transcript

1. Интерактивные онлайн-курсы по HTML и CSS http://htmlacademy.ru
2. Что такое вёрстка? HTML-вёрстка — создание из исходного графического макета веб-страницы.
3. Что такое вёрстка?
4. Что такое вёрстка?
5. Специалисты Верстальщик HTML, CSS Фронтэнд-разработчик HTML, CSS, JavaScript
6. Специалисты
7. Проблемы? Квалифицированных верстальщиков и фронтэнд-разработчиков остро не хватает
8. Наше решение 1. Учить работать с реальным кодом 2. На задачах, приближены к реальным 3. Заинтересовывать и увлекать 4. Пропагандировать веб-технологии 5. От новичка до трудоустроенного профессионала
9. Особенности подхода 1. Упор на практику 2. Интерактивность 3. Работа в режиме реального времени 4. Использование игровых механик
10. Обучающие интерфейсы 1. Интерактивное задание 2. Испытание 3. Интерактивная демонстрация
11. Интерактивное задание Интерфейс задания
12. Интерактивное задание Краткая теория
13. Интерактивное задание Цели задания
14. Интерактивное задание Редакторы кода
15. Интерактивное задание Мини-браузер
16. Интерактивное задание Исходное состояние
17. Интерактивное задание 1 цель выполнена
18. Интерактивное задание Задание выполнено
19. Испытание Интерфейс испытания
20. Испытание Процент выполнения
21. Испытание Образец
22. Испытание Испытание пройдено
23. Испытание Различия
24. Испытание Идеальное прохождение
25. Структуры курса 1. Только задания З-З-З 2. Курс с итоговым испытанием З-З-З-И 3. Курс с промежуточными испытаниями З-З-И-З-З-И
26. Интерактивная демонстрация Вкладка HTML
27. Интерактивная демонстрация Вкладка CSS
28. Интерактивная демонстрация Выделена часть кода
29. Интерактивная демонстрация Выделена часть кода
30. Игровые механики (Игроизация) 1. Задания -> квест 2. Испытание -> босс, перфекционизм 3. Достижения -> награда 4. Рейтинг -> статус 5. Очки -> награда, валюта
31. Задание как квест
32. Испытание перфекционизмом
33. Достижения
34. Рейтинг
35. Аналоги http://www.codecademy.com/
36. Пара слов о вузах Вузы переходят на ФГОС 3 поколения, которые приносят компетентностный подход к образованию.
37. Компетентностный подход Полезные особенности: 1. Механизмы структурирования содержания образования 2. Принцип испытательности
38. Структурирование содержания образования
39. Структурирование содержания образования
40. Структурирование содержания образования
41. Партнерство с вузами Применение компетентностного подхода позволит легко встраивать обучающие ресурсы в учебную программу вузов. И тем самым получать специалистов, которых обучили тому, что требуется индустрии.
42. Текущая статистика • 8 из 16 курсов базового цикла • 3 демонстрации • 500+ пользователей • 17000+ заданий выполнено • 2500+ достижений получено
43. Спасибо за внимание