hoetmaaiers

WEB 101 workhop part 1 - prerequisites

If you want to join the first workshop and get your hands dirty in the handson part, ensure the following is ready on your computer:

• Git
• Node.js
• Code editor
• Google Chrome

hoetmaaiers

ulimit -n ulimit -n 512

hoetmaaiers

Robin Houdmeyers

• Email: houdmeyers@gmail.com
• Telefoon: 0472/49 48 99
• Twitter: https://twitter.com/hoetmaaiers
• Github: https://github.com/hoetmaaiers
• Linkedin: https://be.linkedin.com/in/robinhoudmeyers

hoetmaaiers

When nesting routes multiple levels deep and then linking between these routes, Ember throws an error shouldSuperCede.

hoetmaaiers

/**
* Converts a value to a string appropriate for entry into a CSV table.  E.g., a string value will be surrounded by quotes.
* @param {string|number|object} theValue
* @param {string} sDelimiter The string delimiter.  Defaults to a double quote (") if omitted.
*/
function toCsvValue(theValue, sDelimiter) {
	var t = typeof (theValue), output;

	if (typeof (sDelimiter) === "undefined" || sDelimiter === null) {
		sDelimiter = '"';

hoetmaaiers

if [ -f "${rvm_path}/scripts/rvm" ]; then

  source "${rvm_path}/scripts/rvm"

  if [ -f ".rvmrc" ]; then
    source ".rvmrc"
  elif [ -f ".ruby-version" ] && [ -f ".ruby-gemset" ]; then
    rvm use `cat .ruby-version`@`cat .ruby-gemset`
  elif [ -f ".ruby-version"  ]; then
    rvm use `cat .ruby-version`

hoetmaaiers

Pluralize or singular string based on a number

Handlebars.registerHelper('pluralize', function(number, singular, plural) {
    if (number === 1) {
        return singular;
    } else {
        return (typeof plural === 'string' ? plural : singular + 's');
    }
});

hoetmaaiers

How-to whitelist nested attributes with no limit. In my use case, it was for tags (which are obviously not predefinable ). http://guides.rubyonrails.org/action_controller_overview.html#outside-the-scope-of-strong-parameters

def product_params
  params.require(:product).permit(:name).tap do |whitelisted|
    whitelisted[:tags] = params[:product][:tags]
  end

end

hoetmaaiers

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

hoetmaaiers

Libraries

• jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
• Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
• AngularJS - Conventions based MVC framework for HTML5 apps.
• Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
• lawnchair - Key/value store adapter for indexdb, localStorage