Димитрий

Не знаю на счет эффективного способа, могу поделиться своим.

Когда мы мигрировали наш проект GrabDuck на angularjs с js+jquery, стоял такой же вопрос - как быстро понять что такое angular и начать его использовать. Совет N1, который все дают - "читаем доки" нам не подошел. Очень трудно понять какие-то детали, не понимая что такое angular в целом. Инфы очень много и в голове от всего каша. Наверное можно так выучить и даже стать реальным профессионалом, но быстро сделать это точно не получится. Вообщем метод хорош для любителей академических подходов.

Что делали мы:
1. пройти пару туториалов, лучше видео - получается быстрее. (как пример Egghead.io - AngularJS)
2. начать что-то делать самому, лучше уже реальное, обращаясь к туториалам из #1, за подсказками. Тут уже вы готовы начать посматривать в сторону официальной доки
3. Через какое-то время, вы почувствуете себя комфортно делать что-то на уровне пройденных туториалов, без использования их как подсказки. Тут уже без чтения доков, для прояснения каких-то вопросов, не обойтись. будет много рефакторинга вашего предыдущего кода, потому что к этому моменту у вас появится свое чувство стиля и вы увидите как все неправильно было сделано изначально. )
4. Последний пункт наступает примерно через несколько месяцев работы. Внезапно вы обнаруживаете, что ваше angular приложение работает чертовски медленно и нужно с этим что-то делать. Читайте статьи о том как оптимизировать (как пример, который нашел на GrabDuck - 11 Tips to Improve AngularJS Performance). тут уж вам, хочется того или нет, прийдется понять как работает angular изнутри и стать настоящим профи в этом фреймворке.

Надеюсь информация была полезна. :-)

1) продолжаем учить "ванильный JS", паралельно почитывая про babel, es2015 и т.д.
2) когда мы ищем информацию в интернетах - учитываем что сейчас актуальная версия ангуляра - 1.5, второй ангуляр в бете, так что 90% информации устарело. Я даже больше скажу - даже официальная документация устарела, обновленный вариант сможете найти на github проекта в пул реквестах.
3) https://github.com/gdi2290/ngExam - рекомендую этот список тем того, что вам надо знать про ангуляр (ну и не только).
4) https://github.com/AngularClass/NG6-todomvc-starter - тут я попытался собрать полезные статьи на тему что надо учить и как + пример маленького современного приложения. Так же в ишусах к NG6-starter обсуждается как лучше его готовить.
5) https://habrahabr.ru/post/277087/ - про angular 1.5 и то как я готовлю ангуляр.

Ну и так же не стоит пренебрежительно относиться ко всяким реактам и эмберам - идеология у всех приблизительно схожа, все крутые чуваки юзают компонентный подход (потому что это удобно и логично для проектирования интерфейсов), у всех примерно одинаковое виденье по поводу data-flow в приложениях и т.д. Так что с ними ознакомиться тоже можно, у реакта чуть больше расписано про компоненты например.

Ну и да - обязательно прочитать документацию к ангуляру. Возможно не всю сразу но базовые понятия что бы раскрыть. И разобраться с тем что значит "декларативное представление".

1) Wireframe.cc: пожалуй, самый простой сервис, находка для быстрых набросков
https://wireframe.cc/

2) Balsamiq: простой и интуитивно понятный ресурс
balsamiq.com

3) Axure: идеальный ресурс для проектировщиков и менеджеров
www.axure.com

4) Invision: мощный онлайн-сервис, с огромным набором дополнительных функций
www.invisionapp.com

5) POP: приложение, бумага и карандаш - это все, что вам требуется для создания интерактивного прототипа
https://popapp.in/

6) Moqups: Помимо прототипов можно создавать карты сайта, диаграммы и многое другое
https://moqups.com/

7) Mockflow: удобный инструмент, с неперегруженным функционалом
www.mockflow.com

8) Proto.io: незаменим для проектирования интерактивных прототипов приложений
https://proto.io/

9) UXPin: полезный и интересный сервис для профессионалов
www.uxpin.com

10) Omni Graffle: излюбленный сервис для приверженцев iOS
www.omnigroup.com/omniGraffle

стандартный набор: webpack (gulp) + babel (for es6) + stylus (less/sass)
ну а дальше уже зависит от конкретной вакансии в конкретной работе
если вы хорошо знаете es5, то вряд ли вас не возьмут в компанию с формулировкой "не умеет писать классы es6!!!"
если вы сейчас, конечно, не используете даже системы сборки, то отстали вы прилично :) я уж не помню, как без них то жили...

1) tympanus.net/codrops (как указали в другом ответе)
2) habrahabr.ru/posts/frontend - нувыпоняли.
3) Подписаться и еженедельно читать фронт-енд дайджесты (ну или просто зайти на сайт и читать там выпуски):
a) javascriptweekly.com
b) css-weekly.com
c) tympanus.net/codrops/collective
d) habrahabr.ru/company/zfort - у них самые большие дайджесты, там до кучи еще и дизайн/новости/крутые сайты и прочее.
(соответственно ссылки во всех этих дайджестах часто повторяются, так что не пугайтесь объемам)
4) codepen.io - тут смотрите код, вдохновляетесь чужими работами и пилите свои.
5) Лезете в твиттер, подписываетесь на крутых разработчиков, там тоже проскакивает много годноты.

Обратите внимание на отличный курс от MITx.
https://www.edx.org/course/introduction-computer-s...
На английском языке, но все лекции с английскими субтитрами и переводчиком никто не мешает пользоваться.
Курс действительно годный, дает начальную базу именно по программированию в целом, а для изучения как раз используется python (правда 2я ветка, но я не считаю это проблемой, в основном все что дается в этом курсе применимо и к 3й ветке). Сейчас уже семестр идет, закончится в марте. Советую записаться на следующий (правда даты не знаю, наверно объявят после окончания текущего семестра).