Встроенные учебники Google Cloud Shell

Google предоставил возможность встраивать учебные пособия прямо в настоящую среду разработки Google Cloud Shell.

В рамках всемирной программы Google Developer Challenge Scholarship, которая бесплатно предоставляет курсы Web программирования для всех желающих, я разработал учебный пример Web приложения, которое с помощью всего 26 строк кода на JavaScript позволяет создать простейший графический редактор в браузере.

Однако, как и во многих других случаях, когда приложение использует дополнительные библиотеки для создания компактного Web кода, его, до недавнего времени, было невозможно продемострировать ни в одном бесплатном учебном средстве программирования, так как они все поголовно ограничены в своих функциональных возможностях и не позволяют делать учебные программы с подключением внешних библиотек кода.

И, как раз в этот момент, как обычно пришёл на помощь Google, который на прошлой неделе предложил возможность быстрой публикации приложений прямо в своей настоящей (особо отмечу - не учебной) среде разработки Google Cloud Shell, внутри которой функционирует продвинутый редактор кода Orion, клиент Git репозитариев кода и прочий необходимый набор инструментов реального Web разработчика. 

В результате, теперь студентам не нужно "учиться плавать в бассейне без воды", используя неполноценные учебные среды разработки, из которых просто невозможно запустить реальное Web приложение, а можно сразу перейти к изучению прямо внутри настоящего рабочего инструмента Google Cloud Shell, который никак не ограничивает их возможности, причём совершенно бесплатно.

Для того, чтобы начать изучение программирования в Google Cloud Shell достаточно иметь любой аккаунт из домена G Suite, либо зарегистрировать в качестве разработчика свой персональный аккаунт Google, как показано на видео выше.

Более того, теперь любой желащий может в простейшем текстовом редакторе (например, в том же Orion) создать файл формата Markdown, где описать по шагам учебный материал, например в виде лабораторной работы и включить его вместе с певоначальным шаблоном приложения прямо в учебный проект.

После этого, преподаватель информатики и вообще любой желающий может сделать простейшую ссылку на учебный проект, которая указывает не на заглавный файл, а на встроенный учебник. Эту ссылку для красоты можно оформить ввиде стандартной синей кнопки "Open in Google Cloud Shell" (см. ниже).

Далее ссылку можно опубликовать на любой странице в Интернет, в том числе в качестве задания в Google Classroom. При нажатии на ссылку, студенту в его браузере откроется полностью настроенная среда программирования с вашим шаблоном учебного проекта и запущенным в правой панели интерактивным пошаговым руководством по данному проекту.

Пример запуска моего учебного проекта по ссылке из учебной социальной сети в виде кнопки "Open in Google Cloud Shell" показан на видео выше.

В общем, теперь для изучения программирования в школе или ВУЗе, равно как и для самообучения на дому, вообще ничего на компьютер устанавливать не нужно. Всё от начала и до конца работает в любом браузере при наличии Интернет.

Сам процесс создания учебных пособий в виде файлов Markdown очень прост и подробно описан в документации здесь.

Ниже, пример готового проекта, который можно открыть в один клик, нажав на кнопку.