Skip to content

🍦Vanilla JS in the Browser Workshop 🍦

Photo of Trey Hunner
Hosted By
Trey H. and 3 others
🍦Vanilla JS in the Browser Workshop 🍦

Details

So you've learned jQuery... and you're wondering how the magic really works? Or maybe you haven't learned jQuery yet but you know the basics of JS syntax? Come on down to JavaScript town at Zeeto and learn how to interact with the DOM, write your own XHR handler, interact with browser cookies, and write event handlers at this 🍦Vanilla JavaScript in the Browser🍦 workshop.

Skills you have:

  • General knowledge of JavaScript syntax

  • Have used helper libraries like jQuery, Lodash, Zepto

  • Want to work in the browser!

Skills you will learn:

  • DOM API

  • Browser Event API

  • Cookies

  • XHR

  • Dynamic HTML

  • Testing with Mocha

Stay tuned for more information about the repository and what you can do to get your environment setup before the big event.

Pre-event Setup Instructions

Prior to your arrival the following should be installed on your system:

• Install Git (http://git-scm.com/downloads)

• Install Node 4.2 LTS (https://nodejs.org/en/)

• Setup NPM for non-sudo installation

• NPM is the node package manager. It will automatically be installed when you install node.

• NPM installs packages locally (within the directory it is invoked in) for per-project modules, or globally for packages you want accessible everywhere.

• However, by default NPM installs global packages in a root-restricted location, requiring SUDO to install. This creates a huge headache. As an alternative, before you install any packages, follow this guide (https://github.com/sindresorhus/guides/blob/master/npm-global-without-sudo.md) to configure your NPM to install in your home directory without requiring sudo.

• Clone this repository `git clone git@github.com:sandiegojs/vanilla-browser-workshop.git`

• Change directories into the workshop folder: `cd vanilla-browser-workshop` and install your local dependencies with: `npm installInstall`

• Install these global dependencies using the `-g` flag (ex `npm install -g`)

• gulp

• mocha

• If you plan to deploy your app onto Heroku, setup Heroku Toolbelt (https://devcenter.heroku.com/articles/getting-started-with-nodejs#set-up)

There will be a break during the event for lunch. Food and Drink will be provided by LEARN Code School!

About LEARN:

LEARN Academy is a collaborative and immersive four month full-time coding bootcamp that teaches adults the skills they need to start a career in web development. The final month of the course is an internship with a local San Diego company. Students enter the workforce with several portfolio pieces and real world experience on their resume. For more information visit http://www.learnacademy.org/

Please respect our Code of Conduct

We welcome people of all backgrounds and skill levels. In keeping with the sandiego.js spirit, please be friendly, welcoming, and respectful.

Please be respectful of others and respect our code of conduct (http://sandiegojs.org/code-of-conduct.html).

Find us online @sandiegojs (http://twitter.com/sandiegojs)

Our website is sandiegojs.org (http://sandiegojs.org/). Our IRC channel (http://sandiegojs.org/chat-room.html) is #sandiegojs on FreeNode. We also have a Slack channel.

Parking info

http://photos2.meetupstatic.com/photos/event/3/d/3/3/600_444675667.jpeg

Photo of San Diego JavaScript Community group
San Diego JavaScript Community
See more events
Zeeto
925 B St. · San Diego, CA