Why Sass is Awesome?

Why is sass awesome? It makes css work way easier and faster. You have to have ruby on rails installed and the sass gem installed. First install sass with this command (you only need to do it once) gem install sass Type in CLI first navigate to correct director with cd sass –watch . to…

Hello World in React Js

This is hello word app created with react.js This is my first simple script. Yes, I know it’s easier to do this in html. But I wanted to do this in JSX to make thing more complicated.   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jsx</title> </head> <body> <!– container node –> <div id="jsx"> </div>…

This is Example Code of php Inheritance

This is example code of php inheritance parents and child. extend is the keyword to inherit from the parent class.   <?php abstract class Shape { protected $color; public function __construct($color = ‘blue’) { $this->color = $color; } public function getColor() { return $this->color; } abstract protected function getArea(); } class Square extends Shape {…

Building a Calculator With Angular Js

index.html Angular js Simple Calculator Example Code <!doctype html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Example – example-example68-production</title> <script src=”//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js”></script> </head> <body ng-app=””> First Num<input type=”number” ng-model=”number1″> Second Num<input type=”number” ng-model=”number2″> <button ng-click=”count = count + number1″ ng-init=”count=0″> Add </button> <button ng-click=”count = count – number2″ ng-init=”count=0″> Subtract </button> <button ng-click=”count = count * number2″ ng-init=”count=0″>…

Gulp To Create One Javascript File to Speed Up Your Production Server

First install node.js Type this in commandline npm install gulp npm install gulp-concat –save-dev npm install gulp-uglify –save-dev npm install gulp-rename –save-dev ‘use strick’; var gulp = require(‘gulp’), concat = require(‘gulp-concat’), uglify = require(‘gulp-uglify’), rename = require(‘gulp-rename’); gulp.task(“concatScripts”, function(){ //combine all these scripts gulp.src([ ‘js/jquery.js’, ‘js/sticky/jquery.stick.js’, ‘js/main.js’]) //create file .pipe(concat(“app.js”)) // put in folder destination…