Установка Angular и создание стартового шаблона проекта | Angular курс

Начиная с данного видео мы начнем курс по основам Angular.
В данном видео разбираем тему установки Angular и создание стартового шаблона проекта.
Поддержать меня на Boosty:
boosty.to/yuri_simonov
Тайминги:
00:00 Вступление
00:30 Что такое Angular
00:59 Установка Angular
01:39 Angular CLI
02:59 Создание проекта
04:05 Запуск проекта
04:57 Флаги для команды ng serve
05:53 Итоги
06:09 Проект Helper
Официальный сайт Angular:
angular.io/
Код из урока можно посмотреть в репозитории GitHub в соответствующем коммите:
github.com/Yuri-Simonov/My-An...
Ссылка на плейлист данного курса по Angular:
• Angular курс для начин...
Мой телеграм канал по айтишечке:
t.me/yuri_simonov_it
Ссылка на проект Helper:
yuri-simonov.github.io/Helper/
Чат проекта Helper:
t.me/yuri_simonov_helper

[@Yuri_Simonov]

В данном видео устанавливается Angular CLI 16-ой версии. Но сейчас уже Angular имеет более новую версию. Поэтому, если хотите, чтобы было точь-в-точь как в видео, команда установки Angular CLI будет выглядеть следующим образом: npm install -g @angular/cli@16 Поддержать меня на Boosty: boosty.to/yuri_simonov

[@MaximBordyug.]

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

[@Yuri_Simonov]

Спасибо) Я рад, что смог вам помочь

[@user-oz4jv8sg4v]

Супер, лаконично, внятно, понятно. Смотрю дальше

[@user-ik3eq5ks8s]

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

[@user-wr3dz2op1t]

Отличный курс !

[@user-zb5fn5rl9b]

Доступно рассказал)

[@andryush333]

Спасибо за качественный контент Юрий

[@Yuri_Simonov]

И вам спасибо за обратную связь :)

[@user-dd1if2vp1q]

Спасибо за качественный контент! Подскажите пожалуйста, а что за инструмент вы использовали при вставке примеров кода в своё приложение?

[@Yuri_Simonov]

Если вы про Helper, то на данный момент использую связку тегов "pre + code" для вставки примеров с кодом

[@user-dd1if2vp1q]

Да, я про Helper. То что там связка тегов "pre + code", это я через консоль увидел. Мне интересна стилизация. Там каждая скобка обрамлена в . Вряд ли вы сами каждый символ обрамляли им. Вот мне и стало интересно, какой инструмент вы использовали. @@Yuri_Simonov

[@Yuri_Simonov]

​@@user-dd1if2vp1q нет, как раз-таки спаны я вручную добавляю, где нужна стилизация :) для этого и нужен тег pre здесь. Можете посмотреть различные другие ресурсы, например, learnjs. Там +/- такой же подход. Да, это геморный способ, но рабочий. Мне пока что более удобный способ не пришел в голову :) Если есть идеи, как это дело улучшить, я весь во внимании)

[@user-dd1if2vp1q]

Неожиданно, это я про ))). Пришлось несколько дней повозиться , но я добавил в свой Angular проект подсветку кода. Использовал ngx-highlightjs. А для проектов на js есть тоже самое highlight.js.

[@Yuri_Simonov]

@@user-dd1if2vp1q спасибо за инфу! Надо будет попробовать ее в хелпер добавить. Возможно это избавит меня от лишнего гемороя :) Что-то я не догадался загуглить либу для этого дела)

[@user-pb5xh8so2r]

Когда появятся новые видео по данному курсу?

[@Yuri_Simonov]

На данный момент пока готово 10 видео, все они есть на канале. Следующие пока что в процессе записи

[@user-uf8df7my5n]

у меня почему-то при установке не запрашивает Angular routing. Что я делаю не так?

[@Yuri_Simonov]

Какую версию вам выдает команда "ng v" ? И на данный момент отсутствие "Angular routing" вам никак не помешает проходить имеющиеся уроки курса, т.к. мы еще не дошли до маршрутизации. Еще как вариант, вы можете просто скачать проект лишь с первым (установочным) коммитом с гитхаба. Ссылка есть под видео upd: в закрепленном комментарии оставил команду, которая вам установит Angular CLI 16-ой версии, как в видео. Скорее всего вы сейчас команда из видео устанавливает вам 17-ую версию и в ней не спрашивают про маршрутизацию в момент создания проекта.

[@VeynShot]

Начал изучать 17 доку, смотрел в окно, курил, плакал, потом опять курил... Вообще хоть и есть какие-то интерактивные браузерные вещи внутри бета доки, все равно темный лес.

[@Yuri_Simonov]

Да, есть такое)