Skip to content

Instantly share code, notes, and snippets.

@davemo
Last active August 28, 2019 02:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davemo/c1478c3fe2c0f6ee8877 to your computer and use it in GitHub Desktop.
Save davemo/c1478c3fe2c0f6ee8877 to your computer and use it in GitHub Desktop.
Ottawa-JS-Dev-JavaScript-Panel

Ottawa JS, February 11, 2015

Your best advice for people getting started in JavaScript:

Dan:

The Other Simon:

Simon M:

Owain:

Darren:

Nick:

  • pick which part of javascript you want to use to help you focus your efforts
  • mobile? phonegap, web? ember/angular/react, general purpose server-side? node
  • the DOM vs JavaScript is important to understand

Describe things important to your Development environment

Nick:

  • Sublime Text, Git, Github
  • Code Review
  • Safari for Browsing (fast!)
  • Chrome for DevTools
  • CoffeeScript
  • Rails w/ Sprockets

Darren:

  • Sublime Text, Plugins for Linting, JSLint
  • NPM/Make/Grunt for Build
  • Plato for static analysis and cycolmatic complexity
  • Jenkins for Continuous Integration
  • Mocha for JavaScript Automated Testing

Owain:

  • .editorconfig helps normalize editor settings across projects
  • requirejs for modularity in JavaScript, the AMD format
  • if you're not using one, pick a module format and tool, browserify, requirejs, 6to5, etc..

Simon M:

  • Sublime, Brackets, Git, Github
  • XCode, Eclipse (iOS/Android), Genymotion

The Other Simon:

  • Sublime, (previously Text Mate, Notepad++)
  • Cloud IDE™ stack (nitrous.io, etc..)
  • Docker
  • SourceMaps
  • ANT for task running (Java)
  • Lots of XML, moving to JSON
  • Markdown
  • JSDoc Style Documentation
  • Vagrant, Virtual Box
  • Making your dev env closely match production

Dan:

  • Get good at automation in general
  • Scaffolding tools, yeoman, good starter projects
  • Continuous Integration
  • DivShot (CDN Hosting)

What Front-End / Mobile Frameworks/Libraries do you use? (JavaScript and/or CSS)

Simon M:

  • angular.js
  • roll your own™
  • "there's a lot of fashion when it comes to JavaScript" - Brian Leroux
  • topcoat.io
  • ionic.js

Darren:

  • use smaller libraries to build your own framework instead of working with a monolith
  • knockout.js
  • twitter bootstrap
  • foundation as an alternative to bootstrap

Nick:

  • read the source of the frameworks and learn how they work, learn the techniques
  • write your own small framework to do what you need
  • learn when to use a framework vs not use a framework

Owain:

  • Ember all the things; convention over configuration is great
  • Picking a framework is an investment

The Other Simon:

  • I don't like frameworks
  • Extensible Web Manifesto - use the web platform
  • Web Components look cool
  • Google Closure Compiler
  • Polyfill all the things
  • Less/Sass

Dan:

  • Framework Fatigue™ is real!
  • Learn something, try it, stick with it, build things with it, but...
  • Don't be afraid to throw things away and try something new

What Server-Side JavaScript frameworks do you use?

Dan:

  • ExpressJS
  • ORM, Mongoose
  • Redis, Mongo, MySQL
  • CouchDB
  • RethinkDB, a twist on Mongo

Simon M:

  • Prototyping apps prior to API existing
  • hapi.js

Darren:

  • Node/ExpressJS
  • Strongloop: Loopback (on top of express)

LIGHTNING ROUND! What design patterns/language features do you regularly use? What's on your radar?

Dan:

  • ES6 without transpilers

The Other Simon:

  • ES6 Promises, Typed Arrays, ASM.js
  • ES7 Optional Typing

Simon M:

  • ES6

Owain:

  • ES6 Classes, Modules

Darren:

  • PubSub, Observer Pattern
  • Callbacks
  • Web MIDI API
  • Functional Reactive Programming
  • Bacon.js, Reactive Extensions
  • Web Components

Nick:

  • WebGL
  • ES6 Proxies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment