В поисках качественных онлайн сервисов по изучению программирования, дизайна и гейм-разработки, я нашел несколько сервисов, выделяющихся качеством материала, об одном из них я решил написать статью и поделиться опытом с вами.
Сегодня речь пойдет о Сode Avengers | https://www.codeavengers.com
Главный критерий
Думаю, большинство согласятся, что важнейшим критерием хорошего обучающего сайта является лишь один показатель — желание вернуться на сайт и продолжить обучение.
Codeavengers один из немногих подобных сайтов, заставивших меня полюбить изучать программирование и веб разработку.
| Дизайн и функциональность
Приятный простой дизайн сайта с наглядной стуктурой курсов
Удобный и функциональный дизайн самих курсов
— Многострочное редактирование (ctrl + клик):
— Возможность мгновенно продолжить там, где остановился(лась) в прошлый раз (написанный код сохраняется)
— Наглядная демострация ошибок в коде
— Страницы самих уроков разделены на 3 области:
Объяснения и пошаговые инструкции | Ввод кода | Результат кода
Понятное объяснение всех новых терминов
— При нажатии на новый термин, появляется всплывающее меню с объяснением. К примеру, ниже видно объяснение термина «рефакторинг»:
— Если вам не достаточно объяснения какой-либо функции, то при нажатии на эту незнакомую функцию (в данном примере print), появится интерактивное меню с дополнительными примерами и результатом выполнения кода этих примеров
Там же, из списка, можно выбрать любую другую функцию и также посмотреть ее объяснение с примерами:
Страница отображения прогресса выполненых курсов
— На странице прогресса отображены пройденные уроки (слева) и задания (справа), которые можно пройти после (до / во время) изучения курса для повторения изученного
— Уроки, выделенные бледно синим, означают, что в уроке была совершена ошибка (ошибки показываются и объясняются в наглядной форме сразу же, при нажатии Run, после написания кода):
| Эффективность
Эффективная демонстрация для чего именно нужно делать «так», а не иначе.
К примеру, когда в задании объясняется почему не стоит использовать хардкодинг (использование вручную вбитых значений, вместо переменных), это не просто объясняется, но и показывается на примере (то чего так сильно не хватает почти всем другим подобным сервисам), и делается это следующим образом:
— Сначала, в первом задании вам говорят захардкодить несколько параметров
— После чего, говорят исправить несколько параметров в коде вручную на другие значения (т.к. в реальной жизни часто происходят изменения, к примеру изменение цены на продукт)
— Затем показывают метод, который нужно было использовать вместо хардкодинга, чтобы не приходилось повторять вручную одно действие за другим после изменений
— После чего тебе уже не нужно объяснять почему это нужно делать именно «так» как принято, потому что тебе только что показали на примере, на сколько удобнее «правильный метод», и почему он считается правильным.
Просто, но гениально. На мой взгляд, понимание того, зачем мы делаем то, что делаем, в коде, и почему именно «так», а не иначе очень важно для запоминания и понимания самой сути действий. Поэтому, из всех сервисов по изучению программирования, по моему опыту / мнению, Code Avengers лучший, на данный момент.
| Дополнительная информация
— На бесплатном аккаунте можно изучить 5 первых уроков, каждого из курсов
— Некоторые курсы доступны на русском языке (на текущий момент переведены HTML/CSS / JavaScript / Game Dev / Intro to Coding)
P.S.
Небольшой совет по опыту — если ваш уровень знания английского средний или выше — изучайте все, что можно на английском языке, в том числе и программирование, чтобы в процессе изучения, параллельно подтянуть знание английского (грамматику, словарь, реальное применение слов в англ.). Для мгновенного перевода слова / фразы можно использовать Lingualeo расширение (Chrome / Firefox), позволяющее переводить слово / фразу по двойному клику мыши
Сode Avengers | https://www.codeavengers.com
Комментарии (27)
eax
12.07.2016 21:36+1Второй классный сайт с человеческими интерактивными уроками, мне codeschool.com нравился за курсы по гиту, а этот ещё более интерактивно сделан. Смущает только что задания по Python'у не очевидные на уровне «строки», тоесть я понимаю в чём суть урока но не понимаю какой именно текст от меня хотят видеть и что бы это пройти приходится лезть в подсказки. По стоимости, 29$/месяц лично для меня дорого.
EvilGenius18
12.07.2016 21:50А что вы имеете ввиду под «не очевидные на уровне строки»? Там слева, если пролистнуть ниже, под описанием, есть пошаговая инструкция в каждом уроке
eax
12.07.2016 21:57Вот например задание 1.2.2, первый пункт гласит: «Choose the right quotes for the quote in the print statement on line 1 in the code editor.», я это перевожу себе под нос как «Выберите правильные кавычки для фразы в print на первой строке кода», но воспринимаю(!) я это как «откройте оператор print и вставьте туда текст из пункта 2.(тоесть впишите We are no longer the knights who say „ni“, we are now the knights who say „ekki-ekki-ekki-pitang-zoom-boing!“)» вот как. А если нажать подсказку то я вижу вообще другой текст, про какого-то rabbit'а: «Look, that rabbit's got a vicious streak a mile wide! It's a killer!». Меня это сильно смутило, так как я потратил одну подсказку и теперь не знаю, списались ли с меня баллы за задание или нет.
EvilGenius18
12.07.2016 22:12Ну про rabbit`ов он показал, т.к. 1й шаг инструкции обычно для 1й строки кода (если не указанна конкретная строка). т.е. он просит поставить правильные кавычки в 1й строке кода :) И при нажатии на подсказку он показывает как должна выглядеть именно эта 1я строка.
На счет подсказки, там, да, за каждую из подсказок вычитаются баллы. После отправки результата (Check кнопка) он покажет на синей табличке сколько у вас баллов за это задание.eax
12.07.2016 22:20Так написали бы тогда задачу в один пункт, зачем на 2 пункта размазывать?) Только уточнили бы: сделать через print любую фразу с кавычками или какую-то конкретную. А так получается на две строки всё задание, а описано как 3 пункта %) меня это запутало, я же выдал решение в три строки.
betrachtung
13.07.2016 05:59А чем в Treehouse не человеческие уроки?
Насколько я помню, там для обучения консоли и гиту даже виртуальную машину выдают.eax
13.07.2016 07:30Ну я такого сайта не знал вообще, только что посмотрел «сбоку», вы их ценники на обучение видели? После таких цифр мне стало противно регистрироваться и триал запрашивать. Возможно сервис и неплохой, но там с ценой неадекватный перегиб.
betrachtung
13.07.2016 19:16Я не только видел, я и платил. Только тогда цена выше была. Доллар, правда, был ниже.
Сейчас она ниже, чем у приведённого в публикации Code Avengers. Почему вы считаете её неадекватной?
brainick
13.07.2016 01:47-1Всегда задаюсь вопросом, а на каких же видеокурсиках учились программированию Хейлсберг, Столлмен, Дейкстра и прочие?
eax
13.07.2016 08:32[sarcasm_mode]Да, давайте будем как они: ничего не будем читать, вместо этого напишем свои книги![/sarcasm_mode]
Вы бы хоть удосужились по сабжевой ссылке перейти и посмотреть как выглядят рекламируемые здесь уроки что б увидеть разницу между «видеокурсиками» и современным подходом к обучению. Ключевое слово — интерактив ;)
severgun
13.07.2016 17:22Говорят каменный топор лучше современного рубанка.
brainick
13.07.2016 18:15-1Говорят, что у кого кривые руки, тот ничего не сделает даже рубанком, а у кого прямые — тот и каменным топором Венеру Милосскую вытачает.
betrachtung
13.07.2016 19:17+1Говорят, что средний пользователь справится с рубанком и не осилит каменный топор, а образцы с краёв колокола распределения лучше не брать в качестве примера.
severgun
13.07.2016 19:51+1Итак, начнем.
ВЫ?ТАЧАТЬ -аю, -аешь; св. (нсв. тача?ть) что. Прошить сквозной строчкой или по обеим сторонам соединяющего шва.
Причем тут владение топором и скульптура?
Еще в таких вот философствованиях всегда интересовал один вопрос. Почему не рассматривается вариант когда и руки есть и рубанком пользоваться умеет. Думаю тогда вытОчит 10 Венер Милосских и комплект рук к ним.
deniss-s
13.07.2016 14:59+1В начале статьи вы пишите, что нашли несколько сервисов, но в статье описываете только один. Не сомневаюсь, что codeavengers действительно хороший ресурс, но что на счёт codeschool, codeacademy, udacity, coursera, edx? Ожидал сравнения хотя бы с одниой из вышеперечисленных систем обучения, а в результате получилась просто реклама ресурса, а не статья.
glockbender
13.07.2016 15:00Будьте добры, распишите основные отличия от той же самой codeacademy, которая ко всему прочему еще и бесплатна.
berryjelly
13.07.2016 22:41Давненько вы на codeacademy не заходили, там самое интересное платно
glockbender
14.07.2016 08:57Мда. Вы правы, времени прошло прилично. В любом случае интересно, чем Code Avengers лучше.
jakshi
13.07.2016 15:00На codeschool хорошие курсы по javascript + основы популярных javascript framworks.
Цена вопроса 29$ в месяц.
Прошел их, стал понимать web development гораздо лучше.
Я сейчас просмотрел курс www.codeavengers.com по python — не очень впечатлило, насторожило что 3 часть посвящена tkinter GUI. Не уверен что это востребованное знание.
Кстати, если кто видел хорошие курсы по python — расскажите пожалуйста.brainick
13.07.2016 19:32Основы Python — курсы на Stepic.org Далее — хорошие книги и постепенный переход к реальным задачам.
chelios
13.07.2016 15:01Изучить язык и основы программирования это не такая прям уж проблема. Скажите лучше что делать дальше, чтобы найти первую работу программистом? Обычно во всех вакансиях без опыта работы все же требуется какой-то серьезный опыт, а не написание простых вещей.
severgun
13.07.2016 17:28Стою у того же порога. И похоже порог вхождения очень высок если ты не студент.
Если не успел устроиться программистом стажером на 3-4м курсе во время учебы в ВУЗе, потом залезть тяжело.
diagonal
Цена вопроса: 29$ в месяц, или 120$ за полгода.
Получается, что HTML/CSS дешевле изучать в htmlacademy, а потом уже идти в Сode Avengers.
Или у них для русской версии цена другая? Я не нашла на сайте.
Расширение Lingualeo при бесплатном аккаунте у них имеет ограничение на количество переведенных слов, насколько я знаю.
Но есть и другие достойные расширения.
EvilGenius18
На сколько я знаю, цена одна для всех стран. Мне нравится платный аккаунт именно на Сode Avengers потому что, в частности, курс Python и JavaScript довольно крутой и, что не мало важно, полноценный (относительно некоторых других сервисов).
Поэтому я и решил написать именно об этом ресурсе.
А на счет расширения, это я просто как вариант написал, сколько им не пользуюсь, никогда еще не встречал ограничений на перевод. Только что перевел около 90 слов (chrome расширение), так никаких лимитов и не обнаружил. Может лимит был раньше? Сейчас, вроде как, нету.