Сегодня в 19:30 буду стримить! Как всегда сначала что-нибудь глянем, а потом покопаемся с ssr в последнем ангуляре.
Twitch
Twitch
🔥8🥰4👏2
Жтож, запрыгиваю в последний вагон. Все подводят итоги, и я тоже хочу поделиться своими.
Самым большим и важным достижением уходящего года для меня стал, так сказать, "выход в свет". Я невероятно долго собирался сделать этот шаг, и наконец, решился. Начал стримить (хоть и с перерывами), а ещё завёл этот канал и стал писать посты.
Отдельное спасибо @iCherniakov, который вдохновил меня на эту идею. И, конечно, огромное спасибо всем вам — за ваши подписки и реакции. Это действительно очень важно для меня.
В следующем году планирую не останавливаться и брать новые вершины.
С наступающим! До встречи в новом году!❤️
Самым большим и важным достижением уходящего года для меня стал, так сказать, "выход в свет". Я невероятно долго собирался сделать этот шаг, и наконец, решился. Начал стримить (хоть и с перерывами), а ещё завёл этот канал и стал писать посты.
Отдельное спасибо @iCherniakov, который вдохновил меня на эту идею. И, конечно, огромное спасибо всем вам — за ваши подписки и реакции. Это действительно очень важно для меня.
В следующем году планирую не останавливаться и брать новые вершины.
С наступающим! До встречи в новом году!❤️
1👍17❤8⚡4🔥2
Angular: Полезная инфографика
Разбирал тут на праздниках свои избранные сообщения в Telegram и наткнулся на блог chriskohler.dev. Контента в нем оказалось не так много, но потом я вспомнил почему приберёг этот сайт. Автор проделал титаническую работу по созданию инфографики для ключевых концепций Angular. Не могу не поделиться этим золотом.
Dependency Injection
Первая инфографика посвящена Dependency Injection. Причём она адаптирована под две версии Angular:
- До 14-й версии: DI через модули.
- Начиная с 14-й версии: DI со Standalone API.
Чтобы освежить знания или разобраться в механике DI, рекомендую заглянуть в официальную документацию. В новой версии раздел наполнен всей нужной информацией и отлично покрывает все нюансы.
Но если вы ищете что-то более лёгкое и быстрое:
- Статья: Dependency Injection in Angular – Everything You Need to Know. Коротко, по делу и наглядно.
- Плейлист: Dependency Injection in Angular от Dmytro Mezhenskyi.
Change Detection
Вторая инфографика погружает нас в тонкости механизма Change Detection, который способен озадачить даже опытных разработчиков. В ней собрана информация, актуальная для Ivy Compiler, но пока нет разделов про локальные изменения на сигналах (v17+) и zoneless (v18+). Ждём, что автор добавит это в будущих обновлениях.
Инфографика по Change Detection
Что можно изучить уже сейчас:
- Статья: The Latest in Angular Change Detection – All You Need to Know. Отличный старт.
- Видео: Angular Change Detection Explained! от Nivek. Классный формат для знакомства с zoneless и локальным change detection.
- Плейлист: Change Detection in Angular от Dmytro Mezhenskyi для глубокого погружения.
- И вишенка на торте: кто хочет заглянуть немного в будущее, где change detection превращается в synchronization, есть доклад от Alex Rickabaugh, в котором рассказывается в каком направлении двигается команда фреймворка.
Совет от Chris Kohler
Напоследок автор рекомендует: распечатайте инфографику и повесьте её в неожиданном месте — например, рядом с кофемашиной или в зоне отдыха. Через пару недель вы удивитесь, насколько глубоко усвоите материал, даже не замечая этого!
@summon_the_coder
#angular #dependencyinjection #changedetection
Разбирал тут на праздниках свои избранные сообщения в Telegram и наткнулся на блог chriskohler.dev. Контента в нем оказалось не так много, но потом я вспомнил почему приберёг этот сайт. Автор проделал титаническую работу по созданию инфографики для ключевых концепций Angular. Не могу не поделиться этим золотом.
Dependency Injection
Первая инфографика посвящена Dependency Injection. Причём она адаптирована под две версии Angular:
- До 14-й версии: DI через модули.
- Начиная с 14-й версии: DI со Standalone API.
Чтобы освежить знания или разобраться в механике DI, рекомендую заглянуть в официальную документацию. В новой версии раздел наполнен всей нужной информацией и отлично покрывает все нюансы.
Но если вы ищете что-то более лёгкое и быстрое:
- Статья: Dependency Injection in Angular – Everything You Need to Know. Коротко, по делу и наглядно.
- Плейлист: Dependency Injection in Angular от Dmytro Mezhenskyi.
Change Detection
Вторая инфографика погружает нас в тонкости механизма Change Detection, который способен озадачить даже опытных разработчиков. В ней собрана информация, актуальная для Ivy Compiler, но пока нет разделов про локальные изменения на сигналах (v17+) и zoneless (v18+). Ждём, что автор добавит это в будущих обновлениях.
Инфографика по Change Detection
Что можно изучить уже сейчас:
- Статья: The Latest in Angular Change Detection – All You Need to Know. Отличный старт.
- Видео: Angular Change Detection Explained! от Nivek. Классный формат для знакомства с zoneless и локальным change detection.
- Плейлист: Change Detection in Angular от Dmytro Mezhenskyi для глубокого погружения.
- И вишенка на торте: кто хочет заглянуть немного в будущее, где change detection превращается в synchronization, есть доклад от Alex Rickabaugh, в котором рассказывается в каком направлении двигается команда фреймворка.
Совет от Chris Kohler
Напоследок автор рекомендует: распечатайте инфографику и повесьте её в неожиданном месте — например, рядом с кофемашиной или в зоне отдыха. Через пару недель вы удивитесь, насколько глубоко усвоите материал, даже не замечая этого!
@summon_the_coder
#angular #dependencyinjection #changedetection
3❤11🔥10👍3💯1
Йоу, всем привет! Сегодня в 19:00 будет совместный стрим с сообществом IT-ХОЗЯЕВА. Буду проводить второй интенсив по JavaScript. Идем строго по learn.javascript.ru и помогаем новичкам быстро освоить базу и двинуться дальше. Приходите поддержать просмотрами👀. До встречи!
Twitch
Twitch
🔥20❤2😐1
Angular Can I Use – как не запутаться в нововведениях?
За последние два года Angular сделал мощный рывок вперед – новые фичи появляются регулярно, и хочется использовать их уже сейчас. Поэтому я постепенно обновляю рабочие проекты до актуальных версий.
Но тут возникает проблема: не всегда можно обновиться до последней мажорной версии. Где-то конфликтуют peer-зависимости, где-то еще не обновились библиотеки, и т. д. В итоге в одном проекте уже версия 19, а где-то застряли на версии 17 или 16. И вот тогда в голове начинается путаница: какие фичи уже можно безопасно использовать, а какие все еще в Dev Preview?
Как с этим разобраться? Меня сильно выручает Angular Can I Use – удобный инструмент от angular.courses, который помогает легко отслеживать статус фич и быть в курсе последних изменений.
🔎 Что там есть?
✅ Feature List – список всех нововведений, начиная с Angular 14, с удобным поиском и сортировкой.
✅ Version Insights – наглядно показывает ключевые изменения в выбранной версии Angular. Здесь можно быстро понять, какие фичи уже стабильны и готовы к использованию, а какие еще находятся в стадии разработки.
Этот сервис экономит кучу времени и позволяет точно понимать, можно ли использовать ту или иную функциональность в продакшене. Если работаете с разными версиями Angular – обязательно попробуйте! 🚀
@summon_the_coder
#angular
За последние два года Angular сделал мощный рывок вперед – новые фичи появляются регулярно, и хочется использовать их уже сейчас. Поэтому я постепенно обновляю рабочие проекты до актуальных версий.
Но тут возникает проблема: не всегда можно обновиться до последней мажорной версии. Где-то конфликтуют peer-зависимости, где-то еще не обновились библиотеки, и т. д. В итоге в одном проекте уже версия 19, а где-то застряли на версии 17 или 16. И вот тогда в голове начинается путаница: какие фичи уже можно безопасно использовать, а какие все еще в Dev Preview?
Как с этим разобраться? Меня сильно выручает Angular Can I Use – удобный инструмент от angular.courses, который помогает легко отслеживать статус фич и быть в курсе последних изменений.
🔎 Что там есть?
✅ Feature List – список всех нововведений, начиная с Angular 14, с удобным поиском и сортировкой.
✅ Version Insights – наглядно показывает ключевые изменения в выбранной версии Angular. Здесь можно быстро понять, какие фичи уже стабильны и готовы к использованию, а какие еще находятся в стадии разработки.
Этот сервис экономит кучу времени и позволяет точно понимать, можно ли использовать ту или иную функциональность в продакшене. Если работаете с разными версиями Angular – обязательно попробуйте! 🚀
@summon_the_coder
#angular
👍8🔥3❤1
👍5❤3🔥3
Только что отсмотрел драфт подкаста и для первого раза получилось вполне убедительно, хотя в паре мест я бы перезаписал ответы, видимо не смог побороть волнение и затупил😬
В любом случае опыт крайне интересный, ждемс выпуск!
В любом случае опыт крайне интересный, ждемс выпуск!
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤8🔥2🥰1
Forwarded from Стародубцев x IT-ХОЗЯЕВА (Александр Стародубцев)
Делюсь картинкой!) Выпуск будет уже на следующей неделе
1❤13🔥8😍2👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Новый Angular вас удивит! Лучший framework для первой работы. Олег Щеголев
📍Делимся экспертизой в TG-канале, подпишись: https://t.me/+Tnx59iQxQ0ZmNThi
📍 Хабр Cloud․ru, подпишись: https://clck.ru/3A9zCC
☁️ Попробуй наше облако бесплатно https://clck.ru/3AABkJ
Ведущий:
Саша Стародубцев @AlexStarodubcev
📺 TG: https://t.me/strdub…
📍 Хабр Cloud․ru, подпишись: https://clck.ru/3A9zCC
☁️ Попробуй наше облако бесплатно https://clck.ru/3AABkJ
Ведущий:
Саша Стародубцев @AlexStarodubcev
📺 TG: https://t.me/strdub…
3🔥31👍3❤2
❤10🔥6
Где учить этот Angular? #1 👩💻
Этот вопрос я слышу постоянно — особенно после того, как на одном дыхании рассказываю, какой новый Angular классный. Поэтому решил пробежаться по своим бесконечным закладкам и заметкам, вспомнить, с чего сам начинал, и сделать серию постов о том, как же все-таки учить этот фреймворк. Будут курсы, статьи, YouTube-каналы — все, что может быть полезно как новичкам, так и опытным разработчикам. Разумеется, это будут только проверенные источники, которыми я сам пользовался (и продолжаю пользоваться). Начнем с курсов.
*️⃣ База базовая, учитель всех учителей. Иногда кажется, что Udemy был создан исключительно для этого великолепного преподавателя — Максими́лиана Шварцмюллера. Курс, который я купил в самом начале пути, до сих пор актуален: автор каждый год бесплатно обновляет программу. Очень рекомендую — фреймворк разобран полностью, затронуты все важные темы для быстрого и уверенного старта.
🔗 The Complete Guide to Angular
*️⃣ Мастодонты в мире курсов по Angular — Angular University. Здесь есть курсы по современному Angular с сигналами, TypeScript, RxJS и многому другому. Можно купить пожизненный доступ ко всем материалам за очень приятную цену. Но начать стоит с бесплатного курса для новичков.
🔗 Angular For Beginners
🔗 Все курсы Angular University
*️⃣ Для фанатов текстового формата — курс от Josh Morony, Angular GDE и активного блогера. Материал полностью состоит из текстовых модулей с пошаговыми инструкциями. Есть открытые (бесплатные) главы, так что можно попробовать и понять, подходит ли такая форма подачи.
🔗 Angular Start
🧪 Рубрика "Эксперименты"
Для разработчиков, которые уже владеют каким-то фреймворком и хотят расширить границы или сменить стек, есть интересный бесплатный проект Playful Programming от Corbin Crutchley. Он позволяет изучать сразу три фреймворка параллельно: Angular, React и Vue. Каждый сниппет кода снабжен тремя вкладками, так что можно сразу переключаться и смотреть: "А как это сделано там?" В начале года вышла первая часть курса (основы), а вскоре ожидаются модули про экосистемы и внутреннюю работу инструментов.
🔗 Playful Programming - The Framework Field Guide
В дополнение к формату выше подходит сайт Component Party, который позволяет сравнивать реализацию концепций в разных фреймворках. Помимо Angular, React и Vue, тут есть Svelte, Solid, Lit, Alpine и другие.
🔗 Component Party
🇬🇧 English? Не проблема
Все предложенные курсы платные, но на специальных сайтах можно найти их для ознакомительного прохождения.
Что касается языка: английский в курсах довольно простой, у авторов хорошая дикция и темп речи. Но если английский вызывает трудности, есть лайфхак:
🟢 берем курс для ознакомления и загружаем его в облако (список поддерживаемых сервисов)
🟢 скачиваем Tampermonkey для своего браузера
🟢 устанавливаем скрипт, который добавляет нейроперевод Яндекс.Браузера в нужный браузер (отдельное спасибо автору расширения)
🟢 запускаем видео для ознакомления в облаке и включаем нейроперевод
🟢 вы великолепны!
Данный способ я попробовал на облаках Mail и Яндекс, все работает отлично.
Если проходили и знаете хорошие курсы, пишите об этом в комментариях!
@summon_the_coder
#angular #course
Этот вопрос я слышу постоянно — особенно после того, как на одном дыхании рассказываю, какой новый Angular классный. Поэтому решил пробежаться по своим бесконечным закладкам и заметкам, вспомнить, с чего сам начинал, и сделать серию постов о том, как же все-таки учить этот фреймворк. Будут курсы, статьи, YouTube-каналы — все, что может быть полезно как новичкам, так и опытным разработчикам. Разумеется, это будут только проверенные источники, которыми я сам пользовался (и продолжаю пользоваться). Начнем с курсов.
🔗 The Complete Guide to Angular
🔗 Angular For Beginners
🔗 Все курсы Angular University
🔗 Angular Start
🧪 Рубрика "Эксперименты"
Для разработчиков, которые уже владеют каким-то фреймворком и хотят расширить границы или сменить стек, есть интересный бесплатный проект Playful Programming от Corbin Crutchley. Он позволяет изучать сразу три фреймворка параллельно: Angular, React и Vue. Каждый сниппет кода снабжен тремя вкладками, так что можно сразу переключаться и смотреть: "А как это сделано там?" В начале года вышла первая часть курса (основы), а вскоре ожидаются модули про экосистемы и внутреннюю работу инструментов.
🔗 Playful Programming - The Framework Field Guide
В дополнение к формату выше подходит сайт Component Party, который позволяет сравнивать реализацию концепций в разных фреймворках. Помимо Angular, React и Vue, тут есть Svelte, Solid, Lit, Alpine и другие.
🔗 Component Party
🇬🇧 English? Не проблема
Все предложенные курсы платные, но на специальных сайтах можно найти их для ознакомительного прохождения.
Что касается языка: английский в курсах довольно простой, у авторов хорошая дикция и темп речи. Но если английский вызывает трудности, есть лайфхак:
Данный способ я попробовал на облаках Mail и Яндекс, все работает отлично.
Если проходили и знаете хорошие курсы, пишите об этом в комментариях!
@summon_the_coder
#angular #course
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤17👍12❤🔥3
Всем привет! Сегодня нашелся отличный повод выйти в онлайн. В 19:00 будет проходить Angular Day by Frontend Nation. Судя по программе должно быть интересно. Будем посмотреть на стриме.
Twitch
Twitch
1👍3❤2🔥1
🔥8❤1
1👍5
В прошлом году я присоединился к команде преподавателей в Otus. Вместе со студентами мы ангулярим, изучаем фронтенд и очень продуктивно проводим время на занятиях. Тут вышел пост-знакомство с моим участием, где я кратко рассказал о себе и поделился несколькими рекомендациями, что посмотреть/почитать в свободное время. Выкладываю этот пост у себя для тех, кто хочет поближе познакомиться с моим подходом и опытом.
1🔥21❤2