• Future of Angular with Ivy & Open Discussion about Diversity as VR Meetup

    Hey lovely Angular Community, our next meetup is going to be online in Virtual Reality! Thanks to our newest organizer Anastasiia we’re using Mozilla Hubs as a virtual Meeting room for our Meetup. No installation process or app store required. Got a VR headset? Awesome! If not, you can use your desktop computer, laptop, tablet, or mobile device. We already have tested and decorated our awesome meeting room! This is the first time we’re going to use this so there will be some issues but also new opportunities to interact together as a community even in such hard times like the current. We have 25 spots as virtual presents in our room but we’ll also stream the event via the Angular.DE Youtube Channel (https://www.youtube.com/watch?v=MiHcYL6huoY). Besides our common rules that are based on our Code of Conduct, we have some particular rules that apply for this online event. You can use your real name or a nickname of your choice Please respect other attendees and be quiet when someone is on stage If you do not actively participate in the event give the virtual presents slot free for someone else. ####################### Schedule for this event: ####################### 18:00 Open virtual doors /w tech introductions by Anastasiia 18:30 Introduction 18:45 First Talk 19:15 Break 19:45 Talk & Discussion 20:15 Open End & Free virtual Beer ####################### Talk ####################### „The present and the future of Angular with Ivy“ by Siddharth Ajmera In this talk, we‘ll go through a few capabilities of Angular with Ivy, what we‘ll be able to do with it in the near future. So we‘ll explore the new APIs that we can expect to see in the near future like renderComponent, compileComponent, markDirty. All these features of Angular will be demonstrated by examples so that you can get a feel of how exciting the future of Angular actually is. Siddharth is a Google Developer Expert in Angular and Web Technologies currently based out in Sydney. As a Sr. Full Stack JavaScript Developer he works on Digital Transformation Engagements for his Organization. Apart from his regular 9-5 Job, he is an Angular and Firebase instructor on Udemy, writes articles, and creates YouTube videos. You can find him almost anywhere on the Web with SiddAjmera. Twitter: https://twitter.com/SiddAjmera ####################### Talk & Discussion ####################### „What about diversity?“ with David Müllerchen What does diversity mean? What are the benefits? Why should we take care? How can we achieve it? David Muellerchen is an Angular consultant, trainer and a GDE in Angular. And he has a passion: sharing knowledge. He loves to speak and teach at meetups and conferences. David is also an organizer of the Angular Hamburg Meetup and ng-de. Website: https://webdave.de Twitter: https://twitter.com/webdave_de ####################### We’re really looking forward to this event and are super excited to create a new format of angular berlin together with you!

    2
  • RxJS Custom Operators + Angular SEO 👩‍💻👨‍💻Drinks/Food 🌮🥤

    Next Angular Berlin Meetup Incoming! <3 We're going to record all talks here: https://www.youtube.com/playlist?list=PLWn-GjQ4tNVnuGWJRpmSL0p3yZRBY3rDJ Drinks can be purchased at 2 EUR. Thanks to our Food-Sponsors we'll have tasty food for free: https://angular.de/ https://nrwl.io/ ############### Agenda ############### 18:30 Doors Open & Food & Drinks 19:00 Talk 1 19:30 Networking & Food & Drinks 19:50 Talk 2 20:20 Lighting Talks 20:40 Networking & Food & Drinks ############### Talk 1 (30min) Boost your RxJS experience with custom operators by Chris Trześniewski ############### Operators are one of the most powerful tools in RxJS. With almost 100 built-in operators we will almost always be covered. But there are moments when we would like to create our own operator. Either to make some operations more expressive or extract a reusable group of operators. Or maybe, if we really need it, we would like to implement our own custom operator from scratch. With pipeable operators introduced in version 5.5 of RxJS it's much easier to do that. In this talk, I'll show you how to implement your own custom operators. Chris is a Developer Advocate & Senior Frontend Developer at Scalac. He is passionate about functional programming in JavaScript and loves working with RxJS. In his free time, he likes to go jogging. ################# Talk 2 (30min) Angular SEO with prerender.io by Yuriy Khabarov (https://github.com/gromo) ################# Single Page Application provides better user experience and makes your web site behave more like a desktop application. Unfortunately it involves javascript implementation for loading and displaying content, which is not supported by the most of site crawlers. Although nowadays Google bot can execute javascript, it works as a blackbox so you don't know how it works, if it works as you want and what content will be indexed as a result of javascript execution. So we still have to provide meaningful content both for bots that does and doesn't support javascript. In this presentation I will explain the difference between Angular Universal, prerender.io and other similar tools + provide hints and implementation examples for prerender.io: - pitfalls and how to avoid them - status 404 Not Found - status 301 Moved Permanently - noindex and canonical link - implementation: inheritance vs composition Yuriy Khabarov: Senior Software Engineer, started as QA and systems administrator in 2007, python developer in 2010, changed stack to PHP and javascript in 2012. Currently working with Angular and Node.js. ################ Lightning Talks 1 (5-10min) How to unsubscribe in Angular components: from takeUntil to Ivy" by Andrés Gesteira (https://twitter.com/GeorgeKaplan_G) ################ Many people in the Angular community are wondering about what the best way to unsubscribe from observables in components actually is. Using RxJS’s takeUntil operator is a generally accepted strategy for that. In this talk we will consider the possibilities on how to scale that strategy. What about an abstract class? Hmmm, no, better a mixin class,… Oh wait! What if I can benefit from Ivy's private API? Let’s take a look at the code. ################ Lightning Talks (5-10min) ################ Submit your proposal here: https://forms.gle/ZUYh3H3WubU6bBJc8 ################ Location ################ DB Digital Base is located closest to the Potsdammer Platz Station (U2, S1, S2, S25, S26). It's part of the WeWork CoWorking Space. You can enter though the main entrence and ask for the meetup at the receptipn.

    4
  • [Workshop] Custom Theme for your Angular Material App

    Ethereum Dev GmbH

    During this Workshop we'll : - Create a custom theme with Angular Material. - Setup a service to switch between dark & light mode. - Change the theme of existing Angular Material component. - Theme you own component. - Implement a custom Typography. Bring your laptop and good mood :)

    3
  • Building a Design System /w Angular & RxJS Testing 👩‍💻👨‍💻Drinks/Food 🌮🥤

    Next Angular Berlin Meetup Incoming! <3 We're going to record all talks here: https://www.youtube.com/playlist?list=PLWn-GjQ4tNVnuGWJRpmSL0p3yZRBY3rDJ Drinks can be purchased at 2 EUR. Thanks to our Food-Sponsors we'll have tasty food for free: https://angular.de/ https://nrwl.io/ ############### Agenda ############### 18:30 Doors Open & Food & Drinks 19:00 Talk 1 19:30 Networking & Food & Drinks 19:50 Talk 2 20:20 Lighting Talks 20:40 Networking & Food & Drinks ############### Talk 1 (30min) RxJS unit testing - the whoel picture by Oleksandr Poshtaruk (https://www.linkedin.com/in/alexander-poshtaruk/) ############### Angular and ngRx are hardly using RxJS lib under-the-hood, and for this code, we need to develop unit tests. Say you heard something about marbles or maybe about special TestScheduler from RxJS, and also there are jasmine-marbles, rxjs-marble testing lib - phew... “Isn’t it too much to just create some unit tests? I am overwhelmed!” Well, you are right, it is too much! But ... after this talk you will be an expert of RxJs unit-testing approaches) +bonus: Why angular unit-testing documentation is not so cutting-edge anymore;-) Interested? Then come and listen to the talk! I am Oleksandr Poshtaruk, Senior front-end dev. Last 3.5+ years I’ve been working in commercial projects heavily using Angular framework and RxJS library. Writer for ‘Angular-in-Depth’ blog. National JS conference speaker. "Hands-on RxJS" and “RxJS unit testing” Udemy video-courses author. ################# Talk 2 (30min) Building a Design System with Angular by Jeremy Wilken(https://twitter.com/gnomeontherun) ################# Design systems are a key component of a design centered enterprise, but they don't just happen. At VMware, we built and spread the open source Clarity Design System throughout the organization, starting from a grassroots movement that expanded into a fundamental piece of nearly all applications and products. It has changed the way we build and design products, increased the focus on design through the product development process, and even been adopted by other companies. To make that possible, we’ve relied heavily upon Angular to bring it to life. In this talk I’ll share some of the lessons learned about how to get the most out of Angular as well as knowing when to compromise when it comes to designing a good developer and user experience. Jeremy Wilken is a software engineer and Google Developer Expert for Angular and the Google Assistant. He runs the Design for Voice podcast, is the author of Angular in Action and Ionic in Action, as well as a regular speaker at events around the world. Jeremy lives in Austin, Texas, with his wife and daughters. ################ Lightning Talks (5-10min) ################ - How can you help Angular community - Santosh Yadav (https://twitter.com/Santosh19742211) I have been involved with contributing to Angular ecosystem from last one year,and created Ng deploy for Netlify, will share my experience how you can be part of Angular ecosystem and help it grow. Santosh has more than 11 years it experience and works for Deutsche Bank. He is an active open source contributor for Angular and NgRx and creator or Ng deploy for Netlify. - ngx-semantic-version: enhance your git and release workflow - Danny Koppenhagen(https://twitter.com/d_koppenhagen) Danny Koppenhagen is a frontend developer at DB Systel GmbH. He is one of the authors of the German "Angular" book. His team 'dx.house' focuses on UX-design, -concept and -research as well es frontend development. For the development he is mainly using Angular, Node.js and TypeScript. ################ Location ################ co.up is located closest to the Kottbusser Tor U-bahn station (U8 & U1). Please note that there are two entrances to the Hof where co.up is located. If one gate is closed, the other should be open. If you're attending for the first time, check out the map below.

    4
  • [workshop] Angular library : Build & publish a library with Angular

    Workshop - Angular Library Let's build a simple library and publish it to npm. We'll see how to : - How to setup your project for a library. - Update your package.json: Peer dependencies & versions. - Build & publish your library. - [Bonus] Create a library with an nx workspace.

    3
  • [workshop] Firebase: Bootstrap your full-stack project in 30min

    Ethereum Dev GmbH

    Workshop - Angular & Firebase Let's create a simple application with CRUD & Authentication under 30min with Angular and Firebase. We'll see how to : - Create a Firebase project for free with your gmail account. - Connect Firebase to your angular application. - Authenticate your user with Firebase Authentication. - Use Firestore, the real-time NoSQL Database from Google Cloud. Firebase is the Serverless service from Google Cloud that provide everything you need to bootstrap your project and go into production super fast. It grows with your project and comes with a conformation free tiers that helps you test your concept without worrying about the architecture.

    1
  • Server Side Rendering (SSR) & Migrating 1.7 to an Angular Mono-Repo+Free Food 🌯

    Next Angular Berlin is incoming! After an awesome event right before NG-DE 2019 we keep on the flow and high quality! We try to record the talks again and will publish them at our youtube channel: https://www.youtube.com/playlist?list=PLWn-GjQ4tNVnuGWJRpmSL0p3yZRBY3rDJ Thanks to our Food-Sponsors: https://nrwl.io/ https://angular.de/ https://angular.schule/ ############################ Talk 1 ############################ Server Side Rendering (SSR) and Pre-Rendering with Angular - Ferdinand Malcher(https://twitter.com/fmalcher01) Single page applications in their pure form have one conceptual problem: the JavaScript code runs in one single "empty" HTML page. Search engines like the Google Bot don't like to render JavaScript and see nothing but a blank page. SEO becomes almost impossible! What is more, before the user can interact with our app, the code must be downloaded and rendered. This extends loading time and makes users frustrated. In this talk, Angular book author and Google Developer Expert Ferdinand Malcher will introduce you to the concepts and ideas of server-side rendering and pre-rendering with Angular. We will talk about possible solutions and go through specific examples with Angular. The extensive tooling around "Angular Universal" greatly helps us on our way. You will learn how the Angular server platform works and how you can set up a server-rendered application on your own. Ferdinand Malcher is a Google Developer Expert (GDE) for Angular, author of the German "Angular" book, passionate speaker and teacher. He works as a freelance software developer, trainer, and media designer, with a focus on Angular, Node.js and TypeScript. Together with Johannes Hoppe, he established the Angular.Schule company. Ferdinand likes to take care of creative details. Many of his development projects are driven by his passion for photography, film and media technology. ############################ Talk 2 ############################ Migrating from an Angular 1.7 app to an NG8 monorepo architecture - Cristhian Ferrufino(https://twitter.com/figuds) Cristhian will share with us his journey and the experience migrating from an Angular 1.7 Application to an Angular monorepo architecture. What restructuring was involved in the company and how to face it. ############################ Lightning Talks ############################ - Using Faker.js with your Interfaces to speedup your mock data generation - Luardo Gamero (https://twitter.com/Luardohm) - TBD (You?!) Do you want to participate with a (lightning) talk? Ping [masked] if you're interested or via twitter @angular_berlin ############################ Food & Drinks ############################ Drinks can be purchased at 2 euro. There is a small selection of non-alcoholic beverages and beer to choose from. 🥤 ############################ Location ############################ co.up is located closest to the Kottbusser Tor U-bahn station (U8 & U1). Please note that there are two entrances to the Hof where co.up is located. If one gate is closed, the other should be open. If you're attending for the first time, check out the map below.

    10
  • NG-DE 2019 - Angular Conference, 2 Days, 30 Speaker, 400 attendees

    !!!!!!!!!!!!!!!!!!!! Tickets need to be bought via our website https://ng-de.org/ !!!!!!!!!!!!!!!!!!!! For the community, by the community NG-DE is the first non-profit community-driven Angular conference in Germany. It will take place in Berlin, 30 - 31 August 2019. The venue BOLLE FESTSÄLE is located next to the beautiful Spree river, close to Bellevue palace and Tiergarten. A bunch of one-day workshops is planned for August 29 which can be booked separately from the main event. A conference is more than mate-tea and wifi We create an open, diverse and welcoming conference with fantastic speakers and a warm and friendly environment. Barista coffee and childcare are just a few of the benefits we want to offer. Day 1 10:00 Creating A More Sustainable Development Team with Angular and the PAMstack Tracy Lee & Katerina Skroumpelou Main Stage 10:30 Handling Angular Forms Without Losing Your Sanity Jennifer Wadella Main Stage 11:00 Break ☕️🍎 Sponsoring Hall & Catering Area 11:45 Angular’s new renderer Ivy: a deep dive into the heart of Angular Martina Kraus Main Stage 12:15 Subjecting State to Good Behavior Kim Maida Main Stage 12:45 Lunch 🥙🥤 Sponsoring Hall & Catering Area 14:15 Add Native Mobile to Your Angular Projects: The Migration Story Sebastian Witalec Main Stage 14:45 Watch out: observers are here to stay Guilherme Ventura Main Stage 15:15 Angular Performance: Your App at the Speed of Light Christian Liebel Main Stage 15:45 Break ☕️🍰 Sponsoring Hall & Catering Area 16:30 Bye bye NgModules Eliran Eliassy Main Stage Day 2 10:00 Angular Material or Bootstrap? Stop asking the question! Amadou Sall Main Stage 10:30 Do you want to build a build tool? Craig Spence Main Stage 11:00 Break ☕️🍎 Sponsoring Hall & Catering Area 11:45 It's "just" a string - Learnings from building a component library Thomas Pink & Fabian Friedl Main Stage 12:15 No Apollogies: Making Apps Accessible Vitalii Bobrov Main Stage 12:45 Lunch & Family Photo 📷 🥙🥤 Sponsoring Hall & Catering Area 14:15 Demystifying Dependency Injection: Angular vs Nest Kamil Mysliwiec Main Stage 14:45 What is this? Angular in my React? Ryan Chenkie & Brad McAlister Main Stage 15:15 Break ☕️🍰 Sponsoring Hall & Catering Area 16:00 Performance for the long haul Ben Schwarz Main Stage 16:30 The Myth of the Brilliant Developer Carmen Popoviciu & Martin Splitt Main Stage 17:00 Last Words & Closing the Conference NG-DE Team Main Stage

  • Angular-Berlin: Special NG-DE Pre-Gathering (free food) 🍕

    co.up community space

    Let's meet before NG-DE and get into the mood of the first Angular community conference in Germany. 2 Talks: - Fixing Asynchrony with RxJS - Jan-Niklas Wortmann(https://twitter.com/niklas_wortmann) - State Management, DRY with Akita - François Guezengar (https://github.com/grandschtroumpf) 3 Lightning Talks: - Tracking App Performance Over Time - Jeff Cross(https://twitter.com/jeffbcross) - 30 sec of Angular - Sergey Fetiskin(https://twitter.com/fetis26) - The benefits of a design system: How Storybook can improve your daily work - Kai Röder(https://twitter.com/kairoeder) Do you want to participate with a (lightning) talk? Send a mail to [masked] Food & Drinks: Drinks can be purchased at 2 euro. There is a small selection of non-alcoholic beverages and beer to choose from. 🥤 There will be free Pizza sponsored by https://Angular.DE at the meetup. 🍕 Location: co.up is located closest to the Kottbusser Tor U-bahn station (U8 & U1). Please note that there are two entrances to the hof where co.up is located. If one gate is closed, the other should be open. If you're attending for the first time, check out the map below.

    11
  • Bugfix Tuesday

    SinnerSchrader

    1