skippednote

Objective

Starting from scratch Axelerant was invited to build a responsive website for The Enterprisers Project. This was a project deliverable on a very short deadline with content catered for both desktop and mobile devices.

Challenges

Craft an experience for maximum usability on a tight schedule with consideration of performance on mobile devices.

Solution

skippednote

Ruby

• Try Ruby
• Setup Ruby
• Jump Start Labs Ruby Tutorial
• Ruby for Newbies

Ruby on Rails

• Michael Hartl's Ruby on Rails Tutorial

skippednote

CORE PHILOSOPHY

• Avoid convoluted code
• Building abstract components
• Code that will be easy to maintain
• Single standard

BASIC PREMISE

skippednote

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        compass: {
            dev: {
                options: {
                    sassDir: 'sass',
                    cssDir: 'css',
                    noLineComments: false,

skippednote

#!/usr/bin/env bash

# Ask for the administrator password upfront
sudo -v

# Create ~/.bashrc
touch ~/.bashrc ~/.bash_profile

# Setup NVM
curl https://raw.github.com/creationix/nvm/master/install.sh | sh

skippednote

• Install Vagrant
• Install Virtualbox
• Grab a box url from Vagrantbox.es

vagrant box add `boxname` `boxurl`

Here we are setting up a new box, we can set boxname anything we want and boxurl can be a url from Vagrantbox.es.

skippednote

Acquia question bank

• Profiling: How do you go about profiling your site from Front-end prespective?
• Technologies: What kind of technologies do you use on the Front-end?
• Refactoring: What kind of challenges do you face when working on existing projects?
• Responsive Design: What is responsive design? What kind of approach do you take for building responsive sites?
• Performance: What steps do you take for improving performance on the front-end?
• QA: What is the QA testing workflow and tool being used (Jenkins, Behat)?
• Ticketing: How are issues managed between backend and front-end developer?

skippednote

Ruby

Indentation

Use 2 space. No tabs.

class Document
  attr_accessor :title, :author, :content

 def initialize(title, author, content)

skippednote

MySQL Cheatsheet

• Start console mysql -u user -p password

• Show existing databases show databases

• Use a database use databaseName

skippednote

var gulp         = require('gulp');
var sass         = require('gulp-ruby-sass');
var autoprefixer = require('gulp-autoprefixer');
var minify       = require('gulp-minify-css');
var rename       = require('gulp-rename');
var concat       = require('gulp-concat');
var uglify       = require('gulp-uglify');

gulp.task('styles', function() {
    return gulp.src('./sass/*.scss')