addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgoogleimageimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

HTML5-IL #4 - The one about WebStorm mastery and Arduino+JS

We're happy to announce the fourth HTML5-IL meetup!

  _    _ _______ __  __ _      _____     _____ _      
 | |  | |__   __|  \/  | |    | ____|   |_   _| |     
 | |__| |  | |  | \  / | |    | |__ ______| | | |     
 |  __  |  | |  | |\/| | |    |___ \______| | | |     
 | |  | |  | |  | |  | | |____ ___) |    _| |_| |____ 
 |_|  |_|  |_|  |_|  |_|______|____/    |_____|______|



18:00 Gathering - Pizza, drinks and front row seats.

18:30 Mastering WebStorm

An introduction and deep dive into one of the most compelling web IDEs around.

In this talk, Alex Wolkov will go over many aspects of Webstorm by JetBrains that may be hidden to the naked eye, but are critical for a super efficient workflow.

Agenda :
- Live templates
- File watchers
- Local history / Version Control
- Shortcuts
- Actions
- and More

19:45 HTML5IL news

Ran Ben Aharon will present the latest news in the HTML5 world.

20:05 Arduino and Javascript

The world of electronics meets the FEDs!

Omri Bahumi will start with Arduino basics and show off some cool creations.

Then, Matias Crivolotti will jump in to show you how it all can control and be controlled with Javascript. It's gonna be awesome.

21:00 A special treat for you guys, we have 2 Webstorm licenses to give out! Stick around for the raffle.

See you there,

The HTML5-IL team:

Ran Ben Aharon

Alex Wolkov

Ron Reiter

Join or login to comment.

  • Ran B.

    All videos are up at

    4 · June 3, 2013

  • Doron G.

    Thanks for the lectures. What would you suggest as the first step for starting to play with arduino ? I went to eBay but there are a lot of options. I prefer a a mega board that is "approved" by the arduino guys, and I don't know which should I choose.

    May 26, 2013

    • Uri S.

      There are many variations in the Mega boards (different manufacturers), but they are all compatible. You can also "upgrade" a standard Uno or Mega to be ADK compatible with a USB host shield, but if you already know you want to do ADK stuff, better buy it integrated for less headaches.

      You can start with the Uno, though better pay a few more bucks and not limit yourself with I/O ports. I started with a Uno and later got an ADK Mega board as well, now I merely use the ADK board for projects. I don't have an experience with in-official ones, though, the best practice is to read reviews - and if they are good then you are okay to go... One advantage of buying official one is that the revenues they make support the project.

      1 · May 27, 2013

    • Omri B.

      I've done some interfacing with Android phones using Firmata over Bluetooth. I recommend doing that :)
      There's a bluetooth module you could use on Ebay:­
      Good luck :)

      June 1, 2013

  • Tom T.

    Lots of useful tips and tricks!

    1 · May 28, 2013

  • Shai R.

    Great meetup! Very interesting!

    1 · May 28, 2013

  • Sergey B.

    After yesterday's meetup I was inspired to set my live templates. I propose that people share them via Gist, for example.
    Here's my portion:

    1 · May 27, 2013

    • Oren R.

      you can spice up clog with:
      cloge: console.log("$ELM$"­, $ELM$); // assuming u use '

      bi: bind(this)

      // ember specific
      g: get('$KEY$')
      s: set('$KEY$', $VAL$)
      us: "use strict";
      nn: !Em.none($SELECTION$);

      May 28, 2013

  • Galia B.

    About the place to tinker with Arduinos in - it's the Tel Aviv Hackerspace, TAMI, a hub for makers. Other than the electronics equipment there's woodworking tools, CNC and more.

    It's in Kibbutz Galuyot 45, available 24/7 as long as there's someone there - which is usually the case - so just check with the group. Feel free to come, it's not commercial or strict or anything, it's a bunch of geeks making things.

    Or come to HaBima plaza this Saturday from 6pm till late, for special demonstrations by TAMI.

    Other similar spaces:
    Jerusalab (new):
    XLN (not sure they do Arduinos but they're awesome):

    1 · May 27, 2013

    • ydaniv

      TAMI is great, we work there almost regularly

      May 27, 2013

    • Galia B.

      ER ER ER ER ER The event in Saturday - NOT SATURDAY!
      I was really out of the loop. It was yesterday and tomorrow (Tuesday).

      Or tomorrow if you want to see a robot climb the HaBima statue.

      May 27, 2013

  • Dan S.

    Hi all,

    RE the HTML5 news segment: I would like to point out that both Facebook and LinkedIn haven't given up on HTML5 in general. Both Facebook and LinkedIn obviously still have websites, and utilize HTML5 features in them. Moreover, their mobile websites remain highly popular.

    What Facebook and LinkedIn have given up on are hybrid apps - native apps for iOS and Android that utilize embedded HTML5 for their UI. In their case apparently this approach resulted in having the downside of both native and HTML5 instead of the upside of both.


    1 · May 27, 2013

  • roee o.

    Nice one

    1 · May 27, 2013

  • Arik Lev L.

    Is there a video recording available/going to be available?

    May 26, 2013

    • Ron R.

      Yes, will be up shortly.

      1 · May 27, 2013

  • Galia B.

    Excellent evening! I wish I could attend the entire thing, the part that I did attend was very interesting.

    May 27, 2013

  • Uri S.


    May 26, 2013

  • Imri H.


    May 26, 2013

  • Yehuda P.

    Would have liked to come - too much work - enjoy

    May 26, 2013

  • Rafael B.

    Here's some elite tips for WebStorm:

    - Install the awesome "Handlerbars/Mustache" plugin.

    - Disable anti-aliasing on Linux at: Settings | Editor | Appearance | "Use anti-aliased font" - Settings | Appearance: Theme: Darcula, Override fonts: Liberation Sans 13, disable "Animate windows", enable "Memory indicator"

    - Beware of the CR/LF line-ending cross-platform insanity. Notice your commit dialogs! see if you're changing _all_ lines in files, that means you're doing something wrong.

    - Study the Settings for a few hours. This is a piece of software you'll be spending with day and night, learn it.

    ... (continued in multiple comments due to char limit)

    1 · May 25, 2013

    • Alex W.

      good tips, I'll cover some of them in the talk, for next time, there is a forum for this event :)

      May 25, 2013

  • Rafael B.

    - Spend a few hours creating your perfect "Code Style" setting, and use that as default for all projects.

    - Diagrams and UMLs. Right-click small folder or Ctrl+Alt+U on classes. Vote and discuss

    - Amazing transparency. Join the development at

    - Get updated at

    - Exclude cache, logs, and other folder alike with "Directories"

    - Integrate "Code Coverage", "Javascript | Libraries", many PHP code quality tools and other tools like mess detectors, sniffers, composer, phpunit, etc

    - Integrate with Git of course :) Create a new "Quick List" with common git commands, best feature ever: "Annotate". Hit Alt+9 for Git log (Change to "Log" tab). Integrate with JIRA's DVCS connector (Or some other software) and always mention issue # in your commit's comments. You'll gain a bidi-directional connection between your product requirements and the source-code.

    May 25, 2013

  • Rafael B.

    - Never use the 'Project Tree'. Learn the navigation shortcuts: Ctrl+N (classes), Ctrl+Shift+N (files), Ctrl+Alt+Shift+N (symbols, even css/sass/less and js). Use the 'Project Tree' only to get acquianted to a new project's architecture. Map navigate to 'File' and 'Symbol' to Alt+Q, Alt+W respectively. You'll use them a lot.

    - Use "Scopes" and "File Colors". Their amazingly powerful to color your files and filter with many features.

    - Use the "External Tools" for all your CLI needs! stylus/sass/compass/less, doc generators, framework CLI, migrations, etc. Use them by right-clicking in 'Editor' or 'Project Tree'.

    - Install 'Tabdir' plugin. Much better than the built-in feature. Remember to DISABLE the latter at Settings | Editor | Editor Tabs | "Show directory in editor tabs for non-unique filenames".

    - Use my awesome dark theme and font recommendations :)

    May 25, 2013

  • Jonathan S.

    Developer, Tinkerer, abUser

    May 19, 2013

  • Alex W.

    Guys, please don't use the notifications to post your jobs here, we have a special forum for this,

    3 · May 19, 2013

  • Anton A.


    May 11, 2013

  • Bnaya P.

    מילואים ):

    May 10, 2013

  • Imri H.

    Expectin it

    May 8, 2013

  • kobi m.


    May 8, 2013

  • Tom A.

    הולך להיות מעניין!

    May 8, 2013

Our Sponsors

  • JetBrains

    They give us a couple of free webstorm licenses to hand out!

  • Google Campus TLV

    Logistics, room, food, we really couldn't do these meetups without them.

  • Wix

    Beer! And an awesome roof to host events

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy