✨ Руководство по созданию многократно используемых форм
В веб-приложениях большое разнообразие форм, которые имеют повторяющийся набор полей. Например, поля адреса обычно присутствуют во всех формах регистрации.
В этом уроке мы узнаем, как обернуть такие поля в многоразовую форму, чтобы ее можно было использовать в любой другой форме.
👉 https://indepth.dev/tutorials/angular/indepth-guide-for-nested-and-reusable-form
В веб-приложениях большое разнообразие форм, которые имеют повторяющийся набор полей. Например, поля адреса обычно присутствуют во всех формах регистрации.
В этом уроке мы узнаем, как обернуть такие поля в многоразовую форму, чтобы ее можно было использовать в любой другой форме.
👉 https://indepth.dev/tutorials/angular/indepth-guide-for-nested-and-reusable-form
👍8🔥2
✨ Генерация текста с помощью цепей Маркова
Цепь Маркова — это последовательность событий, в которой наступление каждого события зависит только от предыдущего и не зависит от остальных.
В этом посте Саша Беспоясов реализовал генератор текста на марковских цепях.
👉 https://bespoyasov.ru/blog/text-generation-with-markov-chains/
Цепь Маркова — это последовательность событий, в которой наступление каждого события зависит только от предыдущего и не зависит от остальных.
В этом посте Саша Беспоясов реализовал генератор текста на марковских цепях.
👉 https://bespoyasov.ru/blog/text-generation-with-markov-chains/
👍9❤4
✨ Настраиваем кнопку в Angular Material
Почти во всех приложениях требуется модифицировать компоненты, предоставляемые сторонними библиотеками. Например, изменить стили или добавить недостающую функциональность.
В этом руководстве мы научимся изменять стили таким образом, чтобы они не конфликтовали с будущими обновлениями библиотек.
👉 https://indepth.dev/tutorials/angular/indepth-guide-for-customizing-angular-material-button
Почти во всех приложениях требуется модифицировать компоненты, предоставляемые сторонними библиотеками. Например, изменить стили или добавить недостающую функциональность.
В этом руководстве мы научимся изменять стили таким образом, чтобы они не конфликтовали с будущими обновлениями библиотек.
👉 https://indepth.dev/tutorials/angular/indepth-guide-for-customizing-angular-material-button
👍5🔥2
✨ Рефакторинг на максималках
Эта книга о том, как эффективно и без боли рефакторить код. В ней рассказано о различных приемах и техниках улучшения кода, а также о пользе рефакторинга для разработки и бизнеса.
Книга бесплатная и доступна на Гитхабе.
👉 https://bespoyasov.ru/blog/refactor-like-a-superhero/
Эта книга о том, как эффективно и без боли рефакторить код. В ней рассказано о различных приемах и техниках улучшения кода, а также о пользе рефакторинга для разработки и бизнеса.
Книга бесплатная и доступна на Гитхабе.
👉 https://bespoyasov.ru/blog/refactor-like-a-superhero/
👍17❤2👌2
✨ Инициализация компонентов без ngOnInit
Хук ngOnInit всегда был частью скрипта генерации компонента при использовании Angular CLI. Это привело к куче недоразумений, неправильному использованию функций и распространению анти-паттернов в кодовой базе.
Изучите различные техники для улучшения кода инициализации в компонентах.
👉 https://indepth.dev/posts/1508/structure-initialization-logic-without-ngoninit-utilize-observables-and-ngonchanges
Хук ngOnInit всегда был частью скрипта генерации компонента при использовании Angular CLI. Это привело к куче недоразумений, неправильному использованию функций и распространению анти-паттернов в кодовой базе.
Изучите различные техники для улучшения кода инициализации в компонентах.
👉 https://indepth.dev/posts/1508/structure-initialization-logic-without-ngoninit-utilize-observables-and-ngonchanges
👍12👎1🔥1👌1
✨ Делаем ретро игру
js13kgames — это ежегодное соревнование по созданию игр на JavaScript с нуля, которые умещаются в 13 килобайт.
В статье описан процесс создания игры, напоминающую ретро-эпоху портативных игр с их уникальным дизайном.
👉 https://medium.com/p/5905bf6166b2
js13kgames — это ежегодное соревнование по созданию игр на JavaScript с нуля, которые умещаются в 13 килобайт.
В статье описан процесс создания игры, напоминающую ретро-эпоху портативных игр с их уникальным дизайном.
👉 https://medium.com/p/5905bf6166b2
❤5👍2😁1
✨ Разбираем стратегии обнаружения изменений
Обнаружение изменений в Angular — это встроенная функция фреймворка, которая обеспечивает автоматическую синхронизацию между данными компонента и представлением его HTML-шаблона.
Давайте посмотрим, как они работают.
👉 https://medium.com/p/12fcd5d91ca4
Обнаружение изменений в Angular — это встроенная функция фреймворка, которая обеспечивает автоматическую синхронизацию между данными компонента и представлением его HTML-шаблона.
Давайте посмотрим, как они работают.
👉 https://medium.com/p/12fcd5d91ca4
🔥10👍3
✨ Правила Angular ESLint для доступности с клавиатуры
При использовании встроенных HTML элементов браузер изначально обеспечивает поддержку клавиатуры. Тем не менее, она часто не соблюдается для кастомных элементов.
Правила доступности помогут вам выявить некоторые из распространенных подводных камней на ранних этапах разработки.
👉 https://dev.to/angular/angular-eslint-rules-for-keyboard-accessibility-236f
При использовании встроенных HTML элементов браузер изначально обеспечивает поддержку клавиатуры. Тем не менее, она часто не соблюдается для кастомных элементов.
Правила доступности помогут вам выявить некоторые из распространенных подводных камней на ранних этапах разработки.
👉 https://dev.to/angular/angular-eslint-rules-for-keyboard-accessibility-236f
👍6👌1
✨ Манипулирование DOM в Angular
Вместо прямой работы с DOM-элементами Angular предоставляет нам набор абстракции ElementRef, TemplateRef и ViewContainerRef.
В этой статье рассмотрены способы работы с ними.
👉 https://medium.com/p/8517b7ce3274
Вместо прямой работы с DOM-элементами Angular предоставляет нам набор абстракции ElementRef, TemplateRef и ViewContainerRef.
В этой статье рассмотрены способы работы с ними.
👉 https://medium.com/p/8517b7ce3274
👍8🔥1👌1
✨ Современный CSS в Angular
В этом месяце команда Angular представила новую серию статей, в которой рассматриваются современные возможности CSS.
На этой неделе рассматриваются Layouts.
👉 https://medium.com/p/4a259dca9127
В этом месяце команда Angular представила новую серию статей, в которой рассматриваются современные возможности CSS.
На этой неделе рассматриваются Layouts.
👉 https://medium.com/p/4a259dca9127
👍6🔥1
✨ Angular Router Standalone API
Новый standalone router API позволяет уменьшить размер сборки. Но в настоящее время он находится в предварительной версии для разработчиков и станет стабильным в Angular 15.
В статье, на примере приложения со списком фильмов, разбираются будущие возможности Angular.
👉 https://medium.com/p/461547e92bbc
Новый standalone router API позволяет уменьшить размер сборки. Но в настоящее время он находится в предварительной версии для разработчиков и станет стабильным в Angular 15.
В статье, на примере приложения со списком фильмов, разбираются будущие возможности Angular.
👉 https://medium.com/p/461547e92bbc
👍9❤1
✨ Разработка на Angular под SmartTV
Команда KION продолжает радовать статьями о разработке онлайн-кинотеатра.
Четвертая часть посвящена внедрению фичи Autoplay.
👉 https://habr.com/ru/company/ru_mts/blog/694384/
Команда KION продолжает радовать статьями о разработке онлайн-кинотеатра.
Четвертая часть посвящена внедрению фичи Autoplay.
👉 https://habr.com/ru/company/ru_mts/blog/694384/
👍9🔥6❤1
✨ Настройка husky в проекте Angular
Раньше установка husky и добавление пары команд в package.json, позволяли быстро приступить к работе. После обновления husky, необходимо мигрировать настройки.
В статье разобраны способы подключения, настройки и миграции пакета запуска гит хуков husky.
👉 https://medium.com/p/c3d04ffc95c
Раньше установка husky и добавление пары команд в package.json, позволяли быстро приступить к работе. После обновления husky, необходимо мигрировать настройки.
В статье разобраны способы подключения, настройки и миграции пакета запуска гит хуков husky.
👉 https://medium.com/p/c3d04ffc95c
❤4👍2
✨ Раскройте возможности Angular Router
Правильно ли вы используете Angular Router?
Сегодня мы покажем вам некоторые основы и то, как вы можете эффективно использовать их в вашем Angular приложении.
👉 https://medium.com/p/2f34b25ed649
Правильно ли вы используете Angular Router?
Сегодня мы покажем вам некоторые основы и то, как вы можете эффективно использовать их в вашем Angular приложении.
👉 https://medium.com/p/2f34b25ed649
👍9🥴4
✨ Работа с ленивой загрузкой
Когда мы создаем большое приложение с несколькими модулями, основной файл превращается в огромного монстра.
Сегодня мы узнаем, как использовать ленивую загрузку для улучшения пользовательского опыта.
👉 https://www.danywalls.com/working-with-lazy-loading-modules-and-preload-routing-strategies-in-angular
Когда мы создаем большое приложение с несколькими модулями, основной файл превращается в огромного монстра.
Сегодня мы узнаем, как использовать ленивую загрузку для улучшения пользовательского опыта.
👉 https://www.danywalls.com/working-with-lazy-loading-modules-and-preload-routing-strategies-in-angular
👍5🔥4
✨ Усовершенствования в Angular Router
В последнее время команда Angular была занята созданием нескольких значимых обновлений маршрутизации, которые доступны начиная с версии 14.2.
В статье они поделились некоторыми последними улучшениями.
👉 https://medium.com/p/5d69ec4c032
В последнее время команда Angular была занята созданием нескольких значимых обновлений маршрутизации, которые доступны начиная с версии 14.2.
В статье они поделились некоторыми последними улучшениями.
👉 https://medium.com/p/5d69ec4c032
👍7👌1
✨ Примеры использования NgRx
Разграничение доступа играет важную роль во многих приложениях, особенно в корпоративных.
Сегодня мы рассмотрим, как можно реализовать его наиболее удобным способом, используя NgRx.
👉 https://dev.to/this-is-angular/ngrx-use-cases-part-i-restricting-access-30lo
Разграничение доступа играет важную роль во многих приложениях, особенно в корпоративных.
Сегодня мы рассмотрим, как можно реализовать его наиболее удобным способом, используя NgRx.
👉 https://dev.to/this-is-angular/ngrx-use-cases-part-i-restricting-access-30lo
👍9👎1🔥1
✨ Новшества TypeScript 4.9
Недавно Microsoft анонсировал TypeScript 4.9 beta. В этой версии появился новый оператор satisfies, умный in, прямое сравнение с NaN теперь запрещено, проведена оптимизация производительности.
Екатерина Семенова разобрала самые интересные фичи этого анонса.
👉 https://habr.com/ru/company/surfstudio/blog/695900/
Недавно Microsoft анонсировал TypeScript 4.9 beta. В этой версии появился новый оператор satisfies, умный in, прямое сравнение с NaN теперь запрещено, проведена оптимизация производительности.
Екатерина Семенова разобрала самые интересные фичи этого анонса.
👉 https://habr.com/ru/company/surfstudio/blog/695900/
👍17🔥4
✨ Кастомные операторы RxJS
Хотя RxJS поставляется с огромным количеством операторов, но иногда возникает необходимость написать собственные.
Давайте посмотрим, как справиться с этой задачей.
👉 https://medium.com/p/637c7d3d8f86
Хотя RxJS поставляется с огромным количеством операторов, но иногда возникает необходимость написать собственные.
Давайте посмотрим, как справиться с этой задачей.
👉 https://medium.com/p/637c7d3d8f86
👍8🔥1
✨ Повторение запросов с помощью RxJS
Иногда нужно выполнить запрос несколько раз через определенное время. Самые распространенный случай, автоматическое обновление данных.
В RxJS 7 реализация этой функциональности стала проще простого, из-за оператора repeat.
👉 https://medium.com/p/423c1996fb65
Иногда нужно выполнить запрос несколько раз через определенное время. Самые распространенный случай, автоматическое обновление данных.
В RxJS 7 реализация этой функциональности стала проще простого, из-за оператора repeat.
👉 https://medium.com/p/423c1996fb65
👍6🔥3