• #26 Angular Meetup

    Talentry GmbH

    After a summer break, we're back at it with Angular Meetups. We will start at Talentry and hear what Paul has to say about how they do forms. Then we'll see if there's anything interesting in the new Angular Ivy. This time Talentry will be kind to host us and to buy us pizza, drinks and other software ingredients. #1 Paul Janicki, Talentry Dynamic forms in Angular - lessons learned In our application admins can configure forms which are displayed to the end user. There are more than a dozen custom fields, each is represented by a component, which is added to a form using the ComponentFactoryResolver. Components live in the UI library and are highly reusable. I this talk I will showcase what we’ve learned about ComponentFactoryResolver, ControlValueAccessor, using the same components both dynamically and as tags in a template. Paul is a Frontend focused software engineer at Talentry with a passion for great user and developer experience. Owner of the component UI library at Talentry, he works a lot with Angular, takes care of the Frontend architecture and implements user interfaces. #2 Zlatko Duric, your unworthy co-organizer Can we build js13k games with Angular yet? The new rendering engine for Angular, Ivy, is shipped. You can use it in your apps. One of the more interesting promises of the new rendering engine is that the bundle sizes of the finished applications could get a lot smaller with Ivy. But why does it even matter? For this talk I'm going to explore this topic a bit more. Is this already usable? How can we try it? How big is the regular angular bundle compared to the Ivy bundle? Did the new differential loader help, and how much? Are there more things coming in the future that will help us with the bundle size? Zlatko is a Web Technologies person at the Automotive branch at msg systems, where he's training, coaching and mentoring people in Angular and other frontend frameworks, helping out with general web topics and sometimes writes code.

    3
  • #25 Angular Meetup

    artech GmbH

    Let's test the newly arranged spaces at artech Informationssysteme GmbH :) We have two talks this time, both from experienced speakers so let's expect an interesting evening. In addition to that, artech Informationssysteme has given us the chance to test out their new event space. The talks: #1 Gregor Woiwode -- Conditional Types | Hard shell soft core -- Static typing means curse and blessing alike. They provide with TypeScript robust APIs that are initially rigid in nature. As soon as the use case deviates somewhat, there is a tendency to duplicate large parts of the source code to correspond to the typing. But you can save yourself this effort. Using conditional types, you create dynamic APIs that are still strongly typed. Your options in programming in TypeScript expand immensely by the knowledge of this language features. After this talk you can read, understand and use conditional types. You will get an introduction to the syntax and the possibilities provided by TypeScript. Afterwards, you will get an insight into a real project that illustrates the added value in practice. #2 Frank Kolar -- Highly declarative UI without using templates!-- Most of the Web / mobile applications today written in traditional web framework is just mechanically assembled code with duplicates, rooted in the domain model which leads to more code and higher maintenance cost. To improve this, MetaUI offers different ways how web application can be built today (declaratively) in order to render dynamically whole User Interface on the fly without templates rather than letting you layout your fields or components manually for every single use case over and over again.

    5
  • ng-conf Live Stream at metafinanz - Day 3

    metafinanz - Informationssysteme GmbH

    Let's hang out together accompanied by live-streamed talks directly from ng-conf - the original Angular Conference in Salt Lake City. We watch the sessions or workshops together and discuss them on the go with fellow Angular devs. metafinanz sponsors venue, food, snacks and drinks. Here is the link to the conference schedule for more insight: https://www.ng-conf.org/sessions/ The conference begins at 5pm (Munich time) each day, our doors will be open at 4:45pm (Munich time). The event will be over at 11:45pm although the conference lasts a little longer. We will try to watch most of the missed talks in the next days lunch or other breaks.

    2
  • ng-conf Live Stream at metafinanz - Day 2

    metafinanz - Informationssysteme GmbH

    Let's hang out together accompanied by live-streamed talks directly from ng-conf - the original Angular Conference in Salt Lake City. We watch the sessions or workshops together and discuss them on the go with fellow Angular devs. metafinanz sponsors venue, food, snacks and drinks. Here is the link to the conference schedule for more insight: https://www.ng-conf.org/sessions/ The conference begins at 5pm (Munich time) each day, our doors will be open at 4:45pm (Munich time). The event will be over at 11:45pm although the conference lasts a little longer. We will try to watch most of the missed talks in the next days lunch or other breaks.

    5
  • ng-conf Live Stream at metafinanz - Day 1

    metafinanz - Informationssysteme GmbH

    Let's hang out together accompanied by live-streamed talks directly from ng-conf - the original Angular Conference in Salt Lake City. We watch the sessions or workshops together and discuss them on the go with fellow Angular devs. metafinanz sponsors venue, food, snacks and drinks. Here is the link to the conference schedule for more insight: https://www.ng-conf.org/sessions/ The conference begins at 5pm (Munich time) each day, our doors will be open at 4:45pm (Munich time). The event will be over at 11:45pm although the conference lasts a little longer. We will try to watch most of the missed talks in the next days lunch or other breaks.

  • #24 Angular Meetup

    Arabellastraße 4a

    Pizza & Drinks are sponsored by TNG Technology Consulting #1 Ingo Bürk -- Synchronizing form controls with the URL in Angular -- Reflecting UI state such as filters, pagination or sorting to the URL can greatly improve user experience, reduce user annoyance and makes it easier to share or bookmark your website without any extra effort. But what is necessary to achieve this using Angular, what are the problems we need to solve and how can we avoid writing boilerplate code? #2 Jens Habegger -- NGRX Testing with Jest -- Testing is often considered one of the most important steps of Software Engineering. With each project we start off with the best of intentions - “This time I’ll take better care of my tests! I’ll be a good engineer!”. But let’s face it, two months, 7 features and countless changes in project requirements later, our code coverage is in the single digits and whatever remains of our tests is intermittently failing. One of the main reasons for these kind of problems is that keeping your existing tests easy to update and maintain is a hard problem. This talk will demonstrate how maintaining your reducers, effects and components can be simplified using the Jest test runner and snapshot testing.

    7
  • Meetup #23 (State Management Part II, Component Architecture)

    🗓 Schedule - 18:00 - Check-in and socializing with pizza & beverages - 19:00 - Crafting solid state management - a principle based architecture - Part II - Michael Hladky - 20:00 The good, the bad and the ugly - Component architecture at scale - Ana Cidre and Sherry List 🙏 Thanks to SAP Hybris for hosting this month's Angular meetup. And bringing beer and pizza. And just having us here! And thanks to the speakers. This time we have a rare opportunity to hear three speakers, all from out of town! They're all experts in the field, visiting Munich to talk at a conference and they're kindly giving us some of their time to talk about these topics: Details: ⭐️ Crafting solid state management - a principle based architecture - Part II We've heard Michael talk about State Management principles on the last meetup. This time we hear the second part of that story - principles of state management, not of some library. Crafting State Management on your own is challenging. In this talk we will not talk about code but principles that give you the knowledge to understand basically any state management code/pattern easily. This a second part of the talk, with more advanced topics. # About Michael: Michael is located in Austria Vienna. He is a certified Google Developer Expert, trainer developer and consultant in the field of Angular and Ionic. As an active community member, he is the organizer of Angular Vienna and founder and leading head of Angular Austria, a non-profit association to support Angular. ---------- ⭐️ The good, the bad and the ugly - Component architecture at scale In this talk, we show the correct way to construct Angular components by deconstructing a number of existing components. Through examples that categorise as "the good", "the bad" and "the ugly", we will look at common pitfalls and how you can avoid them. This way we will end up with simple, testable and highly reusable components. Join us on this adventure! # Ana Cidre - Developer Advocate, Ultimate Angular Ana Cidre is a developer advocate and engineer at Ultimate Angular. However, she is not your usual software developer, as she has a degree in Fine Arts and a Master in International Business Economics and Management. She has been named Women Techmaker Lead by Google, is the founder of “GalsTech”, a local group for women in tech in Galicia (Spain), and an organiser of the GDG Vigo chapter. # Sherry List - Frontend Developer Lead, Nordea For the past 15 years, Sherry has worked with a variety of web technologies and is currently focused on Angular. She lives in beautiful Copenhagen, where she works as a front-end lead developer at Nordea bank. Apart from her everyday job, she is a co-organizer of the ngVikings conference, as well as some Meetups groups, such as ngCopenhagen and GDG Copenhagen. She loves animals and supports various non-profit animal protection organizations.

    9
  • Meetup #22 (State Management Part I, Integration Testing)

    TNG Technology Consulting - Ara4

    🗓 Schedule - 18:00 - Checkin and socializing with pizza & beverages - 19:00 - Crafting solid state management - a principle based architecture - Part I - Michael Hladky - 20:00 Integration tests in 5 steps - Zlatko Duric Big thanks to TNG Technology Consulting, who helps us host another Angular meetup so soon after the last one. And big thanks to Michael Hladky for coming all the way from Vienna to give us one of his awesome talks! Details: ⭐️ Crafting solid statemanagement - a principle based architecture - Part I Using state management libs is hard... Crafting them on your own even harder. In this talk we will not talk about code but principles that give you the knowledge to understand basically any state management code/pattern easily. Spoiler alert: Michael is going to give us a Part II of this talk with non-noob content at the next meetup! # About Michael: Michael is located in Austria Vienna. He is a certified Google Developer Expert, trainer developer and consultant in the field of Angular and Ionic. As an active community member, he is the organizer of Angular Vienna and founder and leading head of Angular Austria, a non-profit association to support Angular. ---------- ⭐️ Integration tests in 5 steps - #3 will shock you! In last two years Zlatko has brok^H^H^H^Htouched about 15 serious Angular codebases, almost all already in production. Some are active since Angular 2-beta.11. Sometimes to millions of users. He's never seen any of them do some of the mystic end-to-end things. How does it work? Magic? For this talk, Zlatko went to end-to-end-test some random dummy code, and wants to present this magic - and what was involved. Fun-fact: the "5 steps" in the title was picked just because we needed a title - do you wanna see if it actually turns up like that? Then don't miss this meetup! # About Zlatko: Addicted to JavaScript. Co-organizer of Angular User Group Munich. Currently architecting, training, coaching on Angular and Web Technologies topics at msg.group.

    3
  • Meetup #21 (Angular Elements, Kentan - Testing made easy, About Feature Modules)

    🗓 Schedule - 18:30 - Checkin and socializing with food & beverages - 19:00 - Maintainable Client Architectures with Micro Apps and Angular Elements/ Web Components - Manfred Steyer - 19:50 Kentan - Modular Test Data Composer - Gregor Woiwode - Break - 20:30 Feature Modules - but what IS a feature? - Zlatko Duric Big thanks 🙏 to CHECK24 GmbH for hosting and catering! They have rebuilt the events space at 6th floor and we need to see how great their new terrace is! And thanks to the speakers, who will be talking about these things: ⭐️ Maintainable Client Architectures with Micro Apps and Angular Elements/ Web Components Big monolithic applications are now fairly obsolete. Instead we need small and maintainable applications, aka Micro Apps, that can be developed and deployed independently by different teams. But how to use this ides to build successful Solutions? This session provides answers. We explore the difference between Macro and Micro Architecture and see how to use implement Web Components with Angular Elements for both areas. We also discover how to implement overreaching routing and authentication. I addition to that, you see how to realize communication between Micro Apps and options for bundling them. # About Manfred: Trainer, consultant and programming architect with focus on Angular. Google Developer Expert (GDE) who writes for O'Reilly, the German Java Magazine, windows.developer and Heise. Regularly speaks at conferences. ---------- ⭐️ Feature Modules - but what IS a feature? Modules are a great way to organize an application and extend it with capabilities from external libraries. In practical terms, modules are a great way to totally mess the architecture of your app. And complicate dependencies. And make testing a hell. And... you get the picture. This talk presents one way of architecting your Angular apps so they avoid one or two of these pitfalls. # About Zlatko: The newest co-organizer of Angular User Group Munich. Currently architecting, training, coaching on Angular and Web Technologies topics at msg.group. ---------- ⭐️ Kentan - Modular Test Data Composer Kentan allows you to create, organize and compose test data. Once this is done it simplifies your test arrangements. Gregor created it to avoid boring test setup on every new project. In this talk we'll see what is Kentan and how it can make our life easier. About Gregor: Angular Trainer and Coach at http://co-IT.eu. Frequent speaker at Angular events, we have seen him recently on Angular Munich Meetup (https://twitter.com/GregOnNet ).

    2
  • Meetup #20 (Microservices, Componentization, Redux & @ngrx at Scale)

    🗓 Schedule - 18:00 - Checkin and socializing with pizza & beverages - 18:30 - warm welcome - Angular 6 with microservices - Mauricio De La Quintana - CSS & Angular Componentization - David Amend - Angular at Scale - Redux & @ngrx - Gregor Woiwode 🙏 Big thanks to our Sponsors: Talentry GmbH for hosting and catering! 🎟This time we are a community partner of the JS Camp 2018 in Barcelona (July 18-20). So we are happy to share our voucher code for you at the meetup. Visit https://jscamp.tech • See you in Bareclona! Details: ⭐️ Angular 6 with microservices Angular has been widely used in many applications and microservices cannot be the exception. In this talk, we will see an example of using angular with microservices. # About Mauricio: I am Mauricio De La Quintana and I am an enthusiast about angular from Bolivia. I have participated in many communities about angular in my country and I have also given many talks about angular. ---------- ⭐️ Componentization architecture of CSS and Angular In this talk, I am going to introduce you to the basics of clean CSS and architecture and talk about advices how to apply them to Angular Components in your projects. # About David: Organizer of Angular User Group Munich. Experienced in the usage of modern SPA apps & technologies in enterprise scale applications and projects within Check24. ---------- ⭐️ Angular at Scale - Redux & @ngrx This talk makes you aware of common pitfalls rising as your Angular project grows. We will focus on how you can optimize the state management in your App using Redux. First, you will learn how the Redux Architecture works itself and which modelling aspects you should know to setup a beautiful unidirectional dataflow. You will also get a taste of the ngrx/platform a popular framework that helps you integrating Redux with ease. Therefore, code examples are shown helping you to understand how Redux's building blocks (Store, Reducers, Actions, Effects) are working hand in hand. About Gregor: Speaker: Gregor Woiwode (https://twitter.com/GregOnNet ) - http://co-IT.eu GmbH

    10