🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🙌 Arrow function в Angular шаблоне Хотите ли вы создавать стрелочные функции прямо в шаблоне? Тогда следите за этим PR 😻 👉 https://github.com/angular/angular/pull/30277

😻 NG-Conf 🦊 Подборка докладов Данная подборка включает в себя все самые интересные и актуальные доклады и воркшопы с прошедшего NG-Conf. Обратите внимание, что доклады упорядочены по сложности. Но не ленитесь посмотреть самые простые, наверняка найдете для себя что-то интересное. Особое внимание советую уделить докладам по RxJS. Доклады разделены на три основных категории: 🗻 Что нас ждет в будущем 🐥 Учимся программировать 👩🏼‍⚕️ Воркшопы по технологиям Если вы хотите посмотреть все доклады сами, то можете сделать это по ссылке: 👉 https://www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR 🗻 Что нас ждет в будущем The Bazel Opt-in Preview is Here! | Alex Eagle Обзорный доклад по Bazel. С чего все начиналось, когда его стоит использовать, и что нас ждет. https://www.youtube.com/watch?v=J1lnp-nU4wM Tools for Fast Angular Applications | Minko Gechev Как оптимизировать свое приложение на Angular с использованием новых возможностей в Angular 8. https://www.youtube.com/watch?v=5VlBaaXO6ok Angular For Enterprise | Stephen Fluin Как большие компании используют Angular. Многие идеи помогут вам наладить разработку в большой команде. https://www.youtube.com/watch?v=4d1HYKL2tt4 The Future of Machine Learning & Javascript | Asim Hussain Вводный доклад в машинное обучение на JavaScript, с использованием @tensorflow/tfjs. https://www.youtube.com/watch?v=hfSjaChrGpI 🐥 Учимся программировать Data Composition with RxJS | Deborah Kurata Композиция потоков с помощью простых операторов позволит не делать лишних подписок. https://www.youtube.com/watch?v=Z76QlSpYcck How To Build Your Own RxJS Operators | Ben Lesh & Tracy Lee Написание собственных операторов RxJS поможет вам упростить ваш код и сделает его понятнее. https://www.youtube.com/watch?v=E6R_1QB8q4o RxJS Schedulers form outer space – performance, animations, asynchrony | Michael Hladky Как оптимизировать или протестировать потоки RxJS с использованием Schedulers. https://www.youtube.com/watch?v=wfSKE7GtKhU RxJS Advanced Patterns – Operate Heavily Dynamic UI’s | Michael Hladky Воркшоп достаточно сложный, но стоит потраченного на него времени. Поэтому не бойтесь, держу за вас лапки 🐾 https://www.youtube.com/watch?v=XKfhGntZROQ Wrapping it up with Decorators | Nicole Oliver Почему важно использовать декораторы и как они помогают в повседневной разработке. https://www.youtube.com/watch?v=Guvd5BYocYg Use decorator to beat ngOnChanges – Decoupling ngOnChanges | Kern Zhao Необычная реализация декоратора OnChange для замены get/set у параметров класса. https://www.youtube.com/watch?v=rVDMmlCRvkg 2019: A Schematic Odyssey | Kevin Schuchard & Brian Love Вводный воркшоп в Angular Schematics. Если вы давно хотели их попробовать, то самое время это сделать. https://www.youtube.com/watch?v=X06tuCohJPQ 👩🏼‍⚕️ Воркшопы по технологиям What if your dev environment was a PWA? | Eric Simons Обзор нового функционала StackBlitz: создание приложения, взаимодействие с удаленными устройствами, интеграция с GitHub, деплой. https://www.youtube.com/watch?v=i01V52I56TA Avoiding The Suck Of Testing Using Cypress.io | Joe Eames & Jesse Sanders Как перестать писать много кода для UI тестов вместе с Cypress.io. https://www.youtube.com/watch?v=GH9Dvo_BYkk Cross Platform with Angular and Ionic 4 | Mike Hartington Обзорный доклад по новому Ionic 4. Почему стоит как минимум обратить на него внимание, при написании кроссплатформенного приложения. https://www.youtube.com/watch?v=TqdOBkY0ZFg Productivity Revolution: Angular Principles in Node | Kamil Mysliwiec Вводный доклад по NestJS, который позволит писать код для бекенда в Angular стиле. https://www.youtube.com/watch?v=RSIX4Olo2Vg Amazing Backends for Angular Devs with NestJS | Ely Lucas Создание простого бекенда для Angular приложения на базе NestJS. https://www.youtube.com/watch?v=XkEA8L_4IUY Crash Course: Angular and ngRx | Aspen Payton Возможно кто-то захочет познакомится поближе с NGRX. Как говорится: “Знай своего врага”. https://www.youtube.com/watch?v=272KDxSIQBw 🦊 Приятного просмотра! 🙌

🦄 Делаем A11y с помощью Angular CDK В продолжение вчерашней темы про A11y, но уже с использованием Angular CDK. 👉 https://blog.angularindepth.com/d32f458b8851

🦊 Лиса бомбит: A11y, Accessibility, Доступность Я не знаю когда это началось, но все чаще появляются приложения, которые попросту игнорируют стандарты A11y, или вовсе теряют эту функцинальность со временем. 👩‍💻 Вчера я столкнулся с абсурдной вещью. Все мои попытки создать опрос в Telegram чате заканчивались тем, что простое выделение текста с помощью клавиатуры попросту закрывало окно с опросом. 🤦🏼‍♀️ Поэтому я обращаюсь к вам: давайте не будем забывать о простых стандартах A11y, это ведь не так сложно. Иначе нас ждет ужасное будущее. 🙏 👉 https://a11yproject.com/

🦄 Создание компонента с Virtual Scroll Рассматриваем Virtual Scrolling из Angular CDK, на примере простого select компонента 🐥 👉 https://netbasal.com/c29e24f72006

🙌 РИТ++ 2019 — Профессиональный фестиваль для тех, кто делает Интернет Всем подписчикам канала предложили два промокода для участия: 👩🏻‍🎓👨🏻‍🎓 Academic{angular_ru} скидка -75%: для студентов, аспирантов и преподавателей ВУЗов. При регистрации необходимо будет предоставить любой документ, удостоверяющий ваш статус. 👩🏼‍💼👨🏼‍💼 Personal{angular_ru} скидка -50%: для всех остальных. Данное предложение доступно только для частных лиц и при оплате через Яндекс.Кассу. Вы можете передать скидочный код вашему сокурснику или другу. Буду ждать вас, и надеюсь с вами пообщаться 🦊 👉 https://ritfest.ru

👀 The Fuck… Опечатались в консоли? Теперь вы знаете, что надо делать 🐥 👉 https://github.com/nvbn/thefuck

🦄 Динамические импорты Что нас ждет в Angular 8, и почему стоит быть осторожными с динамическими импортами 👀 👉 https://blog.mgechev.com/2019/05/11/dynamic-imports-javascript/

🦄 Google I/O 🔴 Live Stream С 7 по 9 мая проходит конференция Google I/O. Конференция доступна в режиме стрима. 👉 https://events.google.com/io/live/

🦊 Декоратор OnChange вместо ngOnChanges Если вам не хочется имплементировать хук ngOnChanges или get/set, то вы можете воспользоваться декоратором @OnChange(). Я предпочитаю использовать хук ngOnChanges, так как он дает большую гибкость. А вариант с декоратором: это альтернатива для get/set 👩‍💻 Доклад 👉 https://www.youtube.com/watch?v=rVDMmlCRvkg npm 👉 https://www.npmjs.com/package/property-watch-decorator

🦊 Использование Chrome DevTools Учимся использовать инструменты более продутивно, ищем проблемы в производительности приложений и устраняем утечки памяти 🐥 👉 https://youtu.be/kBHUEFYawTk

🚀 Remote Development with VS Code, Back to the 1985 😻 Теперь VS Code поддерживает удаленную разработку, и позволяет использовать ресурсы вашего сервера для локальной разработки. Другими словами, вы можете без труда запустить ng serve на вашем сервере, автоматически развернуть удаленный VS Code Server, а всю разработку производить локально. Похоже будущее, когда мы сможем легко использовать сервера для разработки, совсем не за горами 🙀 Анонс 👉 https://code.visualstudio.com/blogs/2019/05/02/remote-development Как настроить 👉 https://code.visualstudio.com/docs/remote/remote-overview#_getting-started

🦄 NG-Conf 🔴 Live Stream С 1 по 3 мая проходит одна из самых больших конференций по Angular. Конференция доступна в режиме стрима на YouTube. 👉 https://www.ng-conf.org/livestream/

🦊 Определяем активна ли страница с помощью RxJS Простой способ, как можно определить видна ли страница у пользователя, и если нет, то не делать лишних вычислений. Это сильно улучшит производительность вашего приложения 🐥 👉 https://netbasal.com/ce499c522be4

👩‍💻 Думаете, что хорошо знаете Regex? Тогда предлагаю порешать в кроссворды с регулярными выражениями! Все что от вас требуется — это заполнить клеточки правильно 🙌 Не забудьте авторизироваться для сохранения своего прогресса 🐥 👉 https://regexcrossword.com/

👩🏼‍🔬 Тестирование и подмена зависимостей в Angular Как подменить зависимости для конкретной платформы: показываем и тестируем баннер для любимого Internet Explorer 11 😻 👉 https://blog.angularindepth.com/886495057121

🦄 Основы реактивного программирования с использованием RxJS Higher Order Observables При работе с потоками часто возникает ситуация, когда необходимо в качестве значения одному потоку передать результаты работы другого. Как в этом помогут нам HOO? 🐥 👉 https://medium.com/p/d1337fbead32

🦊 Angular Skill IQ Прошел тест по Angular, и это мой результат 🙌 А какой результат получится у вас? Попробуйте пройти этот тест тоже, и обязательно присылайте скриншоты мне в twitter 🙋🏼‍♀️ 👉 https://www.pluralsight.com/paths/angular 😻 Буду ждать ваших результатов здесь 👇 https://twitter.com/thekiba_io/status/1122440755874816000