Как эффективно изучать angular js?

Question

[Worddoc]

Здравствуйте. Из нативного js плавно делаю переход в Angular js. Пока не знаю как эффективно и быстро изучать его, т.к. нет годного материала. Может кто дать совет в обучении и накидать ссылок на обучающие уроки/статьи?

Answer 1

[Сергей Протько]

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 в приложениях и т.д. Так что с ними ознакомиться тоже можно, у реакта чуть больше расписано про компоненты например.

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

Comments

[semki096]

Вопрос - Angular обладает возможностями Qquary ? Например можно с его помощью организовать загрузку картинок аяксом, и будет ли это гибким решением? Или это печка для пирожков?

[xfg]

semki096: Да можно https://docs.angularjs.org/api/ng/service/$http
В нем есть урезанный jqlite по сути урезанный jquery https://docs.angularjs.org/api/ng/function/angular...

[littleguga]

Сергей Протько: ссылка в about не рабочая fesor.github.io/todomvc-angular-components

[Сергей Протько]

littleguga: да, знаю, даже ишус завел. Этот репозиторий перенесли в организацию AngularClass а вот перенести сайтик как-то забыли. Пофикшу на днях.

Answer 2

[Евгений]

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

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

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

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

Answer 3

[Maxim Yakupov]

Перевел обзорную часть доков: Angular 2 in JavaScript.
Реализовал туториал "Tour of Heroes" на JavaScript(и несколько ссылок на видео): тыц.
Надеюсь, поможет.
Удачи

Answer 4

[rd96]

Чувак, долго мучали похожие вопросы, понимаю тебя. Не зря китайцы построили крутую экономику.
Вон даже наши белоруские трактора подделывают негодяи.Берешь отвертку, раскручиваешь- потом пытаешься собрать без инструкции похожее.Чувак, атвичаю, работает.

Answer 5

[Ваня Зюзгин]

Оф. дока

Comments

[Сергей Протько]

она устарела слегка. Так что пока это не самый эффективный способ изучения, хотя тоже немаловажный.

https://github.com/angular/angular.js/pull/13834

Answer 6

[rinatoptimus]

На ютубе есть канал megamind по Angular 2. Уроки 2016 года.

Comments

[GTRxShock]

Хм.. Точно megamind? Можно прямую ссылку?
А то только https://www.youtube.com/channel/UCSJbGtTlrDami-tDG... нашелся

[rinatoptimus]

Mindspace, да, вот одно из его видео, например
https://www.youtube.com/watch?v=hU8oxbwKesQ

[Антон Старостин]

rinatoptimus: спасибо

Answer 7

[dvig8xi]

Купил на skladchik годную книжку - ng-book 2 -- The in-depth, complete, and up-to-date book on Angular 2
+ на торрентах the-complete-guide-to-angular-2 от Udemy

Answer 8

[Елизавета Борисова]

Почитайте исходники.

Answer 9

[ysaeredir]

Вот хорошие уроки, объясняет просто и доступно https://www.youtube.com/user/kudvenkat

Answer 10

[Umid]

Вот статья для начала по Angular https://habrahabr.ru/post/244925/

Comments

[maxt888]

Браво!!! Такое как раз на первой странице в гугле

Answer 11

[Denis Smirnov]

Лучше подождать релиза второй версии и учиться по оф. докам =)

Comments

[maddread]

и спотыкаться на его первых глюках? Я уж лучше подожду полгода как и в случае с bootstrap 4.

Answer 12

[Alexey]

Пройди пару курсов. Построй пару проектов. Следующим этапом John Papa.