Angular 13 Курс: Создаем приложение админки со страницей входа

[@denidenx]

Полезные материалы: UPDATE 26.03.2022: Всем привет! Есть один момент, когда на моменте 3:52 я вставляю "typeRoots" для vscode - я промахиваюсь строкой, что может вызвать ошибку. Вставляйте на строчку ниже и все будет хорошо!) на гитхабе тоже исправил код: github.com/DeniDenx/angular-tutorial-for-youtube/blob/master/tsconfig.json Потыкать это все и посмотреть как все устроено, не разворачивая проект: stackblitz.com/edit/angular-tutorial-for-youtube Про генерацию компонентов/модулей: angular.io/cli/generate Валидаторы: angular.io/api/forms/Validators Экранирование символов: learn.javascript.ru/regexp-escaping Про HttpCliendModule: angular.io/guide/http Для вставки в tsconfig в vscode: "typeRoots": [ "node_modules/@types", "node_modules/@angular", "node_modules/@angular/common", "node_modules/@angular/common/http", ] Если возникла проблема с Bootstrap (Выполнять по очереди): npm config set legacy-peer-deps true npm cache clean --force ng add @ng-bootstrap/ng-bootstrap

[@valeriucernei8112]

Хороший свежий туториал! Создай пожалуйста по Angular + Material Angular. Будет очень полезен. Спасибо за урок

[@denidenx]

Приветствую! Спасибо большое за ваш отзыв! Да, это не последний ролик по Angular, обязательно запишу про Angular + Material. Единственное, что я не могу сказать точно когда, потому что сейчас у самого очень много работы. В данный момент, на работе как раз пишу на Angular + Material. Много есть что рассказать интересного, однако не хочется это делать в потоке болтовни, хочется дать максимально нужной и конструктивной информации. А для этого нужен план + монтаж, а это занимает продолжительное время. Постараюсь заняться этим на выходных, думаю в течении месяца смогу выпустить.

[@user-vw8dm9vl7s]

Видео отличное! Все достаточно понятно, но чем ближе к концу, тем меньше понимания. Многие моменты упускаются и не объясняются, например EMPTY, merge. Понимаю, что был проделан большой труд и за это благодарен. Также видео записывалось поздно ночью. Но хотелось бы, чтобы уроки и объяснения были на свежую голову. У вас очень хорошо получается преподносить материал. Такого контента в ру сегменте очень мало. Надеюсь, что вы продолжите снимать новые ролики)

[@GGSoft2009]

Ну ты даешь. Очень крутая лекция. Узнал много новое!!! Спасибо!!!! Подписалься, потому что мой путь дальше с АНГУПАРОМ. интересно было бы обзор следующих тем: Как работать с капчой, работа с datetimepicker, мултыязычность на примере, как повторно применить контроллер и где найты готовые компоненты. Спасибо заранее. Да еще как работать с state (cookie, session).

[@denidenx]

Спасибо большое, вы отличные идеи подали для новых видео!

[@yaroslav9465]

Спасибо Вам большое! Не забрасывайте, продолжайте, вы нам очень нужны

[@bessonniy9208]

Спасибо огромное! такие люди как Вы вызывают невероятное восхищение!

[@ruslankudlay1192]

Денис, всё очень круто, дейстивельно, ты прав, мало толковых курсов по Angular. Всё было понятно, конструктивно. Продолжай далее, а то я с бэком разобрался, начал изучать ангуляр для фронта, а мало уроков таких как у тебя, был бы рад если бы вёл такой курс))

[@denidenx]

спасибо большое, уезжал на время, вернулся вот)

[@ruslankudlay1192]

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

[@denidenx]

@@ruslankudlay1192 я постараюсь!), спасибо

[@Elodia614]

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

[@denidenx]

Спасибо! Я был в отпуске, скоро будет!)

[@ninja095]

Денис, ты четко объясняешь простыми словами, а это редко встретишь. Обычно люди любят выпендриться и поумничать))

[@front1100]

Спасибо, Денис! Великолепное объяснение, все очень доступно.

[@hibrands]

Огонь! Только начал с Аngular работать после реакта. Видео очень полезное! Благодарю за труд. 👍

[@bessonniy9208]

Невероятно доступное объяснение!

[@duce201]

Спасибо за труд и урок! Очень интересная тема и сам урок!

[@crazyidea3832]

Спасибо большое. Здорово экономите время.

[@user-wx4eg7sf3c]

Замечательно, продолжайте в том же духе!

[@johnjohhoun1716]

Очень даже неплохой курс и для начинающих, да и быстро вспомнить после перерыва полезно, что называется, освежить навыки. Хорошо прошелся по реактивным формам, остальное - в официальных доках. Хороший набор, достаточно сложные вопросы просто рассмотрены: формы, авторизация, гарды, резолверы, RxJS и еще... Ну еще бы NgRx - Redux, но это лучше отдельно.

[@njsaab9722]

все очень даже пригодно спасибо огромное Вам Денис))) ждем новых выпусков и проектов

[@veronikas.1347]

Хочется чуть больше объяснений почему пишется так, а не иначе. К примеру, про Observable вообще не сказал ни слова, что зачем и почему. Или же почему мы писали routerLink в [], а не просто. Что такое резолверы и для чего их создаем. Буквально пару слов и будет супер. Короче, чуть больше пояснений будут не лишними, если это видосы для новичков. А в целом было очень полезно, так держать!)

[@user-rg4oj3fl1t]

точняк, а то я нечего не понял

[@user-sx6ks5lm3j]

большое спасибо, видно много готовились

[@vidjentukvidjentuk8644]

Денис спасибо огромное! Жму руку.

[@Erzhena-fw4wr]

Спасибо❤

[@almazyakhin7246]

Спасибо за видео туториал

[@user-tv6fl7bx8j]

Отлично. Молодец.

[@ivan_zh]

Продолжайте! :)

[@dmitry_beresten]

Cпасибо! Качественно и полезно.

[@kovalevok]

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

[@kassandra6698]

годный туториал, огромное спасибо, мне как backend'еру очень помогло

[@rs4662]

Иду с тобой!)

[@belov38]

Спасибо

[@relaxmusic5223]

Спасибо большое за видео, очень хорошая подача не даже не скучно смотреть. говоришь своими словами так даже лучше чем рассказывать все как робот,Хотел бы попросить если не трудно можете снять видео урок про Ангулар было бы прекрасно, смотреть как объясняют людям так как они сами поняли а не по книгам

[@victormog]

Ключ *--skip-tests* не создает spec.ts файл

[@denidenx]

Всем привет! Есть один момент, когда на моменте 3:52 я вставляю "typeRoots" для vscode - я промахиваюсь строкой, что может вызвать ошибку. Вставляйте на строчку ниже и все будет хорошо!) на гитхабе тоже исправил: github.com/DeniDenx/angular-tutorial-for-youtube/blob/master/tsconfig.json

[@vitalikit2523]

За 50-й дубль )

[@user-sh6vk9mo3b]

До 36:33

[@anazkomult]

В declarations модуля компоненты добавляет не вебшторм, они прописываются при генерации компонента ng g c

[@denidenx]

Верно говорите. В любом случае следить лишним не будет, особенно если у вас кастомные, многоуровневые приложения :)

[@grandorf5967]

Досмотрел видео до конца. Очень крутой ролик! Автору огромный респект за такую работу! Обнаружил в приложении такую ситуацию: когда мы логинимся, нас переводит на адрес admin/home. При попытке перейти с этого адреса на /login он нас отправляет назад, но на секунду мелькает окно регистрации все равно. То есть: 1) Делаем редирект на /login; 2) Мелькает компонент с роутом /login на секунду; 3) Идет переброс обратно на admin/home. Можно ли как-то убрать это мелькание и считается ли это нормальным поведением с точки зрения UX? В видео этот момент тоже можно заметить на интервале 56:25 - 56:30 и 1:35:35 - 1:35:40. Заранее благодарю за ответ!

[@denidenx]

Привет, можно просто не пускать через resolver, canDeactive и оставлять на той же странице

[@denidenx]

Покажу чуть позже

[@grandorf5967]

Здравствуйте! Скажите, пожалуйста, а зачем нужно несколько раз импортировать "~bootstrap/scss/bootstrap" в styles.scss? Достаточно ли будет сделать импорт только один раз?

[@denidenx]

Привет! Да, достаточно один раз. Это я ошибся

[@chikenmacnugget]

?. не тернарный оператор, а условный чейнинг. Тернарный оператор выглядит так condition ? if_value : else_value и выполняет абсолютно другие задачи

[@viktorshcheplyagin9576]

правильно ли понимаю, что модуль - что-то типа микрофронтенда?

[@user-bj8bb1vw6f]

где копировать заготовленыый код?

[@pinky_and_brain9246]

Привет. Немного знаю вёрстку и основы JS. Стоит ли мне учить ангуляр? Или это глупо на данном этапе? Смогу ли я найти работу не имея опыта? React не хочу. Спасибо.

[@denidenx]

Привет! Найти работу не имя опыта, смотря какого опыта. Все находят когда-то первую работу не имея опыта коммерческой разработки, я нашел свою первую работу спустя год, после изучения JS (я и не искал, а как начал, нашел за неделю). Поэтому и спрашиваю, какой именно опыт. То что у вас нет опыта коммерческой разработки (это когда вам за это платят) - ничего страшного, важно чтобы был в целом опыт разработки. На момент нахождения моей работы, я даже сам не знал Ангуляр, это был последний фреймворк в чью сторону я вообще смотрел. Но вот как удивительно получилось в итоге!). Теперь я пишу исключительно на ангуляре. Вам бы я посоветовал более подробно и детально вдаться в изучение самого JS, а фреймворк уже не столь важен. Очень многие вещи схожи. (например, во вью v-for, в ангуляре - *ngFor, условный рендринг vue: v-if, angular: *ngIf и т.д). Поэтому лучше заострить свое внимание на основах и фундаментальных знаниях JS, они вам понадобятся везде и всегда. Потому что в тех же самых фреймворках, вы будете также писать обычные javascript-функции и работать с теми же массивами, объектами и пр.

[@webradmir]

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

[@che95_]

Денис, ты живой?

[@era_of_gods]

Очень интересно, но повторяя за тобой символ в символ, часто выпадают ошибки. Даже ради интереса скопировал полностью весь код из твоего репозитория, все равно ошибки.

[@denidenx]

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

[@Happy-vl7ol]

У тебя наверное каких то пакетов из npm не хватает - погугли ошибки

[@Happy-vl7ol]

Если ты об ошибках в теринале - то некоторые команды автора работают только на ядре linux (Mac OC/Linux) - на Windows их не повторить