Player FM - Internet Radio Done Right
2,168 subscribers
Checked 1M ago
تمت الإضافة منذ قبل nine عام
المحتوى المقدم من Charles M Wood. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Charles M Wood أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Player FM - تطبيق بودكاست
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
Web Components for Cross Framework Development with Nishu Goel - AiA 431
Manage episode 450619689 series 1000065
المحتوى المقدم من Charles M Wood. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Charles M Wood أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers.
Links
Picks
Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
…
continue reading
Links
- Angular elements overview
- manfredsteyer/ngx-build-plus
- Web Components in Action
- Stencil
- Web Components
- web-component-tester
- Can I use...
- Custom Elements Everywhere
- Dyo
- is it canceled yet?
Picks
- Charles - Step-by-Step Angular Routing by Nishu Goel
- Charles - The Masked Singer
- Charles - Expert Secrets
- Chris - Rhod Gilbert Clips on Youtube
- Brooks - Capacitor: Universal Web Applications
- Eddie - NestJS
- Eddie - Sunlight and Warm Weather
- Nishu - Follow Nishu on Twitter > @Dcoustawilson
- Nishu - WebAssembly
- Nishu - WASM game
- Nishu - Playing with rabbits
Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
583 حلقات
Manage episode 450619689 series 1000065
المحتوى المقدم من Charles M Wood. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Charles M Wood أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers.
Links
Picks
Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
…
continue reading
Links
- Angular elements overview
- manfredsteyer/ngx-build-plus
- Web Components in Action
- Stencil
- Web Components
- web-component-tester
- Can I use...
- Custom Elements Everywhere
- Dyo
- is it canceled yet?
Picks
- Charles - Step-by-Step Angular Routing by Nishu Goel
- Charles - The Masked Singer
- Charles - Expert Secrets
- Chris - Rhod Gilbert Clips on Youtube
- Brooks - Capacitor: Universal Web Applications
- Eddie - NestJS
- Eddie - Sunlight and Warm Weather
- Nishu - Follow Nishu on Twitter > @Dcoustawilson
- Nishu - WebAssembly
- Nishu - WASM game
- Nishu - Playing with rabbits
Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
583 حلقات
كل الحلقات
×A
Adventures in Angular


1 Angular Elements, Annex & Storybook with Brad McAlister - AiA 439 51:33
51:33
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب51:33
In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris, and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his workflows. Picks Alyssa - Watch Harry Potter movies when its Fall Alyssa - Goldberg Zweigelt from Austria 2014 Brooks - Merkur 34C Heavy Duty Safety Razor Brooks - The Addams Family Chris - http://brewdog.com/ Chris - http://nakedwines.com/ Brad - Craft Beer Brad - Doing Things That You Should Have Done 20 Years Ago Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438 52:23
52:23
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب52:23
Michael Hladky joins the adventure to discuss how he's gotten a 60% performance increase using push pipe and related techniques. Many developers can get by without this technology, but Michael explains how to pull the push pipe into your code and what that looks like compared to Zone.js and the default stack in Angular. Links New possibilities with Angular's push pipe - Part 1 Twitter: Michael Rx Hladky ( @Michael_Hladky ) Picks Charles- Psycho-Cybernetics Charles- Focus Blocks Michael- Learn to dance and sing Michael- Book his performance audits Subrat- The 5 AM Club: Own Your Morning. Elevate Your Life. Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437 55:07
55:07
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب55:07
Joaquin Cid is an Argentinian developer who has built a plugin for NGXS state library that allows developers to connect to Firebase and have their queries automatically import into NGXS. Further, it also allows them to define actions that will update their datastore when triggered. The new Adventures in Angular panel dives into the ins and outs of using NGXS and Firebase to build rich applications with Angular and these technologies. Links Firebase + NGXS, the perfect couple NGXS loading spinners and actions executing GitHub | ngxs-labs/action-lifecycle-hooks GitHub | ngxs-labs/firestore-plugin GitHub | angular/angularfire Twitter: joaquin cid ( @joaqcid ) Picks Charles- Who Not How Charles- As a Man Thinketh Joaquin- Newell's Old Boys Joaquin- NGXS Richard- Chania, Crete, Greece Richard- My team (Dodo) from Optimal Systems Richard- Building Performance Optimized Web Apps with Angular and Firebase - YouTube Subrat- NestJS Subrat- Lucifer Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Practical Applications of RxJS in Angular Development - AiA 436 23:50
23:50
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب23:50
In today's episode, Lucas is joined by Jason Akbar, a full-stack software engineer who’s got a knack for front-end development. He recently penned some intriguing articles on Medium about RxJS operators. He will reveal what motivated him to write about RxJS operators, especially focusing on the top 17 operators that every Angular developer should know. They will break down each of these operators—like the map, filter, and debounce time—and discuss how they can streamline your Angular development. Jason will also touch on some of the lesser-known but incredibly useful operators like concat and merge, providing real-world examples of where these can come in handy. Whether you’re navigating your way through Angular or looking to refine your skills, this episode is packed with nuggets of wisdom that you won't want to miss. Jason also has some tips on where you can find additional resources to master RxJS. Links Mastering RxJS Operators in Angular: The Top 17 Operators Socials LinkedIn: Jason Akbar Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Azure Cognitive Services with Ankit Sharma - AiA 435 36:53
36:53
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب36:53
Ankit Sharma, an Angular GDE and author, joins us in this episode of Adventures in Angular to talk about using Azure cognitive services with Angular. Links https://azure.microsoft.com/en-in/services/cognitive-services https://tic-tac-toe-d9068.firebaseapp.com/ https://bookcart.azurewebsites.net/ https://azure.microsoft.com/en-in/services/cognitive-services How To Create A Multi-Language Translator Using Angular And Azure Cognitive Services https://azure.microsoft.com/en-in/services/cognitive-services/face/#demo https://ankitsharmablogs.com/ https://www.c-sharpcorner.com/ebooks/build-a-full-stack-web-application-using-angular-and-firebase Picks Brooks - Cover face AND nose Ankit - TEACH: share your knowledge Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Power Up Angular with RXjs with Armen Vardanyan - AiA 434 57:09
57:09
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب57:09
Armen Vardanyan is an Armenian Angular developer who works extensively with both angular and RXjs. He walks Chuck through the ins and outs of how he uses RXjs to expand the functionality of his Angular applications and how to think about observables in general. Picks Armen- Frank Herbert's Dune Saga 6-Book Boxed Set Charles- The Way of Kings: The Stormlight Archive, Book 1 Charles- Words of Radiance: The Stormlight Archive, Book 2 Charles- Oathbringer: Book Three of the Stormlight Archive Charles- Rhythm of War: Book Four of The Stormlight Archive Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Getting your Components to Communicate with Ravi Veliyat - AiA 433 50:48
50:48
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب50:48
Ravi Veliyat helps train people in many web technologies, Angular being one of them. The panel discusses the various ways you can get your components to communicate, from inputs and outputs all the way up to NgRx. Ravi walks through the different options, with great examples that will keep you on the edge of your headphones. Links You might not need NgRx | Mike Ryan | AngularConnect 2018 Subjecting State to Good Behavior | Kim Maida Picks Alyssa - Oculus Quest Headset Eddie - Sentry.io Eddie - Notion.so Chris - Pokémon™ Sword Ravi - veliyat.com Ravi - https://www.youtube.com/c/raviVeliyat Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 432 54:08
54:08
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب54:08
Philipp Kief is a German developer who walks through how to manage and capture errors in your Angular application and how to display them to users. He discusses how he standardized error handlers in his applications and what he does to make sure that they get logged someplace. Links Angular Component Extractor Philipp Kief - Medium Philipp Kief Twitter: Philipp Kief ( @PhilippKief ) Picks Charles- Level Up | Devchat.tv Charles- PodcastBootcamp.io Charles- The Chosen Philipp- Web-based editor Richard- Material Icon Theme Subrat- Start with Why: How Great Leaders Inspire Everyone to Take Action Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Web Components for Cross Framework Development with Nishu Goel - AiA 431 44:55
44:55
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب44:55
Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers. Links Angular elements overview manfredsteyer/ngx-build-plus Web Components in Action Stencil Web Components web-component-tester Can I use... Custom Elements Everywhere Dyo is it canceled yet? Picks Charles - Step-by-Step Angular Routing by Nishu Goel Charles - The Masked Singer Charles - Expert Secrets Chris - Rhod Gilbert Clips on Youtube Brooks - Capacitor: Universal Web Applications Eddie - NestJS Eddie - Sunlight and Warm Weather Nishu - Follow Nishu on Twitter > @Dcoustawilson Nishu - WebAssembly Nishu - WASM game Nishu - Playing with rabbits Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Profiling Angular Apps with Gil Fink - AiA 430 44:34
44:34
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب44:34
The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a device that is slow or a connection that is faulty. Gil explains how to find and fix them. Links https://pptr.dev Lighthouse - Using the node cli JS VidCon Picks Gil - Follow Gil on Twitter > @gilfink Gil - Wokwi https://github.com/wokwi/wokwi-elements Gil - Star Wars The Clone Wars Alyssa - BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript Shai - FREE WORKSHOP - The Roadmap to Angular Testing Mastery Shai - https://www.ng-conf.org Younes - Reactive Extensions for Angular Chris - Eero Chris - @GrumpySkeletor Brooks - LoopBack 4 Eddie - Animal Crossing Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Leveraging Event Sourcing: Enhancing Scalability and Consistency in Front-end and Back-end - AiA 429 54:34
54:34
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب54:34
In this episode, Lucas, Armen, and Subrat are joined by Luis Galeas, the CEO and founder of Ambar. Today's discussion dives into the fascinating world of event sourcing, exploring its intricacies in both front-end and back-end development. Event sourcing has emerged as a pivotal technique for managing the state by recording events that can rebuild the application state, bringing unique challenges and opportunities, especially on the back end where state persistence and scalability are critical. Luis shares his expertise on how Ambar's tools simplify event connections with minimal coding, the importance of efficient data transfer, and how event sourcing can transform state management. They also cover practical aspects like the technological components, system design, and implementation strategies for event sourcing, providing a comprehensive overview for developers keen on enhancing their applications. Lucas, Armen, and Subrat, alongside Luis, provide valuable insights and address common challenges, ensuring you walk away with actionable knowledge. To round things off, Luis introduces a free course offered by Ambar to dive deeper into event sourcing and discusses how gradual implementation can ease the transition for your development projects. Stay tuned for a deep dive into event sourcing's potential to revolutionize your approach to state management in both front-end and back-end technologies. Socials LinkedIn: Luis P Galeas Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Is There Benefits from Working From Home with Will Gant - AiA 428 1:00:07
1:00:07
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب1:00:07
In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely. Picks Will - Follow Will's work on > www.simpleprogrammer.com Brooks - NGXS Brooks - Tiger King Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Data Mocking with Dave Cooper - AiA 427 42:10
42:10
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب42:10
In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping. There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real. Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing. The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data. Links Mocking made easy | Dave Cooper | http://www.davecooper.org/ https://twitter.com/davewritescodes https://www.facebook.com/adventuresinangular https://twitter.com/angularpodcast Picks Shai - TestAngular.com Shai - https://twitter.com/shai_reznik/status/1202293459207540737 Shai - Angular 9: Getting Ready To Update to Angular 9 Dave - https://www.npmjs.com/package/data-mocks Dave - Dough: Simple Contemporary Bread Younes - https://www.json-generator.com/ Younes - https://docs.pact.io/implementation_guides/javascript Charles - A Christmas Story Charles - Holiday Inn Charles - White Christmas Charles - The Bishop’s Wife Charles - Frozen 2 Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Managing Component State the Sane Way with Freddy Montes - AiA 426 44:41
44:41
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب44:41
Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components. Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps. Freddy talks about his journey into managing state for his components using observables and basic state libraries. Links How to manage component state in Angular using @ngrx/component-store Picks Charles- Premium Podcast Feeds | Devchat.tv Charles- Hiro.fm Charles- ThriveCart Charles- Zapier Charles- TrainingPeaks Charles- Built Bar Freddy- Couch to 5K Runner Freddy- Weiser Lock Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
A
Adventures in Angular


1 Cross Platform Angular with Richard Sithole - AiA 425 1:01:34
1:01:34
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب1:01:34
Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms. It turns out that a single repo cross-platform app isn't a total pipe dream. Links Twitter: Richard Sithole ( @sliqric ) Picks Charles- Relationships Charles- monday.com Charles- LinkedIn Charles- Hunter.io Charles- Dev Influencers | Devchat.tv Richard- NVIDIA SHIELD Richard- How to write a great technical blog post by Sashko Stubailo Richard- freeCodeCamp Richard- inDepthDev Richard- WHAT WEB CAN DO TODAY? Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support .…
مرحبًا بك في مشغل أف ام!
يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.