AngularConnectAre you trying to create a customisable component with Angular? TemplateRefs and the ngTemplateOutlet directive could be the secret you are missing to achieve full user template customisation. Join us in this talk to see how we transformed our components to achieve this.
We will show how TemplateRefs enable you to provide default templates whilst accepting custom display templates that seamlessly integrate into your component. Users can even target variables from your component's internal scope that you choose to expose. Most importantly we will examine the differences between ngTemplateOutlet and ngInclude (Transclusion) and give examples when you should use each approach to template customisation.
After this talk you will have all the knowledge and skills you need to start using ngTemplate and ngTemplateOutlet in your own components and wonder how you ever survived without them!
About Stephen Cooper
Stephen is a developer at G-Research, a quantitative research and technology company. Since introducing the firm to Angular in 2015 he has been a passionate advocate who loves sharing his new found knowledge. Outside of work you will find Stephen enjoy time with his wife and two little explorers. Premier Sponsor: ag-Grid (ag-grid.com).
ngTemplateOutlet: The secret to customisation | Stephen Cooper | #AngularConnectAngularConnect2019-09-27 | Are you trying to create a customisable component with Angular? TemplateRefs and the ngTemplateOutlet directive could be the secret you are missing to achieve full user template customisation. Join us in this talk to see how we transformed our components to achieve this.
We will show how TemplateRefs enable you to provide default templates whilst accepting custom display templates that seamlessly integrate into your component. Users can even target variables from your component's internal scope that you choose to expose. Most importantly we will examine the differences between ngTemplateOutlet and ngInclude (Transclusion) and give examples when you should use each approach to template customisation.
After this talk you will have all the knowledge and skills you need to start using ngTemplate and ngTemplateOutlet in your own components and wonder how you ever survived without them!
About Stephen Cooper
Stephen is a developer at G-Research, a quantitative research and technology company. Since introducing the firm to Angular in 2015 he has been a passionate advocate who loves sharing his new found knowledge. Outside of work you will find Stephen enjoy time with his wife and two little explorers. Premier Sponsor: ag-Grid (ag-grid.com).Angular and the OWASP top 10 | Philippe De Ryck | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
The OWASP top 10 is one of the most influential security documents of all time. A couple of years ago, these 10 security issues impacted almost every web application. However, today, the web application landscape has vastly changed, and so has security.
In this talk, we explore the relationship between the OWASP top 10 and Angular applications. We will see how some issues are barely relevant in an Angular world. We will discover that Angular addresses some issues out of the box. Moreover, we will learn which issues require the most attention in an Angular application.
About Philippe De Ryck Philippe De Ryck is the founder of Pragmatic Web Security, where he travels the world to train developers on web security and security engineering. He holds a Ph.D. in web security from KU Leuven. Google recognizes Philippe as a Google Developer Expert for his knowledge of web security and security in Angular applications.How Angular manages community contributions and repositories | Joey Perrott | #AngularConnectAngularConnect2019-09-27 | Ever wondered how the Angular team manages the hundreds of issues and pull requests we receive? Come by and gain some insight into the processes and tooling we use to do our best as we build Angular and engage with the community. We'll cover some of our pain points, successes and touch on some ideas we have for what else we can try to do.
Premier Sponsor: ag-Grid (ag-grid.com).My Journey on the Angular Team | Manu Murthy | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
I've been on the Angular team for the last year and a half. Seen high and low moments. In this session, I'll share real stories and what I learned while on the Angular team. Guiding principles, experiences and pitfalls that would help you in your projects.
About Manu Murthy Manu leads technical program management for Angular at Google. Manu keeps the big picture in focus and works with cross-functional teams to plan, execute and usher programs through the entire lifecycle.The secrets behind Angular’s lightning speed | Max Koretskyi | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Angular developers rarely have the need to write super optimized code. In application development we tend to favor readability over optimization. But this approach doesn’t guarantee fast execution of the code. With frameworks, the situation is reversed. Frameworks have to be really fast. Interestingly, there are techniques that make JavaScript code run faster. You’ve probably heard about monomorphism, bit fields or bloom fliters, right? Maybe you've even used some of them. Over the past year I’ve seen them all and a bunch of other interesting techniques while reverse-engineering Angular. In this talk I want to share my findings with you. You may end up applying this knowledge at work or, who knows, may even use it to make Angular run even faster.
About Max Koretskyi Max is adept at architectural patterns in JS frameworks. He finds them and tries to explain them in plain English. He is a self-taught software engineer that believes in fundamental knowledge and hardcore learning. He’s the founder of Angular In Depth blog and community and one of the top Angular contributors on StackOverflow. He is a Google Developer Expert in Web Technologies and holds the title of Microsoft’s Most Valuable Professional. He currently works as a Developer Advocate at ag-Grid.The science of authenticating Angular apps | Kim Maida | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Authentication can be a daunting topic for many developers, including those of us working in the landscape of web apps. How does cookie-based authentication work? How does token-based authentication work? Don't store tokens in local storage? New SPA authorization best practices from the IETF?! What are the shortcomings and advantages we need to consider when adding authentication to Angular Single Page Applications? I'll also talk about the tools the Angular platform provides out of the box to make adding authentication and protecting routes easier for the developer.
About Kim Maida Kim is an Angular consultant and Google Developer Expert, working as the Manager of Community & Technical Content for Auth0. She's passionate about identity, authentication, constant learning, and the Angular community. She loves learning from and sharing with other developers. She organizes the Angular Ann Arbor meetup, enjoys running Angular authentication workshops, and mentors engineers whenever possible.Its Alive! Machine Learning Writes Your Code! | Dominic Elm & Uri Shaked | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
As developers, we get paid to write bugs and then fix them. At first, it's exciting, but after some time, bugs tend to start repeating, and that's why we come up with new libraries, tools and framework all the time - to make things more exciting (and our lives easier). But what if the code could be written for us instead?
In this session, Dominic and I are going to employ state-of-the-art machine learning algorithms to automatically write TypeScript code. You will see how we trained a model using a large dataset of open-source code, and learn how we cleaned up and prepared the data. We will also go over the basics of machine learning as we show you what we did. It's going to be mind-blowing, much fun, and a little bit dangerous. Are you prepared?
About Dominic Elm Dominic is a graduate in computer science and is passionate about many web technologies including Angular, Firebase, ReactiveX, and recently started to dive into Machine Learning. He's Frontend Engineer, Trainer and Consultant at thoughtram providing Angular trainings worldwide. In addition, Dominic is working on MachineLabs, a large open-source project that aims to provide better tools for the community to get started with Machine Learning.
About Uri Shaked Uri Shaked is a Google Developer Expert for Web Technologies. He regularly writes about Web and IoT related technologies in his blog, and speaks about these topics in conferences and meetups around the world. Among his interests are Virtual/Augmented Reality, hardware hacking, neuroscience, building 3D-printed robots and games, playing music and Salsa dancing.
Premier Sponsor: ag-Grid (ag-grid.com).The art of humanizing Pull Requests (PR’s) | Ankita Kulkarni | #AngularConnectAngularConnect2019-09-27 | Code reviews are an important part of a developer’s life. It’s very easy to perform code reviews, but hard to do it with empathy. In today’s online world, online criticism can be misinterpreted easily. Hence in this talk, we will go through what is a pull request, how to effectively create one, how to give constructive feedback and also how to respond to one using empathy. This talk will also teach you techniques to breakdown your feature, testing strategies, learning when to take the conversation offline, resolving disagreements, going above and beyond in your job as a developer and more. We often forget that we are reviewing our co-workers PR who we like to hang out with.
After this talk, you will learn how your choice of words will help you get the point across but also build a positive relationship with your team and you are all set to focus on the most important thing i.e. writing great software.
About Ankita Kulkarni Ankita has over 5 years of Software Development experience that started with helping small businesses develop apps 🕸. Currently, she is a Senior Software Developer at Rangle.io based in Toronto where she builds web and mobile an applications for clients using modern JavaScript. Prior to that, Ankita worked at IBM, Canada, Cloud Garage for 4 years where she built several web and mobile applications using artificial intelligence, modern JavaScript, and native languages for about 4 years 🚀. Outside of work, Ankita is a mentor at Lighthouse Labs as well as a software development instructor at Bridge School ✨. She loves public speaking 📣 and has spoken at several conferences, which has also allowed her to pursue her passion for travel ✈️. When not behind a screen, Ankita enjoys swimming and has been playing Trampoline dodgeball since January 2015. 🙋♀️
Premier Sponsor: ag-Grid (ag-grid.com).The Architecture of Components | Erin Coughlan | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
In the past few years, centralized state management (NgRx and others) has grown in popularity, with some teams saying it saved their application while others swearing never to use it. How far can we reduce complexity without a Reducer?
This talk will show you how to build your application in small, manageable chunks that increase reusability. You will learn how to create simple interfaces between components and maintain a single, focused responsibility all without a state management solution.
About Erin Coughlan Erin is a software engineer on Google Marketing Platform, where she leads FE infrastructure, common components, and User Management. Her core mission is to help others build stunning apps with minimal effort while pushing the technology needle of what is possible.How Angular works | Kara Erickson | #AngularConnectAngularConnect2019-09-27 | Angular is many things to many people, but at its heart, it's a set of tools to render content, organize applications, and manage data. Find out about how Angular works under the hood and get insights into the challenges we faced and the decisions we've made by learning how everyday Angular features from change detection to queries actually work.
About Kara Erickson
Kara is the tech lead for Angular's framework team at Google. These days, she spends most of her time working on the next generation of the Angular rendering engine (aka Ivy). Prior to Google, she helped build UI components in Angular for guest management systems at OpenTable. She enjoys snacking indiscriminately and reading fantasy books, among other things.
Premier Sponsor: ag-Grid (ag-grid.com).Keynote | Minko Gechev | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Minko takes to the stage together to share the latest technical Angular updates.
About Minko Gechev Minko Gechev is an engineer in the Angular team at Google, where his primary focus is performance and development experience. For the past years, he has been building open source tools for static analysis, libraries, and frameworks. Because of his contributions, Minko received two awards from the President of the Republic of Bulgaria. Before joining Google, he was a co-founder and CTO at the EdTech company Rhyme.com, which got acquired by Coursera.
Premier Sponsor: ag-Grid (ag-grid.com).Rangle Sponsor Talk | Andrew Smith | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).Angular Team Panel | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).Performance optimizations in Angular | Mert Değirmenci | #AngularConnectAngularConnect2019-09-27 | Angular and RxJS are cool technologies that make it easy to develop web pages. Unfortunately, they also make it easy to build an inefficient page that will bring the browser to its knees. While rewriting Google Cloud Platform (GCP) in Angular, we have observed and tackled significant performance degradations. In this talk, a summary of learnings and common pitfalls will be shared.
About Mert Değirmenci Mert Degirmenci is a software engineer at Google working on GCP front end. He has spent past ~3 years building & fixing common components that are used across all pages in GCP. Besides dealing with ExpressionChangedAfterItHasBeenChecked errors, he loves to spend time with his wife, newborn daughter, and dogs.
Premier Sponsor: ag-Grid (ag-grid.com).Migrating breaking changes with TSLint and Schematics | Stanimira Vlaeva | #AngularConnectAngularConnect2019-09-27 | Have you ever been scared to update because of breaking changes? Worry no more - the Angular CLI comes to rescue! The command `ng update` will migrate your project to the latest, automatically applying all necessary changes along the way. But... what kind of sorcery is this?, you may be wondering. Let's demystify the update process! At the end of this session, we will have the answers to the following questions: What is a TSLint rule and how to write one? What are these schematics things everyone is talking about? How to combine the powers of TSLint and schematics to write our own migration scripts?
About Stanimira Vlaeva Stanimira Vlaeva is a software engineer on the NativeScript team at Progress and a Google Developer Expert for Angular and Web Technologies. She's working on NativeScript Angular, NativeScript schematics, and the integration of webpack within the {N} build system. She's also co-organizing the Angular meetup in Sofia, Bulgaria.
Premier Sponsor: ag-Grid (ag-grid.com).Deep Dive into the Angular Compiler | Alex Rickabaugh | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
For most of us, the Angular compiler is just a part of the build - it's that thing that happens before the "real" work of compilation: 92% chunk asset optimization. But how does it actually work? What does the Angular compiler _do_ when it's taking our Angular code and generating Javascript?
Alex Rickabaugh has been preparing ngc for Ivy, and will unwrap some of the _deep_ mysteries of the compiler. How does @NgModule really work? What are metadata.json files? Come learn these and many more secrets of the Angular compiler.
About Alex Rickabaugh Alex Rickabaugh is a software engineer at Google, and for the last three years has been a core member of the Angular team. Throughout his time on Angular, Alex has worked on the Service Worker implementation for Progressive Web Apps, server-side rendering support, and a rewrite of the HTTP API. Currently, he works on the Angular Compiler, getting it ready for the next generation architecture, Angular Ivy.Building with Ivy: rethinking reactive Angular | Mike Ryan | #AngularConnect 2019AngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Ivy is making fundamental changes to the way Angular renders our applications and in doing so unlocks new patterns and techniques for writing components. Explore how these new techniques allow developers to layer in reactive programming at the view level with higher order components, observable life cycle methods, and Zone-less change detection. In addition to these new changes you will also get a sneak peak into how Ivy may transform state management libraries like NgRx.
About Mike Ryan
Mike is a software engineer at Synapse building user interfaces for industrial Internet of Things applications. He is a Google Developer Expert and a core team member of NgRx, an open source organization building high-quality reactive libraries for Angular.
Premier Sponsor: ag-Grid (ag-grid.com).How to save the world... one line at a time? | Asim Hussain | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
The world is dying; you can help save it. Data Centres consume 2% of all the power in the world and produce about 3% of the greenhouse gases. This is set to treble in the next 10 years. When building apps, we focus on minimising costs, time to market, bugs, bundle size, application speed, SEO, but we spend almost no effort trying to minimise the damage our applications are making to the environment. In this talk, I’ll show you how to write, deploy and run a green web application.
About Asim Hussain Asim is a developer, trainer, author and speaker with over 16 years experience working for organisations such as the European Space Agency, Google and now Microsoft, where he is the EMEA Lead for Developer Advocacy.Infragistics Sponsor Talk | Kiril Matev | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).Profiling Angular apps like a Shark | Gil Fink | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
As front-end developers we strive to build fast and fluid web apps. But how can you find performance problems or memory leaks? How do you profile a web app or Angular oriented app? In this session you will get to know how the browser works. Then, you will learn how to use that information to profile web apps and Angular oriented apps.
About Gil Fink Gil Fink is a web development expert, Web Technologies GDE, Microsoft Development Technologies MVP and sparXys CEO. He is currently consulting for various enterprises and companies, where he helps to develop web based solutions. He is also co-author of several Microsoft Official Courses (MOCs) and training kits, co-author of "Pro Single Page Application Development" book (Apress), co-organizer of AngularUP and ReactNext conferences.Keynote | Igor Minar & Stephen Fluin | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Stephen Fluin and Igor Minar team up to deliver a keynote session on Day 1 of AngularConnect 2019.
About Stephen Fluin Stephen leads Developer Relations for the Angular Team at Google. Stephen works to solve real world problems faced by developers and businesses, and to represent the needs of the community within the Angular team.
About Igor Minar Igor is a software engineer at Google. He is a lead on the Angular project, practitioner of test driven development, open source enthusiast, hacker. In his free time, Igor enjoys spending time with his wife and two kids, doing outdoor activities (including but not limited to sports, gardening and building retaining walls).Offline first in Angular | Marta Wiśniewska | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Are your apps fast and stable when the network isn't? Let's take a deep dive into Progressive Web Apps and Offline First approach! I'll show you some tricks how to handle offline state and manage your app and its resources in various network conditions. We'll build fast and reliable apps using Angular and PWA features.
I'll show how build a PWA using Angular with Offline First approach. I'll introduce fundamentals of this strategy and show how to manage an app's resources in various network conditions, how to use PouchDB and CouchDB for data sync and make an app fast and reliable. I'll also share useful web APIs to do this.
About Marta Wiśniewska Marta is a Frontend Developer at e-point in Warsaw. She is an enthusiast of Angular, PWA, hybrid apps who loves exploring new web features and following hottest trends in tech. Marta enjoys getting involved with the community. She is an organizer in Google Developer Group, Women Techmakers Warsaw and a co-creator of an open-source project PWA Fire. Besides, sport and coffee - things she can't live without and reasons why she approaches all experiences with excitement and energy.
Premier Sponsor: ag-Grid (ag-grid.com).Mocking made easy | Dave Cooper | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Injecting mock data into web applications is still an absolute pain in 2019. I've come up with some opinionated opinions and built some cool things to hopefully tackle that problem. Join me in a live coding journey to hopefully change your mind about how you've been dealing with mock data until now :)
About Dave Cooper "Oh hi, Dave!", "What are you doing?" and "How have you broken this so badly?! " are just some of the common phrases used when dealing with Dave. His specialties are: building things, testing things and breaking things. Dave enjoys long walks on the beach, sunsets and peanut butter - sometimes all at once.
Premier Sponsor: ag-Grid (ag-grid.com).Creating a better culture in tech through D&I | Tracy Lee & Rob Ocel | #AngularConnectAngularConnect2019-09-27 | Everyone is talking about diversity and inclusion these days. But why does it really matter? And if you’ve had a hard time finding women to hire, how do you solve that problem? What are some ways companies have done D&I right, and how can you learn from them? We’ll explore some practical reasons why you should be aware of how D&I impacts your business and easy tips to begin changing how you and your team think today. We’ll also cover do’s and don’ts of how to build an inclusive team culture and creating a sustainable environment that includes everyone.
About Tracy Lee Tracy is the Co-Founder of This Dot Labs, an consultancy helping teams build front end applications and is focused on changing the ratio in tech. She is also a Google Developer Expert, RxJS Core Team member, a Women Techmakers Lead, and a frequent keynote speaker at conferences. She heads up Community Relations at Node Foundation, is the host of the Modern Web podcast, organizer of This.JavaScript, Contributor Days, Google Developer Group Silicon Valley and Triangle, and RxWorkshop. You can find her on Twitter @ladyleet or at http://thisdot.co/labs.
About Rob Ocel Rob is a Senior Software Developer at This Dot Labs, a consultancy helping companies build large scale applications. He is a co-host of the Modern Web podcast, the This Dot Labs podcast, and a frequent speaker at local meetups. You can find him on Twitter @robocell or at thisdot.co/labs. Rob has had a lifelong love affair with coding. He still gets exceptionally geeked out and makes all his coworkers look when he codes up something cool. Because of this, Rob also has a passion for mentoring new and aspiring developers and finding bite-sized ways to explain difficult concepts in modern JavaScript development. The look on the face of an inspired developer who understands something they didn't before is his anti-drug.
Rob has been a professional software developer for over 10 years working on everything from DoD systems to mathematical modeling software, a web developer for the last 4 years building apps for everyone from insurance companies to numismatists, and is fascinated with front-end frameworks and their power to bring ever more diverse developers into the profession. When not developing, Rob spends time keeping up with his two-year-old son, is an avid fan of JRPGs, and is obsessed with college basketball.
Premier Sponsor: ag-Grid (ag-grid.com).How we make Angular fast | Miško Hevery | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
During Ivy's development, the team has focused intensely on performance. Learn about how to think about and measure metrics such as execution speed, memory pressure, and compressibility. Learn about some of the gotchas we have encountered along the way while building the new compiler and runtime, and how our design choices around performance will drive user experiences in the future.
About Miško Hevery Miško Hevery is the creator of AngularJS framework. He has passion for making complex things simple. He currently works at Google, but has previously worked at Adobe, Sun Microsystems, Intel, and Xerox, where he became an expert in building web applications in web-related technologies such as Java, JavaScript, Flex and ActionScript Premier Sponsor: ag-Grid (ag-grid.com).A is for Angular | Jo Pearce | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).ag-Grid sponsor talk | Niall Crosby | #AngularConnectAngularConnect2019-09-27 | Niall (CEO and Founder, ag-Grid) shares how you can supercharge your Angular apps with the enterprise data grid from ag-Grid.Lets build a form around it | Sani Yusaf | #AngularConnectAngularConnect2019-09-27 | Reactive Forms are a mainstay in the Angular ecosystem yet a lot of developers limit their usage to just Login pages or traditional input collection. In this talk, I will showcase how you can take advantage of the full power of Reactive Forms to build some really powerful state-driven solutions. This talked will be based on real-world personal experience of building complex data-driven healthcare solutions with Reactive Forms. I will also showcase some really common use cases in a lot of angular applications that may not be obvious for the application of Reactive Forms. We will explore the hierarchy of Reactive Form Controls and showcase some smart ways to implement custom validation inside of your Angular application. The main aim of this talk is to enable users to be aware of what is at their disposal and how they can take advantage of the full power of Reactive Forms.
About Sani Yusuf
Sani is a Google Developer Expert & the founder of HAIBRID, a London based startup that uses Ionic & Angular to create innovative solutions. Sani also co-manages the Ionic UK community in UK and has done some work spanning 5 continents. He has also done some cool stuff with companies like Sworkit, Microsoft, Huddlebuy & Anritsu and actively contributes to the Ionic open source community.
Premier Sponsor: ag-Grid (ag-grid.com).Progress Sponsor Talk | Carl Bergenham | #AngularConnectAngularConnect2019-09-27 | Carl Bergenham (Product Manager, KendoUI, Progress) takes to the stage to discuss KendoUI for Angular.Less servers for your Angular app | John Papa | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Fast, secure, and easy ... serve your angular app from cloud storage, deploy your APIs to serverless functions. The right tool for the right job - this is an important decision to make. You can build your Angular client and back-end infrastructure using Node.js and express with TypeScript and host it on a server with docker in the cloud. You can build your Angular app and your same APIs in serverless in the cloud. What's the difference? Learn how these architectures work, where they each shine, and how you can leverage them today.
About John Papa John Papa is a dedicated father and husband, a Web Developer, and an alumnus of the Google Developer Expert, Microsoft RD and MVP programs. His passions are coding and teaching modern web technologies and enjoying everything Disney with his family. John is a co-host of the Adventures in Angular and Views on Vue podcasts, author of the Angular Style Guide, and many popular Pluralsight courses.Power in constraints | Rado Kirov | #AngularConnectAngularConnect2019-09-27 | Have you ever worked in a system that didn't let you do something? Did that leave you frustrated and wanting to rant on Twitter? This talk will help you cope with that frustration by showing you the number of wonderful things constraints provide - performance, security and ease of change. We will show examples from TypeScript, Bazel, and Angular where the tool/frameworks critically rely on the *inability* to do something, to allow even better outcomes.
About Rado Kirov Rado works on the TypeScript infrastructure team in Google. Previously he worked on Angular (when it was still called Angular 2) and AdSense. At some point he tried to do mathematics for a living, but then thought better of it.
Premier Sponsor: ag-Grid (ag-grid.com).Automating your Angular projects with Schematics | Brandon Roberts | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
When building Angular applications, each project is different but there are things you can do to provide some consistency. Angular Schematics provide you a way to standardize on how your apps and libraries are constructed, generate custom code, adding custom install logic and handle upgrades. This talk shows you how schematics work, how to write schematics, including migrations to upgrade your projects automatically.
About Brandon Roberts Brandon is an Angular Engineer at Nrwl, building developer tools, and helping enterprise companies be successful building applications using a monorepo approach. He enjoys learning new things, helping other developers solve problems, and contributing to open source. He is a GDE, technical writer, and also a maintainer of the NgRx project, building high-quality reactive libraries for Angular.Building Angular apps with internationalization (i18n) in mind | Naomi Meyer | #AngularConnectAngularConnect2019-09-27 | At Adobe we build products for the world, this talk with provide a high level overview of internationalization (i18n), globalization (g11n), and localization (l11n) learnings. Why these are important and how to implement in design, UX, and within the codebase - using Angular code examples and 3rd party library recommendations.
About Naomi Meyer Naomi currently works as a Software Development Engineer at Adobe in New York City, where she is the product champion for internationalization (i18n) on her team. Before writing JavaScript full time, Naomi worked teaching English as a foreign language in local classrooms across Asia and West Africa. She is passionate about developing with diversity, inclusion, and internationalization (i18n) in mind, and enjoys hiking and riding bikes on the weekends.
Premier Sponsor: ag-Grid (ag-grid.com).Quantum NgRx Facades | Sam Julien | #AngularConnectAngularConnect2019-09-27 | NgRx facades are terrible! No wait, they're the best thing ever! What the heck is a facade, anyway? You may have heard recently about a topic whizzing around the Angular community: facades in NgRx. But are facades good or bad? Much like the age-old controversy of whether light is a particle or a wave, the answer depends on how you look at them. In this talk, you'll learn what facades are, why you should embrace them, why you should never, ever use them, and how to implement one without making Mike Ryan wake up in a cold sweat somewhere in Alabama.
About Sam Julien
Sam Julien is an Angular GDE, a Content Engineer at Auth0, and the creator of the course UpgradingAngularJS.com. He's also the co-organizer of Angular Portland. When he's not writing or coding, you'll find Sam hiking or camping in the Pacific Northwest.
Premier Sponsor: ag-Grid (ag-grid.com).Finding Angular | Elana Olson | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Learn how to swim in the big blue sea! Grab your fins and take a dive into the Angular ecosystem to discover the best practices for building web applications. Angular.io’s recently updated Getting Started guide enables new developers to hit the ground running on day one. In addition, Angular’s new search engine, Angular Ecosystem, brings together best practices and community tooling to allow developers to compare recommend resources and improve collaboration across the Angular world.
About Elana Olson Elana worked on the Angular team at Google to create tools and documentation to support developers migrating from AngularJS to Angular. She is currently studying software engineering at San Jose State University and is pursuing a career in software development and developer advocacy. As a California native, Elana loves exploring the various landscapes through outdoor activities and going on adventures.
Premier Sponsor: ag-Grid (ag-grid.com).Nrwl Sponsor Talk | Jeff Cross & Brandon Roberts | #AngularConnectAngularConnect2019-09-27 | Jeff and Brandon from Nrwl take to the stage to tell us about NrwlConnect, the developer empowerment platform.The Coming FAD: Future of Accessibility for Developers | Gerhard Boer | #AngularConnectAngularConnect2019-09-27 | Premier Sponsor: ag-Grid (ag-grid.com).
Currently, there is a specification floating around on GitHub called the Accessibility Object Model (AOM). This specification will make it easier to make applications more accessible, by leveraging the power of JavaScript. The AOM specification will allow for a dynamic and easy to maintain application without having to diminish the Accessibility. There is also support for ShadowDOM & WebComponents, something ARIA is unable to do at the moment.Other cool features include processing specific events from Assistive Technologies, which means giving the user a better experience using the web application. Even better, it will be possible to make the HTML5 Canvas accessible.
This basically means that we can allow people to play games using Assistive Technology. In the end, this specification will allow the developer to apply the Inclusive Design Principles in a familiar way, through javascript. In this talk we'll go over the current technology and how browsers process application to make it available for Assistive Technology, and what the AOM will solve and add to the current state of accessibility.
About Gerhard Boer Gerhard is a programmer that loves Angular, UX and Inclusive Design. Gerhard believes that by making an application accessible for every user, the application itself will become the best it can be.As on of the lead frontend developers at ilionx, he organizes talks and workshops regarding Accessibility to grow awareness about Inclusive Design.
Premier Sponsor: ag-Grid (ag-grid.com).Track 1 Day 2 Livestream | AngularConnect 2019 | Sponsored by ag-GridAngularConnect2019-09-25 | Livestream sponsored by ag-Grid (ag-grid.com).
Stay tuned for the individual talk videos coming soon.Track 2 Day 2 Livestream | AngularConnect 2019 | Sponsored by ag-GridAngularConnect2019-09-20 | ...AngularConnect 2019 | Day 1 Track 1 Livestream | Sponsored by ag-GridAngularConnect2019-09-19 | Livestream sponsored by ag-Grid (ag-grid.com).
Check the conference schedule at AngularConnect.com/schedule.Angular Connect 2019 | Day 1 Track 2 Livestream | Sponsored by ag-GridAngularConnect2019-09-19 | Livestream sponsored by ag-Grid (ag-grid.com).
Check the conference schedule at AngularConnect.com/schedule.Angular Pre-Connect Webinar - 18 JulyAngularConnect2019-07-19 | AngularConnect is Europe's largest conference returning to London in September 2019. You can find all the details at AngularConnect.com.
We welcomed Stephen Fluin, Joey Perrott, Kim Maida, Tracy Lee, and Max Koretskyi to the Angular Pre-Connect webinar to chat about their work and experiences with Angular and what they're looking forward to at this year's AngularConnect.
This edition of Angular Pre-Connect is in partnership with ag-Grid (ag-grid.com) 🙌AngularConnect 2018 HighlightsAngularConnect2019-02-18 | Highlights from the 2018 edition of Europe's largest Angular conference, featuring 50+ speakers and 1100+ developers!
We're back on 19 & 20 September 2019 – check out angularconnect.com for more details.Angular Testing In TDD | Shai Reznik | AngularConnect 2018AngularConnect2018-12-14 | "Yes, one day we will test our code, just not now, soon, right after this next release... we promise..."
Hi, My name is Shai Reznik and I've got an interesting business opportunity to discuss with you. At the end of the day, we all want to feel more confident in our code stability and design so we could make changes without the fear of breaking something. There’s a cure - it’s called Test Driven Development and it’ll save your life. Don’t believe me? I’ll show you, wait and see.. We’ll develop a real feature together… then you’ll see… yeah… you will… I’ll also share a few new testing techniques I’ve been working on that will jump start your way into testing success, a great love life, worldwide fame and a multi-billion company with lots of profits and money!
But mostly testing success... And money. And a hug No? Why not? Come on... There you go! That was a good hug! Now you can go... Go I tell you, go have fun! Don't worry about me, I'll be fine. Just come and watch my talk and convince 10 other people to watch it too. In the meantime, as a preparation, watch the free Unit Testing theory course on HiRez.io (so you'll know what we're talking about) OK, Bye! Mom.
About Shai Reznik Founder and teacher at HiRez.io – entertaining in-depth Angular video courses that help people become experts and certified Angular rock stars (you get a guitar and all). An experienced client-side developer, an Angular Google developer expert, a spy, a mock, a blogger, a flower arranger, a panelist on the Adventures in Angular podcast and a worldwide speaker also known for his unusual Angular talks – “ng-wat” and “The ng-show”, “ng-rap”, ""ng-game-show"" etc. Shai is also the founder of the JavaScript Israel Meetup and Facebook group, a professional Improv performer and a crazy person.Lightning Talks - AngularConnect 2018AngularConnect2018-11-19 | Video sponsored by Rangle.io (rangle.io)
Lightning talks from delegates at AngularConnect 2018.Climbing up Injector Trees | Uri Shaked & Kapunahele Wong | AngularConnect 2018AngularConnect2018-11-19 | Video sponsored by Rangle.io (rangle.io)
Dependency Injection is at the heart of Angular. We don't even think about it too much — we ask for a dependency, we get it. However, once our app grows and we have multiple NgModules, lazy loading and use third party components, things start to get more complex. In this session, you will learn about ElementInjector and ModuleInjector, how they work together, and the two-pass dependency resolution process. Did we mention it is going to be fun? 💉🌲
About Uri Shaked Uri Shaked is a Google Developer Expert for Web Technologies. He loves combining his passion for the web with his love for hardware electronics and robotics in challenging and amusing IoT projects, which he shares with the world in his blog, as well as travelling around the world and speaking in conferences and meetup. Among his interests are reverse engineering, hardware hacking, neuroscience, playing music and Salsa dancing.
About Kapunahele Wong Kapunahele helps out on the Angular docs. She likes explaining things and playing with electronics, especially broken ones. She also likes cooking, eating, and dancing the Native Hawaiian hula. She is a based in Richmond, VirginiaRuntime i18n with Ivy | Olivier Combe | AngularConnect 2018AngularConnect2018-11-19 | Video sponsored by Rangle.io (rangle.io)
With the new rendering engine (Ivy) we’ve finally been able to work on a full revamp of i18n (internationalization) for Angular. Translations are now handled at runtime which brings a lot of benefits: one bundle for all languages, service for code translations… In this talk, we will review the design choices, the changes and the benefits of this new approach.
About Olivier Combe Olivier is a member of the Angular Core team and works on i18n. He is a passionate front-end engineer who loves interacting with the community by doing open source projects (ocLazyLoad, ngx-translate…), giving talks or just chatting on Twitter and Slack.VS Code can do that | John Papa | AngularConnect 2018AngularConnect2018-11-16 | Video sponsored by Rangle.io (rangle.io)
How do you debug so easily in VS Code? How can I debug remotely in the cloud or locally in a docker container? What are those key combinations to edit code so quickly? What extensions are the ones I shouldn't code without? Get ready to hit the ground running in this fast-paced, demo-heavy talk that takes you through some of the best and most effective tips and tricks in VS Code. Learn how to setup your environment and customize it the way you like it. We'll also learn how to use Live Share so we can pair program on the same app! You'll walk out with several tips on how to be more efficient with one of the hottest tools on the Web today!
About John Papa John Papa is a dedicated a father and husband, a Web Developer, and an alumnus of the Google Developer Expert, Microsoft RD and MVP programs. His passions are coding and teaching modern web technologies and enjoying everything Disney with his family. John is a co-host of the Adventures in Angular and Views on Vue podcasts, author of the Angular Style Guide, and many popular Pluralsight courses.How to AI in JS? | Asim Hussain | AngularConnect 2018AngularConnect2018-11-16 | Video sponsored by Rangle.io (rangle.io)
There are many exciting things happening with AI, from which, until recently, JavaScript developers were largely shut out. But things are changing, if you can do `npm install @tensorflow/tfjs` or make an API call, you can now do AI. In this fast-paced talk, I'll open your mind to what's possible by demoing several AI-powered JavaScript apps and show you how I built them using either TensorFlow.js or easy to use AI powered APIs. You don't need a PhD in Maths, you don't need years of experience, you just need imagination and the willingness to try. About Asim Hussain Asim is a developer, trainer, author and speaker with over 16 years experience working for organisations such as the European Space Agency, Google and now Microsoft, where he is a Senior Cloud Developer Advocate.Upgrading to Angular without ngUpgrade | Erin Coughlan | AngularConnect 2018AngularConnect2018-11-16 | Video sponsored by Rangle.io (rangle.io)
Many apps can install ngUpgrade and begin rewriting components, but it's not so easy when those components make up a library that is used by several teams to power their production apps. Instead of rewriting everything at once, this talk shares how we first created a common interface with custom elements, and then upgraded one component at a time to Angular Elements.
About Erin Coughlan Erin is Frontend Engineer working on the Google Analytics Suite where she's built a set of common components shared by 13 teams. Erin's core mission is to help others build stunning apps and meet their business needs by contributing best practices, common infrastructure, and components such as the Angular Material table.