Рубрика:
Карьера/Образование /
Рейтинг
|
Facebook
Мой мир
Вконтакте
Одноклассники
Google+
|
ИГОРЬ ШТОМПЕЛЬ, инженер, системный администратор. Сфера профессиональных интересов – свободное ПО, keepercoder@gmail.com
Образование в сети: введение в программирование на JavaScript
JavaScript один из популярнейших языков программирования, который используется в большинстве веб-проектов. С его помощью можно создавать и нативные приложения, как этопредлагает делать Microsoft для ОС Windows. А различные библиотеки и расширения значительно увеличивают сферы его применения
Получить представление об основах программирования на JavaScript позволяют онлайн-курсы. Мы подготовили их соответствующий рейтинг. Но традиционно обращаем внимание, что курсы, вошедшие в рейтинг, имеют разную сложность, преследуют различные цели. Какие из них подходят для изучения – решать вам!
Участники рейтинга
Основы программирования
Введение в JavaScript
Экспресс-погружение в разработку приложений на JavaScript
Наш подход
Для сравнения курсов мы определили несколько параметров. Это интерфейс, содержание, иллюстративный материал, сертификация.
Каждый из параметров предполагает присвоение оценки (от 1 до 5), а также каждый параметр имеет свой вес (от 1 до 5). Умножение оценки параметра на его вес дает итоговый балл. Сумма итоговых баллов всех параметров определяет место в рейтинге.
Стоит отметить, что максимальный вес мы присвоили только параметру содержание – 5. На балл ниже был оценен параметр интерфейс – 4. А два оставшихся параметра – иллюстративный материал и сертификация – получили оценку 3.
Видеокурс «Основы программирования»
Образовательный проект GeekBrains (https://geekbrains.ru), посвященный ИТ-технологиям, опубликовал вводный курс для программистов JavaScript (см. рис. 1). Его особенность втом, что в качестве языка программирования используется JavaScript.
![Рисунок 1. Курс «Основы программирования» Рисунок 1. Курс «Основы программирования»](../../../../uploads/articles/2016/05/72_75_Education_Programm_JavaScript/01_Basic.gif)
Рисунок 1. Курс «Основы программирования»
В ходе успешного освоения всех 15 лекций слушатели получат основы программирования, представление о реализации алгоритмов, научатся создавать простые программы и т.д. Таким образом, курс ориентирован на тех, кто хочет получить представление о программировании, при этом он базируется на возможностях языка JavaScript.
Лекции начинаются с введения, в котором дается представление о назначении всего курса и проводится определенная подготовка. В нем акцентируется внимание на том, что дляэффективного освоения курса необходимо изучать все уроки последовательно, иначе возникнет «каша в голове». Это понятная установка для вводного курса в программирование. Кроме того, предлагается в качестве домашнего задания пройти вебинар «Личные качества успешного программиста» [1].
Далее обосновывается выбор JavaScript для изучения основ программирования и показывается пример первой программы («Hello, World!») на нем.
Затем обсуждается работа с переменными и исследуются типы данных.
Далее изучаются все базовые инструменты и конструкции (алгоритмы, блок-схемы, оператор if, логические операции, циклы do, while, for, массивы, функции).
Заключительные лекции посвящены созданию небольшой игры и обсуждению карьеры программиста.
Лекции сопровождаются домашним заданием. Его выполнение не контролируется, но, конечно, для лучшего понимания материала его необходимо выполнить. Кроме того, автор уделяет внимание разбору домашних заданий.
Интерфейс курса удобен. В центре экрана расположено окно воспроизведения видео, для которого используется собственный движок. Он позволяет осуществлять стандартные операции (воспроизводить/останавливать видео, регулировать громкость звука, показывать оставшееся до конца время воспроизведения, разворачивать видео на весь экран иливозвращать в исходное состояние). Интересная особенность – выбор скорости воспроизведения (от 0.25x до 2x). Под окном доступна ссылка для скачивания видео. Справа от окна свидео доступен выбор любой лекции курса. Что очень удобно в плане навигации. Стоит отметить, что пройденные лекции помечаются. Поставим интерфейсу курса максимальный балл.
Иллюстрации к курсу демонстрируются в видео лекции, для самостоятельной загрузки отдельно от видео они не доступны. Хотя доступно для загрузки само видео лекций. Кроме того, в видео лекций демонстрируется работа с кодом, показывается результат выполнения его работы и т.п. Таким образом, за иллюстративный материал – максимальный балл.
Несколько слов о сертификации. После успешного прохождения курса слушатели получают сертификат. Он выдается только в электронном виде. При просмотре сертификата отображается ссылка на него, а также ссылка на его PDF-версию.
Говоря о статусе сертификации необходимо отметить, что в ИТ-секторе широкого признания пока не получили различные сертификаты, выданные не в результате успешного освоения авторизованных курсов. Но тем не менее они характеризуют своего владельца как способного к самообучению, пунктуального специалиста.
Итак, особенность курса в том, что он ориентирован на освоение основ программирования на базе языка программирования JavaScript.
Таблица 1. Рейтинг курса «Основы программирования»
|
Оценка |
Коэффициент «Содержание» (С) |
Итоговый балл |
Содержание |
5 |
5 |
25 |
Интерфейс |
5 |
4 |
20 |
Иллюстративный материал |
5 |
3 |
15 |
Сертификация |
4 |
3 |
12 |
|
|
|
72 |
Видеокурс «Введение в JavaScript»
Следующий курс от проекта Hexlet (https://ru.hexlet.io), предлагающего для изучения практические курсы по программированию.
![Рисунок 2. Курс «Введение в JavaScript» Рисунок 2. Курс «Введение в JavaScript»](../../../../uploads/articles/2016/05/72_75_Education_Programm_JavaScript/02_Intro_JavaScript.gif)
Рисунок 2. Курс «Введение в JavaScript»
Курс по JavaScript является вводным, отличается широким охватом основных возможностей языка. При этом курс оставляет за пределами рассмотрения такие темы, как DOM, эффекты, анимация, библиотеки, фреймворки, AJAX, взаимодействие с серверной частью, отладка, тестирование и т.п. Всего в курсе семь лекций.
Слушатели начнут со знакомства с JavaScript (нестрогая типизация, прототипно-ориентированный язык, сценарный и т.п.), его истории.
Вторая лекция посвящена строкам и объектам, прототипам. В ней же уделяется внимание множеству сопутствующих проблем (экранированию, различию между строками исимволами, конкатенации, работе со строками и числами, сравнению строк). Кроме того, рассматриваются операторы if, for, while, switch, break.
Следующие две лекции посвящены функциям и замыканиям, а также наследованию.
В заключительных лекциях рассматриваются массивы, регулярные выражения и сравнения.
В целом материал в уроках подается интересно и снабжен хорошими иллюстрациями, но о них расскажу чуть ниже. Данный курс будет полезен начинающим разработчикам.
Видеокурс проекта Hexlet размещен на портале Youtube.com. На нем он доступен в виде плейлиста, что облегчает навигацию по лекциям. Так, у слушателей есть возможность осуществлять переход из текущей лекции в любую другую, с которой необходимо ознакомиться или изучить. Это повышает удобство освоения и восприятия курса. В целом этоединственный видеокурс в нашем рейтинге, который размещен на одном из популярных видеосервисов. Поставим за интерфейс максимальный балл.
Во время лекций осуществляется демонстрация презентаций прямо в видео, на которых присутствуют рисунки, демонстрируется код, который выделяется особо (цветом) на фоне текста, производится демонстрация работы программ и т.д. Кроме того, показывается работа с кодом, вывод результата его работы в терминале Mac OS. Таким образом, заиллюстративный материал – максимальный балл.
Возможность получить сертификат после успешного прохождения курса не предоставляется.
Курс носит вводный характер, затронуты базовые возможности JavaScript, который используется в большом количестве современных веб-проектов.
Таблица 2. Рейтинг курса «Основы разработки сайтов и веб-приложений»
|
Оценка |
Коэффициент «Содержание» (С) |
Итоговый балл |
Содержание |
5 |
5 |
25 |
Интерфейс |
5 |
4 |
20 |
Иллюстративный материал |
5 |
3 |
15 |
Сертификация |
0 |
3 |
0 |
|
|
|
60 |
Видеокурс «Экспресс-погружение в разработку приложений на JavaScript»
Курс «Экспресс-погружение в разработку приложений на JavaScript» от Microsoft Virtual Academy [2] (см. рис. 3) ориентирован на начинающих в области веб-разработки сиспользованием возможностей языка JavaScript. Обучающиеся, использующие продукцию Microsoft, получат общее представление о JavaScript и инструментах.
![Рисунок 3. Курс «Экспресс-погружение в разработку приложений на JavaScript» Рисунок 3. Курс «Экспресс-погружение в разработку приложений на JavaScript»](../../../../uploads/articles/2016/05/72_75_Education_Programm_JavaScript/03_Express_JavaScript.gif)
Рисунок 3. Курс «Экспресс-погружение в разработку приложений на JavaScript»
В частности, слушатели начнут знакомство с основами языка JavaScript, а продолжат исследованием создания WinRT-приложений, кроссплатформенной разработки, создания игр ирасширенных возможностей. Основная особенность – использование технологий Microsoft (TypeScript, WinRT, WinJS, Visual Studio Tools for Apache Cordova, Node.js Tools for Visual Studio, Web Essentials for Visual Studio и др.).
Лекции разбиты на пять «разделов». Слушатели начнут изучение с истории развития JavaScript и перспектив работы с ним. Далее автор знакомит с возможностями открытого языка TypeScript, который используется для создания масштабируемых приложений, показывается его соотношение с JavaScript. Кроме того, показывается процесс использования TypeScript в Node.js (установка, компиляция).
Следующая лекция посвящена WinRT-приложениям. Раскрывается значение универсальных приложений в терминологии Microsoft (приложения для Windows и Windows Phone) иконтекст их появления. Затем более подробно рассматриваются WinRT (набор API, которые написаны с учетом асинхронной модели взаимодействия) и WinJS (JavaScript-библиотека для реализации Windows-приложений). Приводятся примеры использования этого API (доступ к файлам, взаимодействие с датчиками, взаимодействие с метками). Показываются соотношение WinRT и JavaScript и возможности, которые в результате появляются у разработчиков (доступ к системным ресурсам, гибридные сценарии и т.д.). Кроме того, показываются современное состояние и возможности WinJS.
Следующая большая тема – кроссплатформенность. Дается представление о том, что это такое. В том числе с учетом специфики нативных и веб-приложений, требований ккроссплатформенности раскрывается спектр веб-платформы (веб-сайт, расширенные веб-сайты, хостинг веб-сайтов, хостинг веб-приложений, упаковка приложений), всоответствующем контексте говорится и о веб-технологиях (HTML5; CSS – легкая стилизация, отзывчивость дизайна для разных форм-факторов; возможность работы offline; множество JavaScript-библиотек; сообщество Open Source и др.). Кроме того, выделяются проблемы (вендорные префиксы, доступ к аппаратным ресурсам при интеграции с ОС идр.). Особое внимание уделено использованию Apache Cordova.
Предпоследняя лекция посвящена созданию игр и работе с графикой на базе JavaScript. Среди технологий и инструментов, которые в центре внимания: Babylon.js (работа с WebGL), Platformer Game Starter Kit, Tower Game Starte Kit. Отдельное внимание уделено реализации работы с GamePad на базе JavaScript и его расширений. В заключительной лекции дается представление о том, на что обратить внимание (специфические возможности использования JavaScript) при использовании Node.js на базе Node.js fot Visual Studio, а также Web Essentialы for Visual Studio, рассказывается о некоторых областях использования и месте JavaScript в них: интернет вещей, устройства (например, Arduino), естественный ввод (NUI)– Kinnect и т.д., новые экраны (OculusRift и WebGL).
В целом курс будет полезен тем, кто хочет получить общее представление о современном состоянии JavaScript и сферах его использования. В нем хорошо отражены эти вопросы, нонеобходимо учитывать специфику – ориентацию на использование технологий и подходов Microsoft.
Интерфейс видеокурсов Microsoft Virtual Academy основан на собственном движке. Верхняя часть экрана отведена под воспроизведение материалов. Для видео доступна перемотка, выбор качества (для данного курса от 360p до 720p), кнопка загрузки текущего видео с выбором качества (также от 360p до 720p), выбор скорости воспроизведения (от 1/4 до 2х), кнопка управления громкостью, кнопка разворачивания видео на полный экран/сворачивания видео.
Для отображения презентаций используется PowerPoint Online (открывается в той же части окна, что и видео). Сразу под областью воспроизведения видео и отображения презентаций размещаются три кнопки. Первая позволяет получить сводную информацию о курсе, вторая – изучать курс, а третья – загрузить материалы курса (если доступны). Ниже полосы с этими кнопками отображается соответствующее активной кнопке содержимое. Например, для второй это будут «разделы» с материалами курса.
Но движок не лишен и некоторых недостатков. Так, не доступна возможность произвольного перехода из текущего материала (видео, слайд, тест) на любой другой. Только на один «шаг» (на лекцию или слайд) вперед или назад. Для перехода в произвольную лекцию требуется прокрутить страницу вниз и найти в списке необходимую, что, конечно, вызывает понятные неудобство, если нужно «прыгнуть» через три лекции на определенную презентацию. Несмотря на то что отсутствует возможность произвольного перехода нанеобходимую лекцию, слайд, тест, интерфейс получает максимальный балл, так как предоставляет возможность загрузки видео, слайдов, выбор скорости воспроизведения.
Несколько слов об иллюстрациях. Все лекции курса сопровождаются презентациями, которые содержат рисунки, таблицы и т.п., что улучшает восприятие учебного материала. Презентации, как было сказано выше, открываются в той же части окна, что и видео, в PowerPoint Online, а также доступны для загрузки в формате .pptx. Поставим заиллюстративный материал максимальный балл.
К сожалению возможность получить сертификат после прохождения курса отсутствует.
Курс носит обзорный характер, затронуты все основные аспекты современного состояния и возможностей использования JavaScript и его расширений на базе технологий Microsoft, которые лежат в основе как нативных, так и веб-приложений. Таким образом, курс ориентирован на начинающих JavaScript-разработчиков, специализирующихся на использовании технологий Microsoft.
Таблица 3. Рейтинг курса «Экспресс-погружение в разработку приложений на JavaScript»
|
Оценка |
Коэффициент «Содержание» (С) |
Итоговый балл |
Содержание |
5 |
5 |
25 |
Интерфейс |
5 |
4 |
20 |
Иллюстративный материал |
5 |
3 |
15 |
Сертификация |
0 |
3 |
0 |
|
|
|
60 |
***
Таблица 4. Итоговый рейтинг курсов
Курс |
Итоговый балл |
Основы программирования |
72 |
Введение в JavaScript |
60 |
Экспресс-погружение в разработку приложений на JavaScript |
60 |
Два курса «Введение в JavaScript» и «Экспресс-погружение в разработку приложений на JavaScript» уступили лидеру рейтинга «Основы программирования» из-за того, что они непредоставляют возможность сертификации. В остальном курсы набрали равное количество баллов. eof
- Вебинар «Личные качества успешного программиста» на портале GeekBrains.ru – https://geekbrains.ru/events/36.
- Портал Microsoft Virtual Academy – https://mva.microsoft.com.
Facebook
Мой мир
Вконтакте
Одноклассники
Google+
|