We use cookies on this website to make it function correctly and to achieve the purposes illustrated in the cookie policy. By continuing to browse, you agree to the use of cookies. Cookie Policy

Hack Reactor Students Get Set up With Bower & Polymer

Hack Reactor

Hack Reactor Students Get Set up With Bower & Polymer's Image

"Learn Polymer with Gary Ryan" was last Wednesday's (April 2) Meetup at Hack Reactor HQ. Gary Ryan is a Software Engineer at Brandcast, a next generation CMS currently in beta. He works primarily on developing a full-stack framework. Gary is an advocate of future technologies like Web Components. Gary graduated from Hack Reactor in September 2013. 

This workshop took students and guests through an intro to Web Components, to an outline of the Polymer framework, and through building your own Polymer element. Polymer offers developers two features: a polyfill platform for Web Components and the framework itself. The Polymer platform enables you to use Web Components in all modern browsers through a library of polyfills. 

Web Components are new and virtually unsupported in most web browsers without Polymer. Now that you can use Web Components in all modern browsers, you can extend the Polymer element to create your own custom, reusable and complex Web Components. Additionally, Polymer offers a suite of useful pre-made elements such as HTTP request elements, UI widgets and more that can be used right out of the box or customized.

Web Components consist of four key features: Shadow DOM, HTML templates, custom elements and HTML imports. The HTML template, JavaScript, and styles are packaged up in custom elements that can be shared and re-used using HTML imports and live encapsulated in the Shadow DOM--because its encapsulated it won’t affect any other code or style. To learn more about Web Components and the shadow DOM and their role in the future of web development, see this talk by Eric Bidelman from Google I/O last year.

Event organizer and Hack Reactor grad Bianca Gandolfo suggested this video for both attendees and those who missed the event. 

The video was done by Rob Dodson from the Google Chrome team, starts with the installation and setup of Polymer with Bower, and takes you through the creation of your first Polymer element.

Want to make it to MeetUps like this in the future? Join the Hack Reactor MeetUp, a hacker space for JavaScript enthusiasts, coding educators and students, and those who want to make the web a cool and beautiful place. We also tweet about the events.

Tonight's JS Study Group is all levels and held at Hack Reactor HQ, 944 Market, San Francisco, CA. Sign up for our Meetups and be sure to RSVP for the April 21st event when it opens. MeetUps are a great way to connect with the right people when you're preparing for your coding interview at Hack Reactor