Amin Mohamed Ajani binarybaba

Upgrade/Install ruby 2.1.2

ubuntu 12.04 14.04

Reference http://stackoverflow.com/a/18490935/2037928

Login as root

Install needed packages

apt-get -y install build-essential zlib1g-dev libssl-dev libreadline6-dev libyaml-dev

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

#Introduction

Developing Chrome Extensions is REALLY fun if you are a Front End engineer. If you, however, struggle with visualizing the architecture of an application, then developing a Chrome Extension is going to bite your butt multiple times due the amount of excessive components the extension works with. Here are some pointers in how to start, what problems I encounter and how to avoid them.

Note: I'm not covering chrome package apps, which although similar, work in a different way. I also won't cover the page options api neither the new brand event pages. What I explain covers most basic chrome applications and should be enough to get you started.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

	#build stage for a Node.js application
	FROM node:lts-alpine as build-stage
	WORKDIR /app
	COPY package*.json ./
	RUN npm install
	RUN npm install -g nx
	COPY . .
	RUN nx build app-name --prod

	#production stage

	// Interactive Demo: https://dartpad.dev/b1a15c09bbb8d18c4caa9e8c41a108c0?null_safety=true
	// GIF Demo: See first comment below

	import 'package:flutter/material.dart';

	void main() {
	runApp(DemoApp());
	}

	class DemoApp extends StatelessWidget {

	// Special thanks: Hemanth Raj
	// Ref: https://stackoverflow.com/questions/48024504/app-navigation-example-using-widgetsapp#answer-48030789
	import 'package:flutter/widgets.dart';

	void main() => runApp(new MyWidgetsApp());

	class MyWidgetsApp extends StatelessWidget {

	Route generate(RouteSettings settings){
	Route page;

	const eventMap = {
	onClick: 'click',
	onChange: 'change',
	onKeyDown: 'keydown',
	onKeyUp: 'keyup'
	}

	const ROOT_KEY = '__rektroot_';
	const instancesByRootID = {};
	let ROOT_ID = 1;

	#!/bin/bash
	#
	# git-mv-with-history -- move/rename file or folder, with history.
	#
	# Moving a file in git doesn't track history, so the purpose of this
	# utility is best explained from the kernel wiki:
	#
	# Git has a rename command git mv, but that is just for convenience.
	# The effect is indistinguishable from removing the file and adding another
	# with different name and the same content.

	/**
	* The sample usage of ECMA 5 Mozilla Features Implemented in V8
	* https://github.com/joyent/node/wiki/ECMA-5-Mozilla-Features-Implemented-in-V8
	* You can use thease new feature of ECMA5 on Node.js as you like.
	* because there is no IE :)
	* Order is deferent form original wiki.
	* Sources are Checked on Node.js v0.5.0(unstable), v0.4.9(stable)
	*
	* you can execute this file.
	* $ node ecma5_on_v8.js

Amin Mohamed Ajani binarybaba

Upgrade/Install ruby 2.1.2

Sans jQuery

Events

Table of Contents

You're Missing the Point of Promises