• "Your code has no class!" with Estelle Weyl

    345 Spear St

    Pick an element, any element. Style it. Manipulate it. No IDs. No classes. No frameworks necessary. This month, SFHTML5 is taking a deep dive into features of selectors in CSS and JavaScript that enable you to select any DOM node, even imaginary DOM nodes based on attributes, relation to other elements, location in the DOM, or just an element’s mere existence (or lack thereof). We'll cover everything from the specificity of the * global selector, to parent selectors in JS without libraries, to how to pick the 5th to last default selected checkbox without adding any specificity to your CSS or characters to your markup. From the co-author of CSS: The Definitive Guide, and the CSS teacher for FrontEnd Masters, you'll learn more than you ever wanted to know about CSS Selectors, specificity and tricks for scoping. About the speaker Estelle Weyl (@estellevw) is a consulting web developer, trainer, author and speaker. She speaks and leads workshops on web development all over the world. Her books have been translated into over 14 languages. She's been coding CSS, HTML, and JavaScript since 1999 and she organizes the Perf Matters conference (@perfmattersconf). Schedule: 5:00 PM—Doors open 6:30-6:45 PM—Announcements and lightning talk 6:45-7:30 PM—Estelle's presentation Pt I 7:30-7:55 PM—Break 7:55-8:45 PM—Estelle's presentation Pt II and Q&A 8:45—Event ends Notes: * Online registration for this event closes (on Meetup) at 12 noon on the day of the event. * On-site registration (for registered attendees) closes at 7 PM. * Please register on Meetup for this event. For security reasons, unregistered guests and +1s are not allowed. Every attendee must be a member of SFHTML5 (on Meetup) and register for the event (RSVP Yes) before noon on the day of the event to enter the event; no exceptions. * This event will be recorded and posted on the SFHTML5 YouTube channel soon after the event. A link to the playlist will be posted in this meetup and the complete archive can be found at bit.ly/sfhtml5videos

    5
  • Declarative Reactive Web Components with LitElement

    Talk description: Declarative component definition and reactive DOM rendering have taken over web development. Learn how lit-html and LitElement bring this style of component development to standard web components, allowing you to build components in a familiar and productive way that work with all frameworks. About the speaker: Justin Fagnani (@justinfagnani) has been working on developer tools for over 10 years at Google. He founded the Google App Maker project, worked on Web Components and JavaScript interop for the Dart programming language, and then tools for the Polymer Project. Recently he's been building Polymer's next-generation UI libraries like lit-html and LitElement. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements by SFHTML5's @peterlubbers * 6:40-7:30 PM Justin's presentation followed by Q&A * 7:30-7:40 PM Lightning Talks * 7:45—Event ends Notes: * Online registration for this event closes (on Meetup) at 12 noon on the day of the event. * On-site registration (for registered attendees) closes at 7 PM. * Please register on Meetup for this event. For security reasons, guests and +1s are not allowed. Every attendee must be a member of SFHTML5 (on Meetup) and register for the event (RSVP Yes) before noon on the day of the event to enter the event; no exceptions. * This event will be recorded and posted on the SFHTML5 YouTube channel soon after the event. A link to the playlist will be posted in this meetup and a complete archive can be found at bit.ly/sfhtml5videos

    7
  • All about WebXR

    345 Spear St

    Join us for an evening with technical talks about WebXR with speakers Betty Peng, Brandon Jones, Chris Joel, and Diego Marcos! Talk#1—State of the WebXR API (aka: When's it gonna ship?) with Brandon Jones In this talk, Brandon will provide an update on the what's been happening with the WebXR API lately, give an overview of the milestones the working group has laid out for the remainder of 2019, and let attendees know when they can start using the API in Chrome. About the speaker: Brandon Jones is an engineer on the Google Chrome team and a Spec Editor for the WebXR Device API. Prior to working on bringing immersive computing to the web, Brandon worked on the WebGL and WebGL 2.0 APIs and their implementations in Chrome, an has been pursing both graphics and web development both professionally and as a hobby for a long time prior that. Talk#2—Web 3D Made Easy with Chris Joel It's time to bring 3D content to the web. But, 3D graphics are a tricky subject. How can you be sure that your models will be rendered in the best light? How can you ensure the best performance? What about browser compatibility? The surprising answer to all these problems: good ol' HTML! We'll introduce you to the element, and you'll learn how HTML will become the building blocks for 3D content publishing on the web. About the speaker: Chris Joel is a web platform engineer on the Google DevXR team, and TL of the project. In previous lives, he was a core member of the Polymer team and front-end performance optimization lead at CloudFlare. Talk #3—A-Frame, what's new and what's next with Diego Marcos Diego will give an overview of A-Frame 0.9.2 and roadmap to 1.0.0 About the speaker: Diego is co-founder of Supermedium, the browser for the VR Internet, and co-creator and maintainer of A-Frame: A web framework for building virtual reality experiences. Talk #4—Web-Powered Augmented Reality with Betty Peng A journey through prototypes and projects to enable augmented reality experiences with the power of the web. We’ll take a closer look into how AR and the web helped make the “Explore I/O” mode possible at this year’s Google I/O conference. About the speaker: Betty Peng is a software engineer on the Daydream WebXR team at Google. Her current work focuses on building the immersive future of the web. Betty graduated from Brown University with a double degree in Computer Science and English. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements by SFHTML5's @peterlubbers * 6:40-7:30 PM WebXR Talks 1, 2, and 3 * 7:30-8:00 PM Break * 8:00-8:10 PM Lightning Talks! * 8:10-8:30 PM WebXR talk #4 * 8:30-9:00 PM Q&A with all the speakers Notes: * Registration closes right after the break at 8 PM * This event will be recorded and posted on the SFHTML5 YouTube channel soon after the event. A link to the playlist will be posted in this meetup and a complete archive can be found at bit.ly/sfhtml5videos

    3
  • The Past, Present, and Future of Angular

    345 Spear St

    Come and learn about Angular in this special SFHTML5 event! Talk details: The Past, Present, and Future of Angular In 2018, the Angular community grew over 50%. Developers and organizations around the world are choosing Angular to build their applications and businesses. Catch up on how far they've come, how teams can be effective today, learn about the upcoming version 8, and hear about new investments by the Angular team into the future of web development. About the speaker Stephen Fluin (@stephenfluin) leads Developer Relations on the Angular Team at Google. He works to solve real world problems faced by developers and businesses, and to represent the needs of the community within the Angular team. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements by SFHTML5's @peterlubbers * 6:40-7:30 PM Angular presentation * 7:30-8:00 PM Break * 8:00-8:10 PM Lightning Talks! * 8:10-8:30 PM Q&A with the speaker Notes: * Registration closes after the break at 8 PM * This event will be recorded and posted on the SFHTML5 YouTube channel soon after the event. A link to the playlist will be posted in this meetup and a complete archive can be found at bit.ly/sfhtml5videos

    8
  • #PerfMatters Conference

    Canada College Theater

    #PerfMatters Conference is the web performance conference taking place on April 2 & 3, in Redwood City, California with talks by internationally renowned performance developers. The focus is on front-end web performance. Register at https://perfmattersconf.com (RSVPing Yes here does NOT guarantee you a seat). Talks and speakers include: * The Cost Of JavaScript, Addy Osmani * SVG Will Save Us, Sarah Drasner * Resource loading, prioritization, HTTP/2 - oh my!, Patrick Meenan * Runtime Scheduling on the Web, Shubhie Panicker * Refactoring for Progressive Web Apps, Erica Stanley * Fantastic Frontend Performance Tricks and Why We Do Them, Jenna Zeigen * Leveraging the power of service design to boost web performance, Anthonia Carter * How Privilege Defines Performance, Tatiana Mac * Crash Course in CrUX, Rick Viscomi * Happy Browser, Happy User!, Katie Sylor-Miller * Chaperones and curfews: minimising 3rd party impact, Ryan Townsend * Level up your web tools with WebAssembly, Robert Aboukhalil * The intersection of accessibility and performance, Eric Bailey * Taking the Guesswork out of Performance Budgets, Buddy Brewer * The Business of Performance, Lauren Younger Nagel * Measuring User Perceived Performance to Prioritize Product Work, Gemma Petrie and Heather McGaw * Performance Benefits of Variable Fonts, Mandy Michael * Think Fast, First: Empowering Performance Culture, Alfredo Lopez * A Billion Phones and Even More People, Keerthana Krishnan * Profiling the Profiler, Greg Tatum * Delighted, Satisfied, or Angry? Building empathy into our core business metrics to put users first., Nathan Bower Our incredible eMCee is none other than the fabulous Mina Markham. Andy Davies will be leading a pre-conference workshop "Getting Up to Speed with Performance" to get attendees up to speed on web performance on Monday, April 1. MDN will be leading a post-conference hackathon. We'll be working together to improve the performance of MDN - both MDN's performance content and the site performance. Hang out with your new perf-dev-mates while coding for good on Thursday, April 4. It’s local. It’s inexpensive. It’s awesome. Just register at https://perfmattersconf.com (RSVPing Yes here does NOT guarantee you a seat). Use code SFHTML5OFF for 5% off the registration - for the conference, workshop, and hackathon.

  • Serverless at SFHTML5

    Google San Francisco

    Come and learn all about Serverless at SFHTML5 with two great talks. Talk #1—Focus on your code, not infrastructure When you build a backend to a web app or mobile app, you want to focus on your business logic, not on your infrastructure. At the same time, you want the infrastructure to always be there for you, ready to run your code. Google Cloud Functions does that for you. In this talk, we will follow the story of the fictional startup "In Jest," publishers of an app that tells jokes. At first, the developers at "In Jest" need to get a minimum viable product up and running in an hour. As their business grows they will have to integrate with Google Sheets, SQL databases, analytics systems, marketing systems and so on. We will see the code used to make this happen, without having to worry the team about servers and data centers. About the speakers Martin Omander works for Google in Mountain View as a Developer Advocate. His job is to help developers build better software, and improve Google's Cloud Platform to make it even better for that purpose. In his spare time he manages to sneak in some game programming. Before Google, Martin worked at string of startups in Silicon Valley as a software engineer. Zoe Omander is an online middle school student and YouTuber who plays the guitar and ukelele. She is also Martin's daughter. Talk #2—Let's talk Serverless! Serverless, or more appropriately lessServer, is the new most talked about architecture pattern. The idea is for developers to stop worrying about server management and focus on code. The serverless platform takes care of the infrastructure, servers and scaling. However, if you build your serverless application with the monolithic mindset, not only are you missing out on the strengths of serverless, it could actually be hurting you in the long run. In this talk, we will see what serverless is and then think about ways to maximize on the strengths of serverless including event-driven design and API gateways. Finally, serverless is relatively new and we will look at what the shortcomings are with the current technology and how to mitigate them. We will use Apache OpenWhisk as our serverless platform. Apache OpenWhisk is an open source, distributed Serverless platform that executes functions (fx) in response to events at any scale. The talk will include live demo of building and deploying an application to OpenWhisk. About the speaker Upkar Lidder is a Full Stack Developer and Data Wrangler with strong experience in JavaScript and Python. Upkar has worked in the tech industry in a variety of roles like QA engineer, software engineer, python data analyst and developer advocate over the past decade. He can be seen speaking at various conferences and participating in local tech groups and meetups (like this one!). He is currently curious about magic behind Machine Learning and Deep Learning. Upkar went to graduate school in Canada and currently resides in the United States. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements by SFHTML5's @peterlubbers * 6:40-7:30 PM Talk #1 (Martin and Zoe) * 7:30-8:00 PM Break * 8:00-8:10 PM Lightning Talks! * 8:10-8:40 PM Talk #2 (Upkar) * 8:40-9:00 PM Q&A with all the speakers * 9:00 PM End

    4
  • web.dev: intentions, reflections, and aspirations

    Google San Francisco

    Last year, the Chrome Web Dev team took inventory over the content we were publishing. We realized that we weren’t being as explicit as we could be in showing developers how to fix the problems affecting end users the most. We also realized that we could do a better job understanding our developers, meeting them where they are, and making it easier, fast, fun, to do better web. The web.dev site launched as a beta at Chrome Dev Summit. With web.dev, developers can assess their site’s health, and get personalized guidance on making improvements. Soon we’ll provide happy paths for developers to build for the modern web. Come learn about the intentions behind web.dev, some reflections on what we’ve learned since the beta launch, and where we aspire to be in the near future. We’ve got a lot more work to do. Any and all feedback welcome and needed. About the speaker Meggin Kearney (@MegginKearney ) is a staff technical writer at Google, junior web developer, and co-lead of web.dev project. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements * 6:40-7:30 PM Presentations (Meggin Kearney) * 7:30-8:00 PM Break * 8:00-8:10 PM Lightning Talks * 8:10-8:30 PM Q&A with Meggin

    9
  • Code Day @ Think

    AMC Metreon 16

    Come join IBM for open source star-studded event. They are rolling out the red carpet for some of the biggest names in open source, giving you hands on experience with the latest tech and dedicated time with the experts. WHEN Wednesday, February 13th,[masked]:30 AM - 6 PM Sessions & Labs 6 PM - 8 PM Game Night WHERE Code Cafe and AMC Theater in SF CA DETAILS www.ibm.biz/Bd22gz HOW TO REGISTER Use promotion code DC19CODEDAY to receive a special price to register. Buy your ticket here! https://www.ibm.com/events/think/register/

    3
  • Flutter with Matt Carroll & Abraham Williams

    Google San Francisco

    IMPORTANT: This event is at capacity and closed for RSVPs. All talks will be recorded and available on the SFHTML5 YouTube channel afterwards. Flutter: The Best of Both Worlds Flutter is a portable UI toolkit built with the best aspects of web and mobile development in one. In this presentation, we’ll explore Flutter’s constituent pieces from a web-centric perspective. Then we’ll do some live coding to get a feel for what it’s like to build a Flutter app. About the speakers Matt Carroll (@flttry) is a developer on the Flutter framework team. Before joining the Flutter team, Matt spent 7 years as an Android developer, with 3 of those years working on Nest’s flagship mobile app. Matt’s focus in the framework includes Cupertino widgets and Android embedding. When Matt isn’t helping to build Flutter, he spends his time educating other developers about Flutter, including on his YouTub channel: https://www.youtube.com/fluttery. Developers can follow Matt @flttry on Twitter. Abraham Williams is an experienced developer, start-up founder, and international speaker, Abraham brings a broad range of skills to his current role as a senior developer at Bendyworks. A top 1% contributor at Stack Overflow and an active member of Google Developer Groups, Abraham has been recognized by Google as a Developer Expert for his ability to identify technology problems and provide quality solutions in the community. Schedule: * 5:00 PM Doors open. Note: the event is on the 7th floor. * 6:30-6:40 PM Announcements * 6:40-7:30 PM Presentations (Abraham and Matt) * 7:30-8:00 PM Break * 8:00-8:10 PM Lightning Talks * 8:10-8:30 PM Q&A with Matt

    6
  • ForwardJS San Francisco 2019

    Holiday Inn Golden Gateway

    Please register at https://forwardjs.com (RSVPing on this meetup does not secure a ticket). Meetup members: use discount code SFHTML5-50 for a $50 ticket discount. Join dozens of experts from companies like Google, Netflix, Slack, Mozilla, Yelp, Microsoft, Twitch for five days of workshops, sessions, panels and networking on JavaScript and the future of the web. Tuesday, Jan 22: * PWAs with React w/ Max Firtman Wednesday, Jan 23: * Four Semesters of CS in Six Hours w/ Brian Holt * Hacking Web Performance w/ Max Firtman * Unit Testing with Jest w/ Amal Hussein Thursday, Jan 24: * Main day, 5 tracks of technical sessions Friday, Jan 25: * Architecting & Building Serverless Applications w/ Upkar Lidder * Integrating Blockchain into your JS App w/ Lennart Frantzell * Tensorflow.js w/ Google w/ More speakers announced soon * State of WebXR: What do you need to know today for building Web * Mixed Reality Applications w/ Rabimba Karanjai * Node Fundamentals w/ Samer Buna Saturday, Jan 26: * React Fundamentals w/ Samer Buna * Advanced Angular w/ Aysegul Yonet To apply to volunteer, visit: http://bit.ly/forwardjsvolunteer For more information and to buy tickets, see: https://forwardjs.com Meetup members use discount code SFHTML5-50 for a $50 ticket discount.