elgamine-dev

# Capistrano Laravel 4 Deployment Tasks
# Watts Martin (layotl at gmail com)
# https://gist.github.com/chipotle/5506641
# updated 14-Aug-2013

# Assumptions:
#
#   - You are using a .gitignore similar to Laravel's default, so your
#     vendor directory and composer(.phar) are *not* under version control
#   - Composer is installed as an executable at /usr/local/bin/composer

elgamine-dev

tmux cheatsheet

As configured in my dotfiles.

start new:

tmux

start new with session name:

elgamine-dev

# ha nta a khay l'entrainement
##ghadi takhoud stounat li creyena f hello

### ghadi  tzid f index.html wahed l element <section> a te3teh class smitha `container`
### had la class `.container` f style.css a t der liha had les propriétés `width:1000px;` et `margin:0 auto;`


### dakhel section li creena, ghadi t dir jouj stounat : 
- element menu 3endou class `menu` 3ndha f css  `width:25%;`
- element div 3endou class `hazvideo`  3ndha f css  `width:70%;` ou dakhlha a t dir iframe dial chi video youtube

elgamine-dev

#!/bin/bash
 
# Install script for LEMP Web Server on CENTOS 6.5 by Majid Arif Siddiqui

# Init
echo "Initializing..."
sudo yum -y update
sudo yum -y groupinstall "Development Tools"
sudo yum -y install screen

elgamine-dev

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

elgamine-dev

var gulp = require('gulp');
var gutil = require('gulp-util');
var uglify = require('gulp-uglify');
var jshint = require('gulp-jshint');
var insert = require('gulp-insert');
var livereload = require('gulp-livereload');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var watchify = require('watchify');
var browserify = require('browserify');

elgamine-dev

<div class="addictspacktext eg-price--wrapper" style="background-image:url(http://casacrosxg.cluster011.ovh.net/wp-content/uploads/2015/07/price2.png);">
	<div class="eg-price--content">
        &gt;Le <b>Surfers Fighters Pack</b> vous donne accès à l'utilisation
        des équipements hors des séances programmées ainsi qu'aux séances
        proposées 2 fois par semaines et 1 séance de Yoga par semaine.
    </div>

    <div class="eg-price--tooltip">
        [simple_tooltip content='11 000 DH par an']<div style="height:100%">&nbsp;</div>[/simple_tooltip]
    </div>

elgamine-dev

// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right
var moment = require('moment');

console.log(moment().format());

elgamine-dev

• http://www.codewars.com/kata/grasshopper-debug-sayhello
• http://www.codewars.com/kata/drink-about
• http://www.codewars.com/kata/grasshopper-variable-assignment-debug
• http://www.codewars.com/kata/unexpected-parsing
• http://www.codewars.com/kata/stringy-strings
• http://www.codewars.com/kata/add-property-to-every-object-in-array

elgamine-dev

vous allez remplacer votre nom par <span elt="first_name"></span>

par exemple : 
<h1>Amine El G</h1>
deviens
<h1><span elt="first_name"></span> <span elt="last_namr"></span></h1>
pareille avec votre titre

Algo dans votre app.js :
- charger le fichier user-{id}.json en ajax avec la methode getJSON