• JAMStack, State of Angular, resilient offline web apps, and static apps!

    Welcome to our next Modern Web + AngularMTV + GDGSV partnered event! This meetup will be held at 1255 Pear Avenue Mountain View, CA 94043 on August 7, 2019 from 6:30PM - 9:30PM. For this event, please do not RSVP to this meetup posting - instead RSVP at Modern Web: https://www.meetup.com/modernweb/events/262393967/ Special thanks to Angular for sponsoring this event. We have some awesome talks planned! Our lineup of speakers: Stephen Fluin - Angular team State of Angular Christina Yu - Software Engineer, PayPal An Introduction to Static Web Apps with JAMStack This past year my team at PayPal began looking at how we could radically improve our developer experience and deliver high-quality applications faster. We landed on an approach we call “static apps” that removes our heavy node layer and replaces it with static markup and JS on a CDN. All of the dynamic content is served over GraphQL APIs. This approach to using JavaScript, APIs and Markup is sometimes referred to as the JAMStack. This talk will walk through some of the challenges we faced with our node.js application servers and how we are trying to solve them by moving to this new model. Performance, stability, security and developer experience concerns will all be highlighted. This talk is for people curious about GraphQL, GatsbyJS and JAMStack generally as well as those people interested in speeding up the development and deploy process for their teams. Prateek Bhatnagar - AMP @ Google, Preact-cli core team Resilient offline web apps Covering: Different offline patterns for different types of content, UX patterns for syncing offline data, & Periodic sync - what to expect & more to be announced!

  • Native Mobile for your Angular Projects + 10 Things I've Learned at Google

    We have an exciting event planned for Wed[masked]! During the welcome / networking portion of the event, we'll also have Brad Green performing magic for the group. ---------------- Add Native Mobile to Your Angular Projects: The Migration Story Sebastian Witalec The Angular and NativeScript teams teamed up to create a new way to share your code between web and mobile apps with Angular and NativeScript. It allows you to easily share the business logic of your app, while providing you an intuitive way to separate the code that is different between the platforms. The ability to share code between your Angular web app and Native mobile apps has never been easier (or more important). Who has the time to invest resources into separate apps for web, native iOS, and native Android? ---------------- 10 Things I've Learned at Google Brad Green Brad Green has worked on some amazing projects. From working for Steve Jobs at NeXT to being the Engineering Director in charge of Angular at Google, he's learned a lot about building teams, communities, and products. This presentation will be presented "Speechless" style with Brad Green not having seen the slides he'll be using. ---------------- Agenda 6:30PM - Doors open, Food, Drinks, Socialize 7 - Welcome & Angular Update 7:10 - Add Native Mobile to Your Angular Projects 7:40 - 10 Things I've Learned at Google ~8:22 - Shuttle to Caltrain leaves 8:10 - Q&A & Networking 8:30p - End ---------------- Can't attend? Watch the event later on our YouTube Channel http://youtube.com/angular/live --------------- To get a pre-printed badge, you must have a Yes RSVP (with a full first and last name listed) by 12p on Mon 3/18. If a pre-printed badge is not available when you arrive, you may create one on-demand - this option may have a long wait and will only be available until 8pm. Getting to the meetup by public transit (MVgo East Bayshore Shuttle (http://www.mvgo.org/east-bayshore-route.html) from Caltrain)

    1
  • Modern Web - Angular, Stackblitz, Selenium vs Cypress with GDGSV and AngularMTV

    Happy New Year! We're super excited to have you at our next Modern Web + GDGSV + Angular MTV event! Special thanks to Angular who will be sponsoring the food & drinks and GDGSV for the venue! This will be held at Google 1255 Pear Avenue Mountain View, CA 94043 on 2/6 from 6:30PM - 9:30PM We have some awesome talks planned for you! Our lineup of speakers: Speaker - Stephen Fluin Topic - State of Angular Speaker - Hans Larsen Topic - Schematics - A Gentle Introduction Description - Schematics are a powerful way to scaffold and refactor code and projects, and is used extensively by the Angular CLI. Learn about what Schematics are and how you can create your own. Speaker - Eric Simons Topic - PWA-powered DevTools are coming Description: The modern web is evolving at a rapid clip. With the advent of desktop PWA's, enhanced offline capabilities and new FS API's, the web platform is finally capable of running full dev environments. Speaker - Gil Tayar Topic - # Cypress vs Selenium WebDriver: Better, or just different? Description - There’s a new claim to the throne of functional test automation tools: Cypress.io. Is Cypress fast? Yes. Is Cypress interactive? Yep. Is Cypress reliable? You bet. And best of all… it’s cool! But is Cypress an alternative to Selenium WebDriver? Does Selenium, the current king of web automation and testing frameworks, cringe in fear for its position, or is it smiling benevolently at the supposed usurper, knowing full well that, well, it’s just a kid! Is Cypress better than Selenium WebDriver? I get asked this a lot. And frankly, the easiest path of a “this vs that” talk is to try and find out which is “best”. But I will not take that path. Instead, I will try and explain how is Cypress different from Selenium WebDriver. During this talk, we will learn how to write Cypress test, how it’s used, and why it’s different from Selenium WebDriver. Speaker: Keen Yee Liau Title: Angular, Bazel, and CLI Description: 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. Hope to see you there!

  • PWAs, Web Components, Angular Updates, and Perfume.js w/ Modern Web

    Join us for the this awesome event co-hosted with Modern Web (https://www.meetup.com/modernweb/) and GDG Silicon Valley (https://www.meetup.com/gdg-silicon-valley/)! For this event, please do not RSVP to this meetup posting - instead RSVP at Modern Web: https://www.meetup.com/modernweb/events/254487091/ Angular is sponsoring food :) Featured Talks: v7 of Angular is Coming Speaker: Igor Minar Beyond The Lab: Making User Data Work For You Speaker: Leonardo Zizzamia, Co-Founder at Plan, GDE in Web Technologies Performance is a key part of designing a seamless User Experience, and too many apps are forgetting the most important part of the equation: Real User Measurement (RUM). But what actually is RUM, and why is it important? This talk will examine how client-side API’s work and how we can use Perfume.js combined with Angular decorators, to unlock and capture the full performance potential of real-world users. Hands-on with PWA and Web Components Speaker: Marcus Hellberg, Lead Developer Advocate at Vaadin The web is turning into an application platform. Web Components give us a way of defining reusable UI components. Progressive Web Applications improve performance in poor network conditions. You can install them on your phone and they can send you notifications of important events. In this presentation, we'll learn the basics of Web Components and Progressive Web Applications by building a small application from scratch. After the presentation, you will have the skills needed to get started working on your own PWA.

    4
  • AngularJS to Angular / Predictive Prefetching for Angular / Angular Console

    We have an exciting event planned for Wed 8/22! Migrating from AngularJS to Angular Elana has spent the last three months digging deeply into the experience of migrating from AngularJS to Angular, talking with companies and developers from all of 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. About Elana Olson Elana is a software engineer interning on the Angular team this summer. Elana has created tools and documentation to support developers migrating from AngularJS to Angular. Predictive Prefetching for Angular Websites are slow! Double-click shows that the average load time on a 3G network is 19 seconds! On top of that, on mobile devices, JavaScript compared to a JPG image with the same size may require x25 more processing time. How to speed up our apps? Lazy-loading is here to help! By only loading the minimum amount of JavaScript during the initial page load we can improve the UX dramatically. However, this brings another set of questions - how to decide what to load lazily, how to provide instant page load by mindfully prefetching the bundles, without draining the users' mobile data plan? Machine learning is already playing an essential role in our day-to-day life, and it has the potential to assist in our development process for smaller, smarter, and faster JavaScript applications! 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. About Minko Gechev Minko is a co-founder of Rhyme.com and has a big passion for open source. Introducing Angular Console 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, generate components and services, without having to remember any flags or even touching the terminal. About Aysegul Yonet Aysegul is a Senior Angular Engineer at Narwhal Technologies (Nrwl.io), focuses on Angular, Data Visualization and WebXR. She is a Developer Expert at Google for Web Technologies/Angular and an active conference speaker. She previously worked as Senior Software Engineer at Autodesk Play, a 3D and VR authoring tool and A360 Viewer and A360 Drive. She enjoys teaching at a variety of non-profit organizations aiming to increase diversity in the software industry. Agenda 6:30PM - Doors open, Food, Drinks, Socialize 7 - Welcome & Angular Update 7:05 - Migrating from AngularJS to Angular 7:50 - Predictive Prefetching for Angular ~8:22 - Shuttle to Caltrain leaves 8:35 - Angular Console 8:55 - Q&A 9.00p - End ---------------- Can't attend? Watch the livestream (starting 7p PT) at http://youtube.com/user/angularjs/live --------------- To get a pre-printed badge, you must have a Yes RSVP (with a full first and last name listed) by 12p on Mon 8/20. If a pre-printed badge is not available when you arrive, you may create one on-demand - this option may have a long wait and will only be available until 8pm. Getting to the meetup by public transit (MVgo East Bayshore Shuttle (http://www.mvgo.org/east-bayshore-route.html) from Caltrain)

    4
  • Angular Elements & Progressive Web Apps. Co-hosts: Modern Web + GDG SV

    Join us for the this awesome event co-hosted with Modern Web (https://www.meetup.com/modernweb/) and GDG Silicon Valley (https://www.meetup.com/gdg-silicon-valley/)! For this event, please do not RSVP to this meetup posting - instead RSVP at Modern Web: https://www.meetup.com/modernweb/events/249707124/ Angular is sponsoring food :) Featuring: “Taking Your Angular Code Further” Speaker: Stephen Fluin, Developer Advocate for Angular, Google You've got an awesome Angular app, but what if you could take your code further? Learn about projects like Angular Elements that are designed to make your application more portable and increase your reach. “Progressive Web Apps - what, why and how?” Speaker: Shruti Kapoor, Front End Engineer, PIX System Progressive web applications enable key features such as instant download, offline viewing, responsive navigation and push notifications, thereby bridging the gap between mobile and web experiences. In this talk, Shruti talks about what makes progressive web apps so popular and how to develop one. "Debugging Angular Application - Tips and Tricks" Speaker: Anas Firdousi, Lead Software Engineer, Apple Description TBD ---

    4
  • Angular Meet & Greet Social

    Google

    Couple logistics notes: -This session has limited capacity - please remove your RSVP if you're unable to attend. -If using the shuttle from Caltrain - please use MVGo (info below). -If you have not recently attended an Angular-MTV meetup, please read the guest badge info near the bottom. ---------------- Google I/O is happening once again this May, bringing many Angular developers from all over the world to Mountain View. It's a great reason to have a get together, so the Angular team is hosting an informal meet and greet social at Google Mountain View (note, this is a social only, no presentation). Please let us know about your Angular work in the RSVP form when signing up. Please note: Because we will be serving alcoholic beverages, event participants must be ages 21+ and ID's / passports will be checked at the entrance. --------------- ***Guest Badging System*** Pre-printed badges will be created for all guests who are RSVP'd yes by 5p Thursday 5/3 and who we have first and last name info for. Please note that badges cannot be created with incomplete name information. If a pre-printed badge is not available for you when you arrive, you may create one on-demand, but due to the logistics of this process, please note there may be a long wait and this option will only be available until 7pm. Getting to the meetup by public transit is possible by taking either the East Bayshore route of MVgo (http://mvgo.org/east-bayshore-route.html) from Caltrain and using the Shoreline @ Charleston stop. FROM THE MOUNTAIN VIEW CALTRAIN STATION Look for the MVgo (http://mvgo.org/index.html) Shuttle stop (2nd bus shelter in outer circle, near entrance (http://goo.gl/maps/uQv61) <--use "Satellite" view to see best). Take the shuttle to stop #8 (Shoreline @ Charleston) and then walk to Building SB65 (1365 Shorebird Way, approx a 7 min walk). Please note, the Caltrain area can be confusing due to all the different shuttles doing dropoff/pickups. Couple tips: • Please look for a white shuttle van with an MVGo (http://mvgo.org/) logo like this (https://docs.google.com/a/google.com/drawings/d/1X8e_s76pMjk1qO2hNhjFC_V0hDtP0k4RuOiXjgp7YW4/pub?w=960&h=720). • Shuttle will have signage that reads, "East Bayshore". The relevant stop times are below. Note that due to traffic, the buses do not always run according to this schedule. If a bus arrives early, it will wait until the shuttle time to depart, but if it is running late, it will only make a quick stop, so please keep an eye out. Leaving MTV Caltrain (note, pickup times are approximate) 5:31pm 5:53pm 6:19pm 6:44pm http://mvgo.org/east-bayshore-route.html (http://mvgo.org/east-bayshore-route.html) GETTING BACK TO THE MOUNTAIN VIEW CALTRAIN STATION • (~8:22pm): MVgo (http://mvgo.org/index.html)'s last East Bayshore shuttle (http://mvgo.org/east-bayshore-route.html) stops at stop #11 (Shoreline @ Charleston) at approx 8:22pm and arrives at Caltrain at approx 8:38pm, in time for the 8:44pm and 9:05p trains.

    4
  • Presentations from the Angular CLI Team

    Google Building 46

    We have an exciting event planned for Wed 4/25! Presentations from the Angular CLI Team The full Angular CLI team is coming together for this special meetup. Learn about the latest efforts from each of the members of the CLI team via a series of presentations that will cover the breadth and depth of everyone's favorite Angular workflow automation tool. We'll also be hosting a panel, so please bring your questions and hopes to share with the team. Details: Hans Larsen (CLI Lead) will be providing an intro and overview into what's included in v6 of the Angular CLI. He'll also share a little bit about the team's vision for the future Filipe Silva will be giving us a breakdown of the new angular.json config file, the new mental model it enables, and will explain how to more finely customize your builds. Charles Lyding will introduce the new `ng generate library` command and will discuss the new standard path for generating and building libraries in Angular. Mike Brocchi will talk about Schematics and the ways that you can create your own if you are interested in tapping into all of the power of the new CLI commands like 'ng add' or 'ng update'. Agenda 6:30PM - Doors open, Food, Drinks, Socialize 7 - Welcome & Angular Update 7:05 - Presentations from the Angular CLI Team ~8:22 - Shuttle to Caltrain leaves 8:25 - Q&A 8.40p - Office hours with the Angular Team 9.00p - End ---------------- Can't attend? Watch the livestream (starting 7p PT) at http://youtube.com/user/angularjs/live --------------- ***Guest Badging System*** We recommended pre-printed badges. To get a pre-printed badge, you must have a Yes RSVP (with a full first and last name listed) by 12p on Mon 4/23. Please note that badges cannot be created with incomplete name information. If a pre-printed badge is not available for you when you arrive, you may create one on-demand, but due to the logistics of this process, please note there may be a long wait and this option will only be available until 8pm. Getting to the meetup by public transit (MVgo East Bayshore Shuttle (http://www.mvgo.org/east-bayshore-route.html) from Caltrain) FROM THE MOUNTAIN VIEW CALTRAIN STATION Look for the MVgo (http://mvgo.org/index.html) Shuttle stop (2nd bus shelter in outer circle, near entrance (http://goo.gl/maps/uQv61) <--use "Satellite" view to see best). Take the shuttle to stop #4 (Shoreline Blvd @ Charleston Rd) and then walk to Building 1055 (approx a 6 minute walk). Please note, the Caltrain area can be confusing due to all the different shuttles doing dropoff/pickups. Couple tips: • Please look for a white shuttle van with an MVGo (http://mvgo.org/) logo like this (https://docs.google.com/a/google.com/drawings/d/1X8e_s76pMjk1qO2hNhjFC_V0hDtP0k4RuOiXjgp7YW4/pub?w=960&h=720). • Shuttle will have signage that reads, "East Bayshore". The relevant stop times are below. Note that due to traffic, the buses do not always run according to this schedule. If a bus arrives early, it will wait until the shuttle time to depart, but if it is running late, it will only make a quick stop, so please keep an eye out. Leaving MTV Caltrain (note, pickup times are approximate) 5:53pm 6:19pm 6:44pm http://www.mvgo.org/east-bayshore-route.html GETTING BACK TO THE MOUNTAIN VIEW CALTRAIN STATION •Unfortunately MVgo (http://mvgo.org/index.html)'s last East Bayshore shuttle (http://www.mvgo.org/east-bayshore-route.html) stops at stop #11 (Charleston Rd @ Shoreline Blvd) stops at approx 8:22pm and arrives at Caltrain at approx 8:38pm. We therefore recommend that you make alternate arrangements for your return commute because our event timing does not work well with this schedule.

    11
  • Angular Material Tree Components, AngularFire: NgRx w/o Reducers, Pagedraw.io

    We have an exciting event planned for Wed 3/28! Introducing Angular Material's New Tree Components -Tina Gao, Software Engineer, Google Tina will provide an introduction to Angular Material's new Tree components, and provide a tour of how to use them and insights into how they were built. AngularFire: NgRx without the Reducers -David East, AngularFire Lead, Google NgRx boilerplate got you down? Overwhelmed with reducer logic? Do you wish you could just run a `.select()` on your store and magically get your data back? If you love the simplicity of the NgRx Store but could live without the action and reducer mess, look no further than AngularFire. In this talk I'll show you how to set up AngularFire to give you the state management of NgRx but without needing any of the reducer boilerplate. Turn Designs into Code Automatically with pagedraw.io -Jared Pochtar, Co-Founder, pagedraw.io Most design-conscious teams have a workflow that involves a designer handing mockups to a developer, who turns them into HTML and CSS integrated into their app. As a full stack developer, I love working with data synchronization, but always found the design handoff slow and tedious, since translating a mock to code didn't need creativity. We're introducing Pagedraw, a tool for maintaining an app's HTML and CSS automatically, generating it directly from mockups. We'll walk through how it can refactor the process between design-focused and dataflow-focused teammates, and reduce the footprint of a codebase while helping teams ship faster. Finally, we'll dive into the specifics of how Pagedraw integrates with Angular code, and what that means for the way we think about UI. ---------------- Can't attend? Watch the livestream (starting 7p PT) at http://youtube.com/user/angularjs/live --------------- Agenda: 6:30PM - Doors open, Food, Drinks, Socialize 7 - Welcome & Angular Update 7:05 - Introducing Angular Material's New Tree Components 7:25 - AngularFire: NgRx without the Reducers 7:55 - Turn Designs into Code Automatically with pagedraw.io 8.15 - Q&A ~8:20 - Shuttle to Caltrain leaves 8.45p - Office hours with the Angular Team 9.30 - End ***Guest Badging*** We recommended pre-printed badges. To get a pre-printed badge, you must have a Yes RSVP (with a full first and last name listed) by 12p on Mon 3/26. Sorry, badges cannot be created with incomplete name info. If a badge is not available for you upon arrival, you may create one on-demand, but there may be a wait and this option will only be available until 7pm. Getting to the meetup by public transit (MVgo East Bayshore Shuttle (http://www.mvgo.org/east-bayshore-route.html) from Caltrain) FROM THE MTV CALTRAIN STATION Look for the MVgo (http://mvgo.org/index.html) Shuttle stop (2nd bus shelter in outer circle, near entrance (http://goo.gl/maps/uQv61) <--use "Satellite" view to see best). Take the shuttle to stop #4 (Shoreline Blvd @ Charleston Rd) and then walk to Building 1055 (approx a 6 minute walk). The Caltrain area can be confusing because of the many shuttles doing dropoff/pickups. • Look for a white shuttle van with an MVGo (http://mvgo.org/) logo like this (https://docs.google.com/a/google.com/drawings/d/1X8e_s76pMjk1qO2hNhjFC_V0hDtP0k4RuOiXjgp7YW4/pub?w=960&h=720). • Shuttle will have sign that reads, "East Bayshore" Relevant stop times are below but due to traffic buses do not always run on this schedule. If a bus arrives early, it will wait until the scheduled time to depart, but if it is running late, it will only make a quick stop. Leaving MTV Caltrain (pickup times are approximate) 5:45pm 6:04pm 6:28pm http://www.mvgo.org/east-bayshore-route.html GETTING BACK TO THE MTV CALTRAIN STATION • (~8:20pm): MVgo (http://mvgo.org/index.html)'s last East Bayshore shuttle (http://www.mvgo.org/east-bayshore-route.html) stops at stop #7 (Charleston Rd @ Shoreline Blvd) at approx 8:20pm and arrives at Caltrain at approx 8:35pm, in time for the 8:51pm Northbound train.

    4
  • Embracing Monorepo, State of Angular, NativeScript (Co-Host: GDGSV + Modern Web)

    Join us for an event co-hosted with GDG Silicon Valley (https://www.meetup.com/gdg-silicon-valley/) and Modern Web (https://www.meetup.com/modernweb/)! Please note, this meetup page is not collecting RSVP's, so please don't add yourself to this posting as a waitlist member. Instead, please visit our co-host pages to RSVP: https://www.meetup.com/gdg-silicon-valley/events/246420508/ https://www.meetup.com/modernweb/events/246420299/ Event Description: We'll start off this event with a State of Angular from Stephen Fluin then 3 talks. Speaker: Jeff Cross, Co-Founder, nrwl.io Title: Embracing the Monorepo with Nx Talk: Teams building large applications have a lot of common challenges. How to provide consistent design and experience across many applications? How to avoid solving the same problems many times across teams? How to efficiently verify that shared libraries and apps work together as both are evolving? Nx (Nrwl Extensions for Angular) solves these challenges and more by encouraging teams to keep many applications and shared libraries in the same repository, or a "monorepo." Jeff Cross from Nrwl (nrwl.io) will specifically discuss why the monorepo approach makes sense for large teams, and what Nx does to help teams organize their code in this fashion. Speaker: Nathan Walker, Co-Founder, nStudio Title: Balance and Harmony with Angular and NativeScript Talk: "Metal" from our computers and devices is one of the 5 essential elements of Feng Shui and it surrounds us everywhere we go. Although the user interface on these devices is not often considered an element of this analysis, color certainly is and an experience with these devices can certainly affect our immediate environment (and mood!). Let's discuss how bringing together Angular and NativeScript can help achieve balance and harmony between the web and mobile spaces which affect our everyday lives. Nathan Walker from nStudio (Tracy - I will provide a website link when it is complete by end of next week) has been experimenting with these 2 technologies since they first emerged and has gone on to create several successful products with them. Along the way, we'll learn some tips and best practices when using them together as well in an Nx workspace (spoiler alert!). Speaker: Matias Niemala, Angular Core Team, Google Talk: TBD More info coming soon! ---

    1