Нагадайте собі також можливості реактивних форм: https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58
Medium
Angular Reactive Forms: Tips and Tricks
Делегування подій, хто ще не знає що це таке. Таке питання часто задають на співбесідах, тільки там частіше фігурує таблиця: https://medium.com/@stasonmars/%D0%B4%D0%B5%D0%BB%D0%B5%D0%B3%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B8%CC%86-%D0%B2-javascript-d91cbdd8916a
Medium
Делегирование событий в JavaScript
Очень доходчивая статья о том, как работает делегирование событий в JavaScript и как не запутаться в слушателях событий.
Road for beginners: https://medium.com/@stanislavgurin/top-5-common-mistakes-on-your-frontend-career-start-9718549d1072
Medium
Top 5 Common Mistakes On Your Frontend Career Start
When I started my career as a markup developer 10 years ago there weren’t any courses, mentoring institutes, conferences or videos on…
Цікаві нюанси JS 'toString' та 'toString.call()': https://luxiyalu.com/object-prototype-tostring-call/
Как работает reduce() в JavaScript, когда его нужно применять и какие крутые вещи можно с ним делать
В этой статье вы узнаете про метод reduce() и какие клевые штуки можно вытворять с его помощью, выйдя за рамки его общеизвестного применения.
Читать: https://prglb.ru/4we1
#javascript #core
В этой статье вы узнаете про метод reduce() и какие клевые штуки можно вытворять с его помощью, выйдя за рамки его общеизвестного применения.
Читать: https://prglb.ru/4we1
#javascript #core
Поки сидите дома є прекрасна можливість порозв'язувати цікаві задачки. В цьому вам допоможуть ці ресурси (для цього потрібна реєстрація):
1) https://app.codility.com/programmers/lessons/1-iterations/
2) https://www.hackerrank.com/onboarding/challenge
3) https://projecteuler.net/archives
#javascript #practice
1) https://app.codility.com/programmers/lessons/1-iterations/
2) https://www.hackerrank.com/onboarding/challenge
3) https://projecteuler.net/archives
#javascript #practice
Codility
1. Iterations lesson - Learn to Code - Codility
Prepare for tech interviews and develop your coding skills with our hands-on programming lessons. Become a strong tech candidate online using Codility!
Якщо маєте бажання повторити основні паттерни в ООП - є чудовий плейлист з теорією та практичними прикладами (я б ще радив підписатись на канал): https://www.youtube.com/playlist?list=PLNkWIWHIRwMGzgvuPRFkDrpAygvdKJIE4
YouTube
JavaScript Паттерны
В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке. Рассматривать мы их с вами буд...
Про те як відображати великі об'єми даних користувачу (там не тільки віртуальний скрол): https://blog.bitsrc.io/3-ways-to-render-large-lists-in-angular-9f4dcb9b65
Medium
3 Ways to Render Large Lists in Angular
An overview of the available techniques to render large lists of items with Angular
Можливо трохи пізно, але у вас ще є 5хв щоб зареєструватись на сьогоднішній вебінар))
https://docs.google.com/forms/d/e/1FAIpQLSfKWx4FkEjFEIB-H65jdH1U8Fqekk5e93WVr19ux3uAdynvMw/viewform
https://docs.google.com/forms/d/e/1FAIpQLSfKWx4FkEjFEIB-H65jdH1U8Fqekk5e93WVr19ux3uAdynvMw/viewform
Google Docs
Webinar: Bazel та його iнтеграцiя з Angular
Дата: 30 березня. Початок о 18:00. Online за спеціальним лінком.
Спікер – Роман Кисенко, JavaScript Team Lead в Intellias.
Участь у події безкоштовна. Реєстрація обов'язкова. Кількість місць обмежена*.
Лінк на онлайн-трансляцію буде надісланий на e-mail…
Спікер – Роман Кисенко, JavaScript Team Lead в Intellias.
Участь у події безкоштовна. Реєстрація обов'язкова. Кількість місць обмежена*.
Лінк на онлайн-трансляцію буде надісланий на e-mail…
Час нагадати собі принцип KISS (KEEP IT SIMPLE & SMART): https://medium.com/infancyit/kiss-keep-it-simple-smart-javascript-habits-b019ce14b5ec
#javascript #pattern #tips
#javascript #pattern #tips
Medium
KISS => Keep It Simple, Smart
10 Javascript habits to make life easier
Старий RxJS (прошу це врахувати), але принципи залишились ті ж самі: https://www.slideshare.net/mobile/ladyleet/rxjs-operators-real-world-use-cases-full-version
#rxjs
#rxjs
www.slideshare.net
RxJS Operators - Real World Use Cases (FULL VERSION)
Learn about RxJS operators - understand ~20 operators, human explanations, real world use cases, and more.
Ще трохи інформації про можливості Angular 9 (та цікавий підхід до тестування):
https://www.toptal.com/angular/angular-9-tutorial-angular-ivy?utm_campaign=Toptal%20Engineering%20Blog&utm_source=hs_email&utm_medium=email&utm_content=85644212&_hsenc=p2ANqtz-88Mh-Tc9IDmMHOpEccGg-t89EHPHnAdWwWVsUcABkQAgkqunQOLvBCseqcxezgrKAiFqkSmoFG0ppFTwggBzpyJryy8g&_hsmi=85644213
https://www.toptal.com/angular/angular-9-tutorial-angular-ivy?utm_campaign=Toptal%20Engineering%20Blog&utm_source=hs_email&utm_medium=email&utm_content=85644212&_hsenc=p2ANqtz-88Mh-Tc9IDmMHOpEccGg-t89EHPHnAdWwWVsUcABkQAgkqunQOLvBCseqcxezgrKAiFqkSmoFG0ppFTwggBzpyJryy8g&_hsmi=85644213
Toptal Engineering Blog
All Perks, No Hassle: An Angular 9 Tutorial
Angular 9 is remarkably backward compatible, yet forward-looking—and fast.
Напевно найкращий плейлист з поясненням основ JS (якщо хтось знає якісь україномовні варіанти, можете скинути в чат): https://www.youtube.com/playlist?list=PLqKQF2ojwm3l4oPjsB9chrJmlhZ-zOzWT #javascript #core #playlist
YouTube
Сложный JavaScript простым языком
Сложный JavaScript простым языком" – это серия обучающих видео, которые помогут вам разобраться с самыми сложными аспектами JavaScript на понятном и доступно...
Що ви ще не знали про примітив Символ та його використання в об'єктах: https://dmitripavlutin.com/detailed-overview-of-well-known-symbols/ #javascript #advanced
Dmitri Pavlutin Blog
Detailed Overview of Well-known Symbols
Well-known symbols allow to customize many JavaScript algorithms: elements iteration, instanceof, regexp string methods, derived object and more.
Не дуже стикався з потребою динамічного додавання таким чином елементів в Ангулярі, але є такі способи у vanilla js для того щоб сторінка перемалювалась лише один раз:
https://davidwalsh.name/documentfragment
та https://developer.mozilla.org/en-US/docs/Web/API/Range/createContextualFragment #DOM #javascript
https://davidwalsh.name/documentfragment
та https://developer.mozilla.org/en-US/docs/Web/API/Range/createContextualFragment #DOM #javascript
David Walsh Blog
JavaScript DocumentFragment
DocumentFragments allow developers to place child elements onto an arbitrary node-like parent, allowing for node-like interactions without a true root node.
Для тих хто ще не в курсі як браузери рендерять застосунки: https://blog.logrocket.com/how-browser-rendering-works-behind-the-scenes-6782b0e8fb10/ #browser #DOM #CSSOM #rendering
LogRocket Blog
How browser rendering works — behind the scenes - LogRocket Blog
How do browsers bring web apps to life? Understanding client-side rendering will empower you to truly optimize your web projects.
Деякі техніки об'єднання масивів https://davidwalsh.name/combining-js-arrays, а також цікавий аналіз по їх продуктивності взятий з коментарів https://jsperf.com/combining-js-arrays/8 #javascript #arrays #tips
David Walsh Blog
Combining JavaScript Arrays
Analyzing various techniques for combining/merging JavaScript Arrays.
Трохи пояснення по деяким методам rxjs та їх використання: https://blog.angular-university.io/rxjs-higher-order-mapping/ #rxjs
Angular University
RxJs Mapping: switchMap vs mergeMap vs concatMap vs exhaustMap
Learn in-depth the merge, switch, concat and exhaust strategies and their operators: concatMap, mergeMap, switchMap and exhaustMap.
Advanced Angular - нові можливості з Ivy по динамічній загрузці Lazy компонентів: https://netbasal.com/welcome-to-the-ivy-league-lazy-loading-components-in-angular-v9-e76f0ee2854a #angular #advanced #ivy #lazy
Medium
Welcome to the Ivy League: Lazy Loading Components in Angular v9
Lazy Load Components with Ivy