Javascript Closure This is an example of how to use iffe closure example to avoid collisions with other global variables in your programs. By placing the variable in the function it makes it private and not accessible everywhere else that would create a problem. // global variable bad because of collisions // break other programs…
These are some code snippets on how to create functions to check if a number is even. Do a factorial with a for loop. Do a text replacement with regular expressions. // isEven f(x) function isEven(arg) { return arg%2 === 0 } // factorial f(x) function factorial(num) { var result = 1; for(var i =…
First create a folder: Then CD into that folder through CMD Then do the follow in command-line npm init npm install -g babel-cli npm install babel-preset-es2015–save-dev Then create app.js.es6 file Then use this example code: class Person { constructor(name) { this.name = name; } greet(){ return “Hello I am ${this.name}”; } } let person =…
These are list of following of reserved characters for links: ! # $ % & ( ) * + , / : ; = ? @ [ ] These characters need to be encoded so it doesn’t interfere with the function of the URL. These characters will turn into %21 hexadecimal characters. A fix for…
This is a magic 8 ball program written in html and javascript. So it’s very lean fast and quick. You are free to use this script because it’s open source I made this solely for fun. So fork it. This is basically a random answer generator which uses random number and switch statement to be…
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 .…
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…
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″>…
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…
Demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Stick Nav</title> <style> body { margin: 0 0 0 0 !important; padding: 0; } .header { padding: 20px 0; background-color: #333; } .nav { padding: 5px 0; background-color: slategrey; position: -webkit-sticky; top: 0px; z-index: 1; } ul { list-style: none; } li { display: inline; } .header,…