• Angular June 🌴😎☀️

    Okta

    👋 6:00p · Meet and hang out 🗞 6:45p · Angular News by Minko Gechev, (https://twitter.com/mgechev) Angular Team 🛵 6:55p · Building (Progressive) Web Apps by Michael Solati, (https://twitter.com/MichaelSolati) Typeform Most people think to build an app they must write native Android or iOS code. However, web frameworks allow developers to easily build powerful web apps. Tools like Ionic allow developers to make apps that feel native with their UI, offline capabilities, and the ability to install them onto a user's device. The web is advancing at an unprecedented rate; we can take advantage of this. Learn what makes a PWA progressive and how to build amazing (web) apps! 🚧 7:15p · TypeError: code is undefined by Dominik Kundel, (https://twitter.com/DKundel) Twilio There's nothing more annoying in JavaScript than TypeErrors. In this talk we'll look at how TypeScript can help you in your development flow, useful tricks and lesser known features, as well as what's coming down the line. So let's close the slides, open the code editor and finally get rid of those nasty undefined errors. 🍿 7:35p · Intermission 🏗 7:45p · A Gentle Introduction to Angular Schematics by Matt Raible, (https://twitter.com/mraible) Okta You might’ve heard of Angular Schematics, but do you know what they do? Learn how you can use this powerful tool to develop workflows and simplify configurations for your Angular projects. 🌟 8:10p · Speakers Panel 🍻 8:30p · Post-event hangout: Natoma Cabana - 90 Natoma St .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 🦕 Organizers: https://twitter.com/zizzamia, https://twitter.com/mgechev, https://twitter.com/LewisArdern, https://twitter.com/AysSomething, https://twitter.com/pmocampo 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/angularsf 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

    2
  • Angular Marathon: Lightning Talks

    Google Launchpad

    👋 6:00p · Meet and hang out 🗞 6:40p · Angular News by Minko Gechev, (https://twitter.com/mgechev) Angular Team 🚀 6:45p · Building a Performant Web Application in 2019 by Jem Young, (https://twitter.com/JemYoung) Netflix In this talk, we’re going to cover the steps and methodologies that the modern web developer should keep in mind when crafting code. From choosing the right libraries and understanding application architecture, all the way to debugging common performance issues, we’re going to learn how to build a modern, production ready web application. 👀 7:05p · Introduction to Visual Testing using Cypress by Jesse Sanders, (https://twitter.com/JesseS_BrieBug) Briebug In this lightening talk you will be introduced to visual testing, understand the benefits, and see how you can easily implement visual testing into your project. 🍿 7:25p · Intermission 🎙 7:40p · Catching Uncatchable Unicorns with xplat by Brian Love, (https://twitter.com/brian_love) Briebug So, you and your buddy Steve are building an application that is going to revolutionize a market, disrupting giants that have long been stale and lack innovation. You're both hanging out in the garage, dreaming, meditating, maybe even getting high. You're stumped though on how to build this unicorn application that will be deployed to the web, mobile and desktop. Plus, you need a robust backend, and all of the cool kids are using Node with NestJS. Steve keeps asking you questions about how to share and organize the code. And, on top of that, you know it's going to be a huge success, so scaling and mai 🔥 7:55p · Universal Performance by Justin Appler, (https://twitter.com/justinappler) Crunchbase Lessons learned from making Angular apps performant in Node.js 🌟 8:10p · Speakers Panel 🍻 8:30p · Post-event hangout: Natoma Cabana 90 Natoma St, San Francisco .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 🦕 Organizers: https://twitter.com/zizzamia, https://twitter.com/mgechev, https://twitter.com/LewisArdern, https://twitter.com/AysSomething 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

    6
  • Angular March ☁️🌴☁️ Meetup

    Microsoft Reactor

    👋 6:00p · Meet and hang out 🗞 6:45p · Angular News by Matias Niemelä, (https://twitter.com/yearofmoo) Angular Team 🔮 6:50p · Predictive Prefetching by Minko Gechev, (https://twitter.com/mgechev) Angular Team In this talk, we'll see how we can create a machine learning model from a Google Analytics report. Later, by empowering static analysis techniques, we'll map this model to the lazy-loaded JavaScript chunks and apply predictive prefetching and data-driven bundling. In the last part of the presentation, we'll look at Guess.js which provides a sample implementation of these ideas. ⚡️ 7:10p · Performance Budgets: The what, why and how by Marcos Iglesias, (https://twitter.com/golodhros) Eventbrite Learn how to simplify the painful conversation around feature development with Performance Budgets! In this talk, you’ll hear about why they are useful, how to set them up, track them and use them to keep your site performance under control. 🍿 7:30p · Intermission 🚀 7:45p Towards better integration of RxJS and Angular by Michael Lorton, (https://twitter.com/BlueApsaraBlog) Google I will discuss some experimental changes to Angular that will allow for much tighter integration between RxJS and Angular 🌟 8:10p · Speakers Panel 🍻 8:30p · Post-event hangout: SPIN San Francisco 690 Folsom St #100, San Francisco .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 🦕 Organizers: https://twitter.com/zizzamia, https://twitter.com/mgechev, https://twitter.com/LewisArdern, https://twitter.com/AysSomething 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

    7
  • Angular Jan 🏂☃️🌨 Meetup

    Crunchbase HQ

    👋 6:00p · Meet and hang out 🗞 6:50p · Angular News by Minko Gechev, (https://twitter.com/mgechev) Angular Core Team 🔦 7:00p Breaking Access Control with Objects by Amanvir Sangha, (https://twitter.com/_amanvir) Synopsys How well do you understand how objects work in JavaScript? This talk explores issues found in real world security assessments and how to defend against them, with a focus on JavaScript objects. 🍿 7:15p · Intermission 🧰 7:30p ABC: Angular, Bazel and CLI by Keen Liau, Angular Core Team Learn how to use Angular CLI to create a new Angular project that builds with Bazel. Understand how the new workflow is different under the hood, and why it’s better. There’ll be a short demo too. 📺 7:45p · Manage your Async Data Effectively by Deborah Kurata, (https://twitter.com/DeborahKurata) Pluralsight Author This session covers tips for managing your async data effectively including common patterns for using Http, working with async data, using a resolver, and handling errors in a resolver. 🌟 8:10p · Speakers Panel 🍻 8:30p · Post-event hangout: The House Of Shields - 39 New Montgomery St, San Francisco .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 🦕 Organizers: https://twitter.com/zizzamia, https://twitter.com/mgechev, https://twitter.com/LewisArdern 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

    2
  • Angular Marathon: Lightning Talks

    Google Launchpad

    👋 6:00p · Meet and hang out ✨ 6:40p · The shortest path to implement NgRx by Juan Herrera, (https://twitter.com/jdjuan) Yuxi Global Implementing NgRx implies a lot of boilerplate code, it is often cumbersome, and you don't really know where to start. In this talk, you will learn the simplest way to start using it while keeping it maintainable and clean. 🌍 6:55p · 5 1/2 tips for making your Angular app findable in Search by Martin Splitt, (https://twitter.com/g33konaut) Google In this whirlwind tour we will explore what you can do to help users find your Angular app via Search. We will go through a few technical SEO basics and how to avoid pitfalls 👩🏻‍🔬 7:10p · Angular Dependency & Processor Pattern by Jecelyn Yeen, (https://twitter.com/JecelynYeen) Randstad There are many ways to inject dependencies in Angular, today we will talk specifically on multi provider, and how to utilising that to implement processor pattern. 🍿 7:25p · Intermission 🔥 7:35p · Hacking NgRx memoization by Gerard Sans, (https://twitter.com/gerardsans) NgRx uses the same approach to Redux regarding selectors in terms of performance. This is central to Redux architecture but sometimes we want more! Let's see how we can get that extra power 🏎 7:50p · Boost your Reactive Angular Forms by Juri Strumpflohner, (https://twitter.com/juristr) Egghead Instructor Building a huge data-driven app? Tired of Forms? Repetitive bindings in HTML and TS, lots of typing? Let me take 10 minutes of your time to demo you an alternative, fully configuration based approach of writing your Angular forms. 🤯 8:05p · New styling capabilities of Angular Ivy by Matias Niemelä, (https://twitter.com/yearofmoo) Angular Core Team 🌟 8:15p · Speakers Panel 🍻 8:30p · Post-event hangout: Natoma Cabana, 90 Natoma St, San Francisco .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

  • Angular Oct ☁️☀️🌴 Meetup

    WeWork 1161 Mission St

    6:00p 👋 - Meet and hang out 6:50p 🦄 Lightning Talk: Migrating from AngularJS to Angular by Elana Olson, (https://twitter.com/elanathellama) Angular Team Elana has spent the summer digging deeply into the experience of migrating from AngularJS to Angular, talking with companies and developers from all over the community. Elana will share what she's learned about the challenges and successes that come with the various tools and strategies. Elana will also be announcing two new tools that will help Angular developers make the migration from AngularJS to Angular. 7:10p 🛡 Lightning Talk: Dangerous Design Patterns in One Line by Lewis Ardern, (https://twitter.com/LewisArdern) Synopsys Prototype pollution is typically a quality issue in JavaScript codebases and known as a common anti-pattern. This talk explores how code smells can lead to serious security issues and how side-effects of allowing prototype pollution can lead to your application getting compromised. In addition, this talk also covers logic flaws due to lack of testing and how to avoid them. 7:30p 🎨 Headline Talk: Creating Components Using the Angular CDK by Miles Malerba, (https://twitter.com/milesmalerba) Angular Material Team The Angular CDK allows you to create components with a completely custom look and feel while still leveraging the same code that powers the Angular Material components. Miles will discuss some of the latest features available in the Angular CDK, like virtual scrolling and drag and drop, and show how they can be used to build custom components. 8:00p 🍻 Post-event hangout: Cellarmaker Brewing Co, 1150 Howard St, San Francisco, CA 94103, USA .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- ✨ Our venue partner is WeWork ✨ 🍕 Food sponsor is https://clickup.com/ 🍕 ClickUp, the productivity platform, is a fundamentally new way to work. More than just task management - ClickUp offers notes, reminders, goals, calendar, scheduling, and even an inbox. Fully customizable, ClickUp works for every type of team, so all teams can use the same app to plan, organize, and collaborate. .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 🐦 Twitter: https://twitter.com/angularsf 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

  • Angular August ☁️ ☀️ ☁️ Meetup

    Cloudflare

    6:30p 👋 - Meet and hang out 7:00p 🚀 Lightning Talk: Open sourcing your angular components by Matt Lewis, (https://twitter.com/mattlewis92_) ClickUp Matt has built several popular open source projects in Angular, and will be sharing everything he's learned along the way so that you can get started too! The talk will cover the full spectrum of how to contribute to open source, from your first pull request, all the way through to creating your very own project with the Angular CLI. 7:25p 🤘Lightning Talk: Introducing Angular Console by Ayşegül Yönet, (https://twitter.com/AysSomething) Nrwl In this talk Aysegul will demo Angular Console--a more approachable way of using the Angular CLI. She will show how Angular Console helps you create new projects, build and test them, generating components and services, without having to remember any flags or even touching the terminal. Join us to hear about how you can start using Angular console to make angular development fast, learning and discovering new tools easy. 7:50p 🎨 Headline Talk: Animations, a tale of UX and fun by Simona Cotin, (https://twitter.com/simona_cotin) Microsoft Animations are getting more and more engaging and spectacular on the web. The reason why they have become an invaluable tool in the web developers toolchest is that they give multiple advantages. The benefits are that they look both amazing while at the same time they can increase perceived performance. We will see how animations can benefit UX by increasing perceived performance by following a few basic guidelines(without overdoing it), and how Angular is able to facilitate your journey away from uninteresting websites and give them that extra mile of fun. 8:30p 🍻 Post-event hangout: Black Hammer Brewing: 544 Bryant St, San Francisco, CA 94107 .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- ☁️ Our venue partner is https://www.cloudflare.com ☁️ Cloudflare makes your web products faster & safer. 🍕 Food sponsor is https://onemedical.com/jobs/product/ 🍕 One Medical is committed to making health care personal, accessible, and affordable. .- -. --. ..- .-.. .- .-. / ... .- -. /..-. .-. .- -. -.-. .. ... -.-. --- 📣 If you’re interested in giving a talk, please let us know! Speakers of all levels and backgrounds are welcome, and we have experienced mentors who can help you prepare your talk! DM us on https://twitter.com/mgechev or https://twitter.com/zizzamia 😊 Code Of Conduct We expect all speakers and attendees to follow the JSConf code of conduct ( http://jsconf.com/codeofconduct.html ).

    6
  • Reactive Programming! GTOR, RxJS, MostJS (co-hosted with TypeScript SF)

    6:00pm Meet & Greet 6:30pm Kris Kowal on GTOR! 7:05pm Ward Bell on NgRx 7:40pm Brian Cavalier on MostJS 8:30pm Wrap up Kris Kowal (https://github.com/kriskowal) is the legendary author of GTOR (https://github.com/kriskowal/gtor) and Q. In his free time, he brews potions and elixirs in Muir Woods. Ward Bell (https://github.com/wardbell) is interested in Angular, RxJS, and Redux. He is unrelated to the olympic pole vaulter Earl Bell. Brian Cavalier (https://github.com/briancavalier) is the creator of MostJS, Yelp's answer to RxJS. In his free time, Brian breeds Bichon Frises out of his Gulfstream Cabin Cruiser.

    3
  • Recreating the animation DSL in Rx

    Cloudflare - HQ

    Agenda 6:30p 👋 - Check-in and Networking 7:10p 🎨 - "Precisely Prettier Code: for sane code reviews" with Pamela Ocampo, Señora Developer at One Medical (@pmocampo) 7:35p ✨ - "Recreating the animation DSL in Rx" with Matias Niemelä, Angular core team (@yearofmoo) 8:30p ✋- Hard stop 🍕 🍻 Food and drinks by Rhyme.com! Rhyme.com provides virtualization in the browser for scalable and consistent workshops and corporate trainings. ☁️ Our venue partner is CloudFlare.com! Cloudflare makes your web products faster & safer.

    3
  • Blazing Fast Incremental Builds & Optimization of an Angular Application

    • Networking - 6:30pm - 6:45pm • Workshop on optimizing the performance of an Angular application - 6:45pm - 7:30pm • "Angular Bazel & Closure" by Alex Eagle, Google - 7:30pm - 8:00pm Get a sneak peek at the tooling Google uses to build enterprise-scale Angular applications, with 2 second dev-refresh cycle including AOT, and the smallest JS bundles. Speaker: Alex Eagle Alex works on the compiler and build tooling for Angular and TypeScript internally at Google, and is the lead for ABC (Angular with Bazel and Closure) which aims to externalize our toolchain for other enterprises to use. He also created http://errorprone.info/ and in his 20% time works on TypeScript static analysis tooling. Food and drinks by Rhyme.com! Rhyme.com provides virtualization in the browser for scalable and consistent workshops and corporate training. Our venue partner is RocketSpace! RocketSpace provides speed and direction to the world's top tech startups and corporate innovators.

    5