Crash Course In Web Components

Web Components provide a modular way to build a consistent design system and user experience across your entire application. Instead of copy/pasting the same chunks of coded into various places, you can have a JavaScript/HTML expert focus on getting the UX correct, without them needing to worry about what’s happening in the back-end at all.

Web Components offer reusable functionality on the front-end, with native JavaScript. They are a great middle-ground between standard request/response based traditional web applications, and apps that aren’t quite ready to move to a full-on JavaScript SPA framework. Web Components themselves are 100% native JavaScript – no new libraries required! Let’s learn how Web Components work, then look at integrating them into a back-end like CFML or PHP — I promise it’s easier than you think!

**Target Audience:** Developers looking to learn more about writing reusable JavaScript and UI components that are platform independent. This talk will spend a little time going over connecting the front-end code to a server side back-end application, but attendees should already be well versed in a server-side language and understand how to build a JSON API endpoint.

**Main Takeaways:**

* Creating your first Web Component
* Interactivity with Web Components
* Connecting to a back-end server
* Pros and Cons
* Next steps and other resources

**Speaker Bio:** Nolan has been developing software for over 20 years. Starting in the video game industry working on titles for Maxis and LucasArts, then advancing to web development in 1999, his list of credits includes Grim Fandango, StarWars Rogue Squadron, SimPark, SimSafari as well as high-traffic websites for a variety of clients. Nolan manages the [Sac Interactive User Group](http://sacinteractive.com/), teaches classes on aspects of software development, and regularly gives presentations at conferences and user groups across the US and Europe.

When he’s not consulting or talking about himself in the third person, Nolan can usually be found working on one of several music projects.

This event is being hosted by our friends at the Carlsen Center for Innovation and Entrepreneurship on the Sacramento State University campus. (https://www.csus.edu/center/carlsen/)
This means that if you travel by car, **you will need to pay for parking.** We strongly suggest coming via bicycle or rideshare/carpool. Parking is enforced 24/7 and a 2 hour permit is $4. The Carlsen Center is located in the University Library. The organizers ***strongly suggest*** you park in Parking Structure 3.

**JetBrains** has generously given us **ONE YEAR** subscriptions to give away. In order to be considered you **MUST RSVP on Meetup, and** **attend the event**. New winners each month until May!

**This meetup group is dedicated to providing a harassment-free communication experience for everyone, regardless of gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, or religion (or lack thereof). We do not tolerate harassment of event participants in any form.**

**Directions:**
1. Park at Parking Structure III: https://maps.app.goo.gl/xXSznDUJxtiBaNGWA
2. Pay for parking on the first floor OR paybyphone.com location 5115.
3. Walk towards Benicia Hall (the parking payment is inside the garage, close to Benicia Hall): https://maps.app.goo.gl/9FeR37zoHN2KzsW38
4. Walk towards the University Library: https://maps.app.goo.gl/Q7Z4bNizg8D95oEC8
5. Go UP the ramp, and IMMEDIATELY TURN RIGHT AT THE TOP!
6. The Carlsen Center is this whole corner of the library building, keep walking along the walkway and you’ll see a door with a few stairs behind it. Welcome!