✨ Продвинутый TypeScript
Сопоставление типов и другие сложные техники позволяют нам типизировать код гораздо строже. С другой стороны, это обычно нетривиально и добавляет много дополнительных накладных расходов.
В этой статье, на примере работы с несколькими языками, продемонстрированы продвинутые возможности TypeScript.
👉 https://medium.com/p/b5d023bd6539
Сопоставление типов и другие сложные техники позволяют нам типизировать код гораздо строже. С другой стороны, это обычно нетривиально и добавляет много дополнительных накладных расходов.
В этой статье, на примере работы с несколькими языками, продемонстрированы продвинутые возможности TypeScript.
👉 https://medium.com/p/b5d023bd6539
👍7🤩1
✨ Управление точками останова
Точки останова чаще всего создаются с помощью CSS. Однако как быть, если нужно прослушивать их для выполнения изменений в вашем приложении? Это может потребоваться для настройки сторонних компонентов или обработки событий.
К счастью, Angular поставляется с BreakpointObserver, который идеально подходит для таких сценариев.
👉 https://www.thisdot.co/blog/how-to-manage-breakpoints-using-breakpointobserver-in-angular
Точки останова чаще всего создаются с помощью CSS. Однако как быть, если нужно прослушивать их для выполнения изменений в вашем приложении? Это может потребоваться для настройки сторонних компонентов или обработки событий.
К счастью, Angular поставляется с BreakpointObserver, который идеально подходит для таких сценариев.
👉 https://www.thisdot.co/blog/how-to-manage-breakpoints-using-breakpointobserver-in-angular
👍5
✨ Пишем плохой код
Когда заходит разговор о улучшении навыков программирования, чаще всего звучат советы: прочитать чистый код, изучить паттерны проектирования, посмотреть чужие проекты. Но есть другой способ — пойти от обратного, и попробовать написать код максимально плохо. По мнению автора статьи, написав плохой код можно понять, как писать хороший.
Пожалуйста не пробуйте эти советы в рабочих проектах. Мы не несем никакой ответственности за любой причиненный ущерб.
👉 https://habr.com/ru/post/678204/
Когда заходит разговор о улучшении навыков программирования, чаще всего звучат советы: прочитать чистый код, изучить паттерны проектирования, посмотреть чужие проекты. Но есть другой способ — пойти от обратного, и попробовать написать код максимально плохо. По мнению автора статьи, написав плохой код можно понять, как писать хороший.
Пожалуйста не пробуйте эти советы в рабочих проектах. Мы не несем никакой ответственности за любой причиненный ущерб.
👉 https://habr.com/ru/post/678204/
😁11👍4💩2
✨ Сортируем элементы с помощью Drag & Drop
Нередко в разработке интерфейсов попадаются требования связанные с Drag and Drop: загрузка изображений, управление списками задач или сортировка элементов.
К счастью, команда Angular реализовала библиотеку, позволяющую легко реализовать этот функционал.
👉 https://www.thisdot.co/blog/angular-cdk-sorting-items-using-drag-and-drop
Нередко в разработке интерфейсов попадаются требования связанные с Drag and Drop: загрузка изображений, управление списками задач или сортировка элементов.
К счастью, команда Angular реализовала библиотеку, позволяющую легко реализовать этот функционал.
👉 https://www.thisdot.co/blog/angular-cdk-sorting-items-using-drag-and-drop
👍5👎2
✨ Реализуем Pokedex с помощью AngularFire
AngularFire упрощает внедрении Firebase SDK, и стремится обеспечить привычный опыт для Angular разработчиков.
В этом руководстве вы узнаете, как создать CRUD-приложение Pokedex, используя Angular 14, Firestore и новый AngularFire.
👉 https://medium.com/p/2d6980dcc091
AngularFire упрощает внедрении Firebase SDK, и стремится обеспечить привычный опыт для Angular разработчиков.
В этом руководстве вы узнаете, как создать CRUD-приложение Pokedex, используя Angular 14, Firestore и новый AngularFire.
👉 https://medium.com/p/2d6980dcc091
👍9
✨ Защищаем веб-приложение
Существует множество статей о веб-безопасности. Но некоторые из них уже неактуальны, или написаны для традиционных веб-приложений с серверным рендерингом.
В этой серии статей рассказывается о проблемах веб-безопасности, о которых должны знать все разработчики, с акцентом на одностраничные приложения.
👉 https://dev.to/oktadev/defend-your-spa-from-security-woes-1fg2
Существует множество статей о веб-безопасности. Но некоторые из них уже неактуальны, или написаны для традиционных веб-приложений с серверным рендерингом.
В этой серии статей рассказывается о проблемах веб-безопасности, о которых должны знать все разработчики, с акцентом на одностраничные приложения.
👉 https://dev.to/oktadev/defend-your-spa-from-security-woes-1fg2
👍10
✨ Полное руководство по Interceptors
Перехватчики в Angular являются одной из интереснейших особенностей, к тому же они способствуют чистоте кода. Вы пишете несколько строк кода в одном месте, а они применяют его глобально к каждому HTTP-запросу и ответу.
В этой статье мы изучим перехватчики в Angular, поймем что это такое и как они работают.
👉 https://medium.com/p/7294e2317ecf
Перехватчики в Angular являются одной из интереснейших особенностей, к тому же они способствуют чистоте кода. Вы пишете несколько строк кода в одном месте, а они применяют его глобально к каждому HTTP-запросу и ответу.
В этой статье мы изучим перехватчики в Angular, поймем что это такое и как они работают.
👉 https://medium.com/p/7294e2317ecf
👍18❤2
✨ Функциональное программирование в TypeScript
Функциональный стиль программирования был представлен Джоном Бэкусом в компании IBM в 1978 году, но до сих пор остается в значительной степени непонятым. Сегодня мы можем легко использовать функциональное программирование в TypeScript.
В этой серии статей мы разберемся, что такое функциональное программирование и как оно появилось.
👉 https://medium.com/p/18ac096bb551
Функциональный стиль программирования был представлен Джоном Бэкусом в компании IBM в 1978 году, но до сих пор остается в значительной степени непонятым. Сегодня мы можем легко использовать функциональное программирование в TypeScript.
В этой серии статей мы разберемся, что такое функциональное программирование и как оно появилось.
👉 https://medium.com/p/18ac096bb551
👍6
✨ HolyJS возвращается!
В ноябре JUG Ru Group организует конференцию для JavaScript‑разработчиков — HolyJS 2022. В программе — технические доклады и дискуссии о языках, архитектуре, графике, фреймворках и инструментах.
Есть интересные кейсы? Тогда подавайте заявку на выступление. Программный комитет поможет с подготовкой к выступлению: назначит персонального куратора, проведет ревью материала и организует репетиции.
Выбирайте тему выступления на сайте или предлагайте свои идеи — их обязательно рассмотрят.
Всем спикерам JUG Ru Group дарит билет на все конференции сезона в онлайне и офлайне.
👉 Билеты можно купить здесь.
В ноябре JUG Ru Group организует конференцию для JavaScript‑разработчиков — HolyJS 2022. В программе — технические доклады и дискуссии о языках, архитектуре, графике, фреймворках и инструментах.
Есть интересные кейсы? Тогда подавайте заявку на выступление. Программный комитет поможет с подготовкой к выступлению: назначит персонального куратора, проведет ревью материала и организует репетиции.
Выбирайте тему выступления на сайте или предлагайте свои идеи — их обязательно рассмотрят.
Всем спикерам JUG Ru Group дарит билет на все конференции сезона в онлайне и офлайне.
👉 Билеты можно купить здесь.
👍4💩4🔥1
✨ Новый способ управления подписками
Управление подписками — неприятная проблема, когда речь заходит об использовании RxJS с Angular. Трудно представить, сколько времени разработчики тратят на то, чтобы их приложения не имели утечек памяти.
Недавно вышла 14-я версия Angular, и в ней появилось несколько новых функций. Одна из них позволила создать новый способ управления подписками.
👉 https://medium.com/p/f74ef79a8ffc
Управление подписками — неприятная проблема, когда речь заходит об использовании RxJS с Angular. Трудно представить, сколько времени разработчики тратят на то, чтобы их приложения не имели утечек памяти.
Недавно вышла 14-я версия Angular, и в ней появилось несколько новых функций. Одна из них позволила создать новый способ управления подписками.
👉 https://medium.com/p/f74ef79a8ffc
🤔12👍7💩5
Приглашаем на новый сезон онлайн-конференции Podlodka Frontend Crew! Старт уже 15 августа!
🧰 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🧰
Мы вместили максимум пользы в 5 сессионных дней. В этом сезоне мы расскажем:
🛠 как подбирать под задачу и создавать собственные инструменты кодогенерации
🛠 как ускорять рефакторинг с помощью кодмодов
🛠 как упрощать код и уменьшать его количество
🛠 как определять, какие сборщики полезны и какие сложности возникнут при переезде
🛠 как поддерживать актуальность запросов и ответов бэкэнда
🛠 находить больше пользы в OpenAPI схемах
Вас будет ждать море практики! 🤓
👨🔧 Александр Илатовский, Frontend Engineer, в своём воркшопе покажет как вручную писать интерфейсы для запросов и ответов от бэкэнда и зачем это нужно.
👨🔧 Илья Горский, Frontend Engineer из HeadHunter, покажет как рефакторить код с помощью кодмодов и писать собственные моды под конкретную задачу.
👨🔧 Анатолий Кабанов, разработчик из Perforce, продемонстрирует как использовать библиотеку Redux в приложениях на примере RTK Query. Научит уменьшать количество кода и заменять его простым и эффективным.
Купить билет можно уже сейчас у нас на сайте со скидкой для ранних птичек! С нетерпением ждем на борту!
🧰 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🧰
Мы вместили максимум пользы в 5 сессионных дней. В этом сезоне мы расскажем:
🛠 как подбирать под задачу и создавать собственные инструменты кодогенерации
🛠 как ускорять рефакторинг с помощью кодмодов
🛠 как упрощать код и уменьшать его количество
🛠 как определять, какие сборщики полезны и какие сложности возникнут при переезде
🛠 как поддерживать актуальность запросов и ответов бэкэнда
🛠 находить больше пользы в OpenAPI схемах
Вас будет ждать море практики! 🤓
👨🔧 Александр Илатовский, Frontend Engineer, в своём воркшопе покажет как вручную писать интерфейсы для запросов и ответов от бэкэнда и зачем это нужно.
👨🔧 Илья Горский, Frontend Engineer из HeadHunter, покажет как рефакторить код с помощью кодмодов и писать собственные моды под конкретную задачу.
👨🔧 Анатолий Кабанов, разработчик из Perforce, продемонстрирует как использовать библиотеку Redux в приложениях на примере RTK Query. Научит уменьшать количество кода и заменять его простым и эффективным.
Купить билет можно уже сейчас у нас на сайте со скидкой для ранних птичек! С нетерпением ждем на борту!
👍5💩5
✨ Делаем простой и компактный стартер Angular
Стартовый шаблон по умолчанию, который получается из команды ng new в Angular CLI, может быть немного пугающим для новичков.
В этой статье показывается, как следуя принципу YAGNI, можно создать более компактный и простой шаблон, который будет понятен даже новичкам.
👉 https://dev.to/angular/a-simpler-and-smaller-angular-starter-with-nglite-1ooh
Стартовый шаблон по умолчанию, который получается из команды ng new в Angular CLI, может быть немного пугающим для новичков.
В этой статье показывается, как следуя принципу YAGNI, можно создать более компактный и простой шаблон, который будет понятен даже новичкам.
👉 https://dev.to/angular/a-simpler-and-smaller-angular-starter-with-nglite-1ooh
👍6👎1
✨ Разница между any и unknown
Типы any и unknown — это два примитивных типа в TypeScript, которые иногда могут пригодиться. Any отключает проверку типов и TypeScript не сможет обеспечить безопасность, поэтому лучше избегать его использования, а unknown является типобезопасным аналогом any.
Эта статья позволяет разобраться в их отличиях.
👉 https://medium.com/p/1fff4bf232a
Типы any и unknown — это два примитивных типа в TypeScript, которые иногда могут пригодиться. Any отключает проверку типов и TypeScript не сможет обеспечить безопасность, поэтому лучше избегать его использования, а unknown является типобезопасным аналогом any.
Эта статья позволяет разобраться в их отличиях.
👉 https://medium.com/p/1fff4bf232a
👍15❤2
✨ В чем разница между markForCheck и detectChanges?
Время от времени, разрабатывая сложные веб-приложения с помощью Angular, мы задумываемся о повышении производительности. Либо мы вынуждены это делать, потому что нас не устраивает производительность и это негативно сказывается на пользовательском опыте, либо мы действуем проактивно и используем стратегию OnPush с самого начала, чтобы избежать рефакторинга в дальнейшем.
В этой статье подробно объяснено, как работает обнаружение изменений под капотом или в чем разница между стратегиями Default и OnPush.
👉 https://medium.com/p/fff4e5f54d34
Время от времени, разрабатывая сложные веб-приложения с помощью Angular, мы задумываемся о повышении производительности. Либо мы вынуждены это делать, потому что нас не устраивает производительность и это негативно сказывается на пользовательском опыте, либо мы действуем проактивно и используем стратегию OnPush с самого начала, чтобы избежать рефакторинга в дальнейшем.
В этой статье подробно объяснено, как работает обнаружение изменений под капотом или в чем разница между стратегиями Default и OnPush.
👉 https://medium.com/p/fff4e5f54d34
👍16👎3🔥2
✨ Используем AsyncPipe
AsyncPipe — это один из инструментов, которые Angular предоставляет, чтобы облегчить нам жизнь. Он автоматически подписывается на Observable и отписывается, избегая утечек памяти.
В этой статье мы изучим AsyncPipe и всю работу, которую он делает за нас.
👉 https://medium.com/p/714dd864adaa
AsyncPipe — это один из инструментов, которые Angular предоставляет, чтобы облегчить нам жизнь. Он автоматически подписывается на Observable и отписывается, избегая утечек памяти.
В этой статье мы изучим AsyncPipe и всю работу, которую он делает за нас.
👉 https://medium.com/p/714dd864adaa
👍14👎2
✨ Добавляем темы в приложение
Предоставление различных тем на выбор пользователей стало практически стандартом в наши дни, и это довольно легко реализовать с помощью Angular.
В этой статье мы узнаем, как добавлять темы в приложения с помощью простого сервиса и возможностей CSS переменных.
👉 https://medium.com/p/fc49798285c6
Предоставление различных тем на выбор пользователей стало практически стандартом в наши дни, и это довольно легко реализовать с помощью Angular.
В этой статье мы узнаем, как добавлять темы в приложения с помощью простого сервиса и возможностей CSS переменных.
👉 https://medium.com/p/fc49798285c6
👍13👎1
✨ Дополнительные техники для производительности
Для повышения производительности обычно рекомендуют использовать onPush стратегию, но кроме этой стратегии существуют дополнительные инструменты и техники.
Александр Шатилов собрал их в виде справочника.
👉 https://medium.com/p/4e30a097ee32
Для повышения производительности обычно рекомендуют использовать onPush стратегию, но кроме этой стратегии существуют дополнительные инструменты и техники.
Александр Шатилов собрал их в виде справочника.
👉 https://medium.com/p/4e30a097ee32
👍20🔥4
🔥 Розыгрыш четырех билетов на Podlodka Frontend Crew
Специально для наших подписчиков мы запускаем конкурс совместно с Podlodka Frontend Crew.
Для участия необходимо:
💖 Любить фронтенд
👉 Ответить на несколько вопросов
Конференция состоится 15 - 19 августа.
Вас ждет недельная конференция с экспертами из топовых компаний — сессии в Zoom, сообщество в Slack и ламповая атмосфера.
💖 Желаем удачи
Специально для наших подписчиков мы запускаем конкурс совместно с Podlodka Frontend Crew.
Для участия необходимо:
💖 Любить фронтенд
👉 Ответить на несколько вопросов
Конференция состоится 15 - 19 августа.
Вас ждет недельная конференция с экспертами из топовых компаний — сессии в Zoom, сообщество в Slack и ламповая атмосфера.
💖 Желаем удачи
👍15💩5🔥4