Angular 14 - Быстрый Курс [2022]

47 248 просмотров • 19 июля 2022 г.

Владилен Минин

249 тыс. подписчиков

Исходники тут: https://t.me/js_by_vladilen/489

Я в соц сетях:
Telegram: https://t.me/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram: https://instagram.com/vladilen.minin

Мои паблики по JavaScript:
Telegram: https://t.me/result_school_it
VK: https://vk.com/result.school
Instagram: https://www.instagram.com/result.school.it

JavaScript cообщества:
Discord: https://discord.gg/jscommunity
Telegram: https://t.me/js_by_vladilen_chat

Получить профессию Frontend разработчика -
https://bit.ly/3bzTr5X

Подробнее узнать об обучении в Result School -
https://bit.ly/3QTbUKQ

Бесплатный курс HTML & CSS - https://bit.ly/3NnFUvs
Сделать 5 проектов на JavaScript - https://bit.ly/3OGfJ47

Roadmap по каналу:
https://vladilen.notion.site/Roadmap-YouTube-0b917095c1ec424e9574c2ede36efab9

Angular 14 Быстрый курс 2022

Puk-Puk 喵

06.09.22 в 11:49

1:33:31
Или же
*ngIf="title.errors?.minlength || false"

Семён Стёпкин

02.09.22 в 09:38

Написал свое первое приложение сразу после твоего прошлого курса по 4му Ангулару, по моему еще в 17 году, взяв за основу фишки, которые ты там объяснял, доработав их, и подогнав под свои требования, спасибо тебе огромное, после этого сразу устроился на работу, смело думая, что теперь я гуру, но окунулся в дебри проекта на работе, с его гигантской и сложной архитектурой, и на плечи свалилась такая же гигантская ответственность, ведь я должен проект закончить, еще и баги все исправить, докучи обнаружить и устранить все утечки памяти, в общем тот урок преподал мне много эмоций от отчаяния и гнева до экстаза и облегчения, когда я со всем справился. Твой урок дал мне отличный старт. Что ж, теперь посмотрим на этот курс, надо продолжать развиваться, а то я уже успел облениться))

Anastasia Romanova

31.08.22 в 19:51

Посмотрела видео и если честно не совсем понимаю для кого этот курс - если первый раз открыл Angular очень много не понятных вещей(автор просто пишет местами забывая объяснять что он делает), если уже знаешь - явно уровень базовый разбирается.

Taras Taras

30.08.22 в 11:57

такое, много чего делаешь - не обьясняч

George Smith

29.08.22 в 20:52

Владилен спасибо за это видео, учусь ангуляру по твоим курсам в udemy. Интересует тема как ангуляр работает с graphql. А конкретнее у меня есть тестовое в котором нужно вывести список континентов со странами в таблицу и все это реализовать на ангуляре с apollo. У тебя есть в уроках что то подобное. Или подскажи куда копать, я полностью новичек в этом. Заранее спасибо!

Terry Bruno

29.08.22 в 16:41

После нажатия кнопки создания нового продукта не работает вывод рейтинга и в консоль дропает следующие ошибки (для products.rating.rate и products.rating.count):
ERROR TypeError: ctx.product.rating is undefined
ERROR TypeError: ctx.product.rating is undefined

SV

29.08.22 в 14:41

прпр

SV

29.08.22 в 14:41

рпр

Kirill Greenberg

22.08.22 в 19:57

Владилен, Вы лучший! Спасибо Вам!!!

Павел Романович

19.08.22 в 23:02

Спасибо за видео! Владилен, почему ты не используешь yarn?

Yuri An

19.08.22 в 15:45

Что сейчас на рынке более востребовано: Angular или Next.js?

mr. Anderson

16.08.22 в 13:26

Кто работает не в WebStorm и возникла ошибка с FormGroup (time: 1:28:58), решение: в app.module.ts нужно вместе с FormsModule импортировать ReactiveFormsModule

Павел Шешко

15.08.22 в 06:58

Спасибо за видео! При установке angular на linux (ubuntu 22.04) команду sudo писать не нужно... ошибку выбивает

Abbas Kasymov

14.08.22 в 13:19

Владилен, купил Ваш курс по Angular на Udemy и к сожалению он немного устарел. Часто вылезают ошибки, приходится гуглить и искать инфу по изменениям. Обновите пожалуйста курс или сделайте новый, с удовольствием куплю обновленный.

Dobrinya Nicitich

13.08.22 в 04:48

Спасибо вам за труд!!!

Некто

12.08.22 в 07:28

Спасибо за курс. Всегда приятно смотреть Ваши объяснения. Маленький совет, если позволите ) В редакторе слева вкладка проекты, там есть опция "Всегда выбирать открытый файл". Тогда, когда Вы выбираете какой нить файл во вкладке сверху, в дереве он тоже меняется. Это помогает ориентироваться по проекту легче. Не нужно вспоминать, где он лежит текущий открытый файл или к какому компонету он относится. На дереве ориентироваться по файлам удобнее. )

Ney

08.08.22 в 06:34

Здравствуйте Владилен, я уже 5 лет гоняю пиксели по экрану и этот ваш ангуляр для меня как мотивация жить

Юрий Мусатов

06.08.22 в 16:29

Всем привет! Вопрос по данному уроку, как убрать Loading... когда запрос зафейлился?

Денис Вишневский

06.08.22 в 16:19

1:33:47 ты меняешь меняешь конфиг и убираешь квадратные скобки и ставишь вопросик. Есть вариант попроще, можно ничего этого не менять и просто перед квадратными скобками поставить восклецательный знак, у меня заработало таким образом. Если вдруг мой подход принципиально хуже, то прошу написать почему. Заранее спасибо!
P.S. нашёл в чём подвох, вот такой вариант работает без ошибок *ngIf="title.errors && title.errors['minlength']"

Артём Ростомян

06.08.22 в 14:29

Отличный урок! Спасибо.

Anton Onoprienko

05.08.22 в 21:56

Классный урок! С разбором современных синтаксических проблем! Там только нужно заимпортить ReactiveFormsModule когда [formGroup]="form" выбьет ошибку

Sergey

05.08.22 в 15:26

Кайфанул от просмотра))

Никита Ермилов

05.08.22 в 14:55

Спасибо! Я бы купил полноценный курс по angular на 2022 год:) Ждем

Muxtar Bidaqob

04.08.22 в 17:25

44:42 - часа 3 - это учитывая, что компилятор вменяемым образом сообщает о том, где находится ошибка?
Error: src/app/components/product/product.component.html:9:16 - error NG5002: Parser Error: Unexpected token ','
Или это гиперболизация?

Dmitriy

03.08.22 в 17:18

новая заставка топ, контент топ, смотрел с удовольствием

Михаил Плетнёв

03.08.22 в 16:46

Владилен огромное спасибо за это видео, давно ждал, особенно по пост запросу и использованию метода tap, теперь буду всегда пользоваться, просто ранее так как не догадывался об этом то делал то subscribe в subscribe то возвращал с сервера обновленный массив весь, а теперь по человечески делать буду, огромное спасибо, жду видео о Vue)

Sinister Scriptor

01.08.22 в 20:14

Очень прошу сделать выпуск по сравнению vue и ангуляр , именно в практике написания кода , то есть если я к примеру перехожу на vue из ангуляра, - что является эквивалентом ангуляровскому pipe и async pipe ? что является эквивалентом ng-container ? как запилить сервис аналогичный ангуляровскому если нет необходимости добавлять ngrx (vuex)

Artur Haiduk

01.08.22 в 11:54

Зачем создавать компоненты в ручную? ng g c в помощь. Вместо products: IProduct[]=[] надо products=products. Файл products.ts в папке data должен иметь название products.moocks.ts и в моделе - products.model.ts.

Александр Бобриков

31.07.22 в 13:34

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

Roman Vlasenko

30.07.22 в 22:32

Який стек ти тут використовував? Для мідл стронг / сіньор лов цей відос актуальний ?

Vadim Zhabin

30.07.22 в 12:29

В create-product.component.ts валидатор написал, но он просто не работал.
Прописал его как свойство к Input'у из formGroup и он заработал.
Во время перевода кода из app.ts и app.html в страницы у меня слетели сервисы в ts'ке. Я восстановил их прописав вручную import'ы для них
Я работаю в VS и мне то и дело приходится делать некоторые вещи самостоятельно хоть Angular мне здорово помог в оптимизации и автоматизации некоторых важных моментов
В остальном, проблем не было, если не считать "призрачный код", который начал появляться у меня на странице, когда я пытался восстановить компонент product, который я случайно удалил на середине курса! Проблема решается переписыванием компонента, конкретно его html, после двух-трех попыток, "призрачный код" исчез

iskudrat

29.07.22 в 10:58

Какой CSS-фреймворк лучше использовать вместе с ангуляром?

Влад Коваленко

29.07.22 в 10:03

Спасибо большое за курс. Очень понравилась подача материала.

Alex Naghtigall

28.07.22 в 22:05

А почему на https://youtu.be/yCIti018Srw?t=1095 не по документации $ ng generate component product ? Так генерируются все необходимые файлы компонента

Alex Naghtigall

28.07.22 в 21:33

Для тех кто сидит под windows 7 будет трабл поставить актуальную версию Node.js и при этом, чтобы корректно работал npm...

Вячеслав Медовый

28.07.22 в 21:30

как же путано

Угловатый Канал

28.07.22 в 21:26

Владилен, спасибо. Я проходил твой курс на udemy по angular, прошел полностью, как результат - работаю уже год. У тебя отличный подход к созданию контента, очень легко смотрится, возможно некоторым деталям можно было бы уделить немного больше времени, но тогда бы терялась та самая лёгкость восприятия материала. Мне год назад, как человеку без опыта и практики действительно очень понравилась твоя подача. Я смело мог бы советовать тебя к просмотру людям которые начинают свой путь в it как разработчики (или имеют опыт, но хотят ознакомиться с другими технологиями). Короче - как всегда на высоте !

Dmitry Blinov

28.07.22 в 19:32

Владилен, очень крутой курс! Большое спасибо) Было бы круто увидеть Vue 2022, Nuxt + TypeScript)

Victor Merikov

28.07.22 в 14:21

Спасибо за быстрый курс. Но ждал применения фитч именно с 14 версии.

Dia TM

28.07.22 в 03:43

Как ui kits делать без material?

Tatianovna Frutti

27.07.22 в 15:24

Спасибо за полезный контент!!) Есть вопросик: А в чем разница сделать динамически класс как показано в виде - [ngClass]="{ 'bg-red-300': details, 'bg-yellow-300': !details }" между вот таким способом - [class]="details ? 'bg-red-300' : 'bg-yellow-300'" , если она вообще есть??? Сделал при просмотре видео, поставив на паузу и работало, а потом увидев как это вы сделали, сразу вот стало интересно, почему именно такой подход, если через тот что я попробовал проще, ну или выглядит проще... ???

Roman Grushko

27.07.22 в 02:51

Простой пересказ старых видосов по ангуляру, 14 тут только ради кликбейта, в видосе ни слова о новых фишках в 14 ангуляре...

Дмитрий Исаков

27.07.22 в 00:37

Даешь разбор с примерами zone js внутри ангуляра.
Вообще не могу найти простых видосов в таком же стиле.

Nikolay Shirokih

26.07.22 в 11:51

Title is too short. Please enter {{ title.errors?.minlength?.requiredLength - title.errors?.minlength?.actualLength}} more symbols.

Антон Сафонов

26.07.22 в 04:13

Автору респект! А можно выпустить еще одно видео про другой мертвый фреймворк? Backbone?

Vlad Breez

25.07.22 в 20:04

О, годнота подъехала

Илья Поташкин

25.07.22 в 15:35

Владилен, привет, спасибо за очень крутые видео
Если честно хотелось бы посмотреть видео про ssr на vue3 или nuxt3 если такое вообще можно

Sergey Stativa

25.07.22 в 03:11

Ilia Savchenko

24.07.22 в 19:44

Владилен, спасибо за качественную информацию без "воды"!
Почерпнул для себя некоторые полезные моменты

Krion

24.07.22 в 17:26

Больше про angular! Пожалуйста :)

Заяц Белый

24.07.22 в 03:24

очередной быстрый курс который забайтит тебя купить дорогие курсы , а после ты всё равно пойдешь на сварщика

Uvin S

23.07.22 в 13:35

Очень круто, всё понятно и быстро

Independent Armenia

23.07.22 в 08:49

Здравствуйте спасибо вам за огромную работу.
И хотелось бы чтобы вы записали полный курс JavaScript,так как очень тщательно объяснайте.
В сети миллионов таких роликов но вы из редких авторов у кого реально получился донести информацию до зрителя, спасибо ещё раз..

Astronaut

22.07.22 в 16:30

Спасибо за работу

Nikolay G.

22.07.22 в 14:26

По реакт будет?

Vidosiki

22.07.22 в 06:50

Крутое видео, хоть и не собираюсь переходить на Angular, но ознакомиться, что это такое, очень полезно. Мне понравилось :)

airpods club

22.07.22 в 05:58

спасибо Владилен, как раз начал ангуляр изучать и тут такой курс от тебя свежий))

Marianna Shemshura

21.07.22 в 16:44

Эх, я ожидала стандалон компоненты и типизированные формы...

Mihail Soosaar

21.07.22 в 16:30

А что стало с качеством видео?(

Дим

21.07.22 в 14:07

Как раз изучаю angular как первый фрейворк. Смотрел твой стрим и там был вопрос, какой лучше изучать фрейворк, ты сказал Angular, и теперь я тут))

Mr Mr Mr

21.07.22 в 13:34

привет, 1:22:41, right-0 left-0 top-0 bottom-0 можно заменить на inset-0 если не ошибаюсь

Andrey Nazarenko

21.07.22 в 12:08

Владилен, спасибо! Очень помогаешь знакомиться с технологиями.
А зачем мы модалку через observable делаем? С обычным boolean и методами, меняющими у isVisible true/false не также бы сработало?
А еще такой сервис для модального окна не очень работает, если использовать модальное окно несколько раз... Открываются и закрываются сразу все одновременно с разным
содержимым....

Ham Mkrtchyan

21.07.22 в 11:00

спасибо за видео, и если возможно, выкладывайте видео про angular как можно чаще, потому что в последнее время это в основном про только react и node.js

Svet Lana (Светлана)

21.07.22 в 10:50

Уважение таким людям как Владлен!

Svet Lana (Светлана)

21.07.22 в 10:49

Клааааас

TK Channel

21.07.22 в 03:38

Спасибо! Как раз хотел углубиться в тему

Miran Evame

20.07.22 в 22:54

Мой так сказать донат в виде комментария :)

Sergey Story

20.07.22 в 21:44

Круто! Ждем актуальный курс по React на момент 2022

Ілля Демчишин

20.07.22 в 21:36

как называется процесс стилизации елемента с помощью стилей ,как заметил я в bootstrap немного другие классы а в angular офф сайте не могу найти?
Спасибо!

Опробовано руками Gi

20.07.22 в 17:37

Голова кипит от такого рода контента. Плесени меньше ))) Продолжай. Смотрю почти все, что актуально и современно

Vitaliy M

20.07.22 в 17:10

запустил свой WebStrom, который kyпил еще в 2020 и узнал что мне нужно обновить лицeнзию всего за 69 y.e.
Ну ладно думаю... обновлю. Хотя кроме как для курса мне этот WebStorm так ни разу и не понадобился.
Но на странице JetBrains меня пoслaли на неопределенный срок, как пользователя с тeppитopии PФ.

Отсюда вопрос, а можно как-то без WebStorm'a обойтись?
Например в VS Code куча плагинов для Angular, денег не просят каждый год и вообще на флаги при загрузке смотреть не нужно.

Я конечно все понимаю, но жaднoсть вендора просто огорчает: продавать лицeнзию, потом kлянчить деньги каждый год и в закончить тем, что отpyбaть пользователям программу - это cвинcтвo! Могли бы просто зaпрeтить обновления скачивать.

Дима Панасенко

20.07.22 в 17:06

так это в первую очередь нужно установить node js .И последнюю стабильную версию .Так как angular cli устанавливаеть из пакетов npm в ноде.Если утсновить старую ноду то и пакеты утсановяться старые следовательно и angular cli установиться не новый .Ну это мое понимаение работы , если я правильно понимаю

Евгений Коновалов

20.07.22 в 17:04

Владилен, уточните пожалуйста, во всех своих роликах Вы используете Angular CLI для создания компонентов, пайпов и т.д. А почему Вы не пользуетесь через графический интерфейс WebStorm, правой кнопкой мыши на папке -> New -> Angular Schematic... и дальше выбираете что нужно создать... Это плохой способ?

Денис Лихачёв

20.07.22 в 13:56

Жизненно необходимы таймкоды

Андрей Клюка

20.07.22 в 12:59

посоветуйте расширения для VS Code для всех автопомплитов, условно у меня не работает автокомплит тега компонента

Артём Пиврик

20.07.22 в 12:22

Ооо, мужик. Наконец-то, наконец-то Angular!!!

Dima Minaev

20.07.22 в 12:20

спасибо за видео, давно ждал видео про angular , мне показалось, что больше про angular не будет на вашем канале

Евгений Третьяков

20.07.22 в 11:47

Наконец-то что-то, кроме Реакта, на котором уже только ленивый не работает)

Ne Pridumal

20.07.22 в 10:57

За видео конечно спасибо, но чет сомневаюсь что за 1 час можно всё понять... В этих ваших интернетах платные курсы по пол года проходят, а тут всё оказывается так просто (нет).

рома тарасов

20.07.22 в 10:12

именно ради таких видосов все мы здесь

whoiam

20.07.22 в 09:00

Шах и мат хэйтерам! Маэсто Ангуляра вас переиграл и уничтожил)

Aleks Ti

20.07.22 в 08:38

Спасибо! Теперь хочется увидеть не быстрый курс по актуальному Ангулару. Как по vue3

Андрей Маркелов

20.07.22 в 07:28

Владилен, как ты смотришь на стек PERN? PostgreSQL+Express+React+Node.js Было бы интересно, посмотреть реализацию такого проекта, особенно с реактом тайпскриптом и редаксом

Вячеслав Зайцев

20.07.22 в 07:27

Владилен, спасибо большое за курс! Добавь пожалуйста таймштампы, чтобы было приятнее и эффективнее повторно работать с курсом. Спасибо!

Андрей Репонин

20.07.22 в 06:39

Ураа

Ma Ry

20.07.22 в 06:35

Спасибо за очень полезный контент!

Igor Lugovskoy

20.07.22 в 05:50

А по реакту будет ?

Danya Wyse

20.07.22 в 04:45

А будет такой обновленный курс по реакту?

Илья Рзянкин

20.07.22 в 00:14

Только только хотел трогать старый курс Владилена, а тут бах и новый!) Спасибо!

Сергей Чернов

19.07.22 в 22:18

Тяжело ли заходит angular если знаешь Vue?

RebellionDreamer

19.07.22 в 22:00

Видос топ, как всегда) Если у кого-то возникла ошибка на этапе с [formGroup]="form", то перейдите в файл app.module.ts, импортируйте ReactiveFormsModule и вставьте в imports

uShock MrJohn

19.07.22 в 21:29

От всех подписок нужно отписаться

Алексей

19.07.22 в 21:15

Изучаю реакт на курсе Владилена, но с ангуляром надо познакомиться

Vitaliy Bendik

19.07.22 в 21:10

Давно ждал, иногда хочется и русско язычное послушать, спасибо

Дмитрий Ховрич

19.07.22 в 21:02

Хороший туториал, спасибо!

Обратил внимание, что Вы не делаете unsubscribe для подписок, созданных через HttpClient. Его ведь нужно делать? Или там где-то под капотом HttpClient есть что-то вроде take(1), благодаря чему он сам делает unsubscribe?

Артемий Джокерович

19.07.22 в 20:51

Наконец-то. Сделай полный платный курс на Udemy!

Виртуоз

19.07.22 в 20:17

Владилен расскажи что нового в javascript 2022
Не забрасывай эту рубрику.

Niachan666

19.07.22 в 20:17

Жги дальше

Вячеслав Зайцев

19.07.22 в 19:42

Спасибо!

Amazing Seva

19.07.22 в 19:33

Спасибо за годный контент!

Рекомендации:

Владилен Минин

30 378 просмотров •

22 октября 2021 г.

Владилен Минин

12 909 просмотров •

5 марта 2020 г.

Владилен Минин

150 711 просмотров •

17 марта 2020 г.

Владилен Минин

145 122 просмотра •

24 марта 2020 г.

Владилен Минин

59 230 просмотров •

30 марта 2020 г.

Владилен Минин

76 764 просмотра •

21 апреля 2020 г.

Владилен Минин

208 708 просмотров •

16 июня 2020 г.

showinfo=0 controls=1 rel=0 iv_load_policy=3