Как быстро освоить angular?

Question

[Анатолий Саламатин]

Всем привет. Взяли на работу меня в компанию, где требуется знание Angular. О том, что я его незнаю - были в курсе. Но надо как то быстро его освоить. Посоветуйте ресурсы пожалуйста. Angular 1.6 используют.
Codeschool прошел.
Я вроде бы его понимаю, но когда доходит до практики - теряюсь.
Заранее спасибо

Comments

[myspace]

а в чем теряетесь?

[Анатолий Саламатин]

myspace: Да тут просто большой проект и все следующее делают на его основе, поэтому сразу надо понимать чужой код)

[myspace]

Анатолий Саламатин: после чтения основ, гуглите по факту непонимания, и все получится)

[Анатолий Саламатин]

myspace: Спасибо!

Answer 1

[sergski]

видео курс AngularJS Essential

Comments

[Philipp]

НГ-репит, НГ-класс. Ужас. Неужели так сложно выучить несколько произношений.

Answer 2

[Илья Толлю]

Подавляющее большинство доступного материала освещает основы Ангуляра. Безусловно, это та матчасть, без которой далеко не уедешь. И я думаю, Вы уже с ней справились.

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

Ответы на эти вопросы можно получить у Ваших коллег, которые владеют (целиком или по частям) представлением о фактической архитектуре. Спрашивайте, пытайтесь рисовать схемы для себя, уточняйте. Если вместе с вопросами "что" и "как" будете спрашивать "почему именно так" - это приведёт к результатам.

Другого пути нет. Сами фреймворки (и Ангуляр - далеко не самый простой из них) дают общий набор соглашений, причём далеко не полный, и вокабуляр. Однако без архитектуры приложение не оживёт, и вот это-то и есть самое сложное.

Comments

[Andr765]

Люто плюсую. Архитектура это основное.

Answer 3

[Илья]

Никак

Answer 4

[toukouva]

Его вообще не нужно осваивать. Мертвая технология.

Старый вариант - выкинули. Новый вариант - только выпустили, уже два раза обновили, и пугают еще каждые 6 месяцев выпускать обновления, которые могут ломать старый код.

Ни один умный инженер не согласится работать с такой технологией. И ни один умный заказчик не разрешит разрабатывать себе проект, который может ломаться каждые 6 месяцев с очередным обновлением.

Comments

[Анатолий Саламатин]

Ну тут решаю не я, а компания)

[Igor Kalashnikov]

А чем предлагаете вместо Angular-а пользоваться?

[Анатолий Саламатин]

Igor Kalashnikov: я пока еще новичек во фреймворках, так что что дают то и изучаю

[Igor Kalashnikov]

Анатолий Саламатин: я к toukouva адресовал вопрос.
Сам я очень доволен Angular2, и все эти страхи про "изменения которые могут ломать старый код" мне кажутся преувеличенными. Самое хреновое, что было - летом они неожиданно переделали подход к организации компонент, и пришлось 2 дня переводить проект, на новый стиль. Другие breaking changes были гораздо легче. Знаю, что некоторые люди возились до недели, но я считаю - это маленькая плата за такой классный инструмент.

[Сергей]

может ломаться каждые 6 месяцев с очередным обновлением.

вспомните семантическое версионирование major.minor.patch. Вас кто-то за уши тянет что ли обновлять major цифру?

[toukouva]

>> Вас кто-то за уши тянет что ли обновлять major цифру?

В индустрии среди специалистов (а не 20-летних JavaScript-обезьянок) пользуется уважением понятие обратной совместимости. Если обновление технологии вызывает масштабную поломку проекта, на ней основанного, то это говорит либо о сырости технологии, либо об отсутствии ясного плана развития у ее разработчиков. Рецепт один - игнорировать ее, пока не будет доведена до ума.

[CoyoteSS]

Igor Kalashnikov, а почему бы не пользоваться Vue.js/React вместо Angular? Что мне может дать Angular того, чего нет в React'е том же самом? Сложный - не значит лучший

[Igor Kalashnikov]

moreleaksILoveMS, все фреймворки хороши, выбирай на вкус.

Vue пользуюсь иногда, он хорош для небольших задач и удобно встраивается в уже существующий проект.
Однако, как только вам понадобится сделать большое приложение, то что у вас получится на Vue будет выглядеть почти 1 в 1 приложение на Angular, так почему не взять инструмент нацеленный на это, а писать свои велосипеды.
React "больше" чем Vue, но "меньше" Angular + хайповый и модный, поэтому у него большое комьюнити и много вакансий.

Ок, отзеркалю вопрос:
"а почему бы не пользоваться Angular вместо Vue/React? Что мне может дать React того, чего нет в Angular'е том же самом?"
По-моему выбор инструмента дело вкуса и профессиональных навыков.

"Сложный - не значит лучший"
Ангуляр не сложнее Вью или Реакта, они все плюс минус одинаковые. У Ангуляра шире тулсет из коробки.

[CoyoteSS]

Igor Kalashnikov, я пробовал изучать оба 3 фреймворка, изучая React я слился на стадии Redux, так и не поняв зачем нужна эта штука, когда есть setState. Angular я слил на стадии роутинга так как это просто кошмар из подключаемых модулей и непонятных лишних (как мне кажется) атрибутов.

Vue.js действительно самый простой и лучший, пригоден для сложных SPA. Просто мне непонятно было, что есть такого в Angular чего нет в Vue?

[Igor Kalashnikov]

moreleaksILoveMS, а мне роутер нравится :) один из разработчиков второй версии Ангуляра (vsavkin.com) целую книгу про него написал: https://leanpub.com/router, я не читал всю, бесплатный семпл ответил на мои вопросы.

Я думаю нет разницы между фреймворками (учитывая подключаемые плагины/библиотеки)
А просто коробочным вариантом пользоваться не будет никто, поэтому в итоге разницы можно сказать что и нет.
Я например, сразу подумал об Ангуляровской интернационализации, как о важном преимуществе. Но для Вью(как и для Ангуляра), есть сторонние плагины, которые закрывают эту задачу.

Поэтому это дело вкуса.

Я раньше Java разработчиком был и решения, стандарты, подходы Ангуляра выглядят знакомыми. Я готов долго конфигурить, а потом быстро ехать.
А Вью - рок-н-ролл, прикольно, иногда пользуюсь, но в долгострой не взял бы. Хотя пол года назад клиент настоял, пришлось писать :)

Answer 5

[Максим Тимофеев]

Теория и практика - это две разные сиськи, нет смысла решать, какая лучше, нужны обе. Желательно одинакового размера.

Я думаю, что Ваш "ступор" - это отсутствие практики. Просто наберитесь терпения. Пройдет время, сделаются несколько проектов и "ступор" пройдет.

Answer 6

[Aleksei Podgaev]

Очень грамотную статью по лучшим практикам в первом ангуляре от John Papa предложил первый комментатор adamsafr . Полностью согласен и рекомендую к прочтению. В остальном же для быстрой адаптации в новом коллективе самое главное - не закукливаться в себя и как можно больше спрашивать у опытных коллег. Они все пониимают, что вы новичок, и всегда постараются объяснить решения принятые в процессе разработки. Лучше спросить один или два раза сейчас, чем тупить и ошибаться всё оставшееся (недолгое в этом случае) время на новом месте.

Answer 7

[Uncle Scrooge]

Бесплатный видеокурс Angular 2
https://coursehunters.net/course/itvdn-angular2

Answer 8

[Dmitry Pavlov]

Мoжно воспользоваться 3 месячной бесплатной подпиской на Pluralsight (и другие обучающие порталы), которую дает Microsoft, если залогиниться в Dev Essentials | Visual Studio со своим Microsoft аккаунтом и просмотреть курсы по Angular.