NGINX Reference

=== CLI NGINX ===

#cd /etc/nginx

# ls -ltr

#cd /var/log/nginx

#cd /var/www


# sudo su –

$ systemctl status nginx

$ systemctl status nginx –no-pager

$ systemctl is-active nginx

$ systemctl start/stop nginx

— reload all config files —

$ systemctl reload nginx

— test config files —–

# nginx -t

# nginx -T | less

=== nginx.conf ===

#view /etc/nginx/nginx.conf

Alphabetical index of directives

 — unlink default conf —

#sudo -s

#cd /etc/nginx/sites-enabled/

#unlink default

— create a new conf–

#vim /etc/nginx/conf.d/<site name>.local.conf

#cat /etc/nginx/conf.d/<site name>.local.conf

#nginx -t

How nginx processes a request

From <>

#curl localhost

=== Vagrant ===

#vagrant ssh

#which unzip

#apt install unzip

#unzip -o <file>.zip -d /var/www/<site name>.local.conf

— change permission —

#find /var/www/<site name>.local/ -type f -exec chmod 644 {} \;

#find /var/www/<site name>.local/ -type d -exec chmod 755 {} \;

=== Configure locations ===

# for i in {1..10}; do curl localhost > dev/null; done

# for i in {1..10}; do curl localhost/images/ > dev/null; done

=== Verify the Ports ===

# sudo lsof -P -n -i  :80 -i :443 | grep LISTEN

# sudo netstat -plan | grep nginx

# tail -f /var/logs/nginx/*.log

Posted in Technologies | Leave a comment

Git Reference

Commands Used: 
git log =  git history 
git log --all --decorate --oneline --graph = commit history graph
git branch (branch-name) = create a branch
git checkout (branch-name) = checkout a branch/move head pointer
git commit -a -m "commit message" = commit all modified and tracked files in on command (bypass separate 'git add' command)
git commit -n -m "commit message" = commit all modified withour code validation
git commit --amend -m "<new message>"
git diff master..SDN = diff between 2 branches 
git merge (branch-name) = merge branches (fast-forward and 3-way merges)
git branch --merged = see branches merged into the current branch
git branch -d (branch-name) = delete a branch, only if already merged
git branch -D (branch-name) = delete a branch, including if not already merged (exercise caution here)
git merge --abort = abort a merge during a merge conflict situation
git checkout (commit-hash) = checkout a commit directly, not through a branch, results in a detached HEAD state
git stash = create a stash point 
git stash list = list stash points 
git stash list -p = list stash points and show diffs per stash
git stash apply = apply most recent stash
git stash pop = apply most recent stash, and remove it from saved stashes 
git stash apply (stash reference) = apply a specific stash point
git stash save "(description)" = create a stash point, be more descriptive

How do you roll back (reset) a Git repository to a particular commit?
git log --stat
git log --pretty=oneline --abbrev-commit
git reset --hard <tag/branch/commit id>
git show HEAD

git reset HEAD^ 
git push -u origin staging --force

Clean all untrack files
git clean -df

Get history of GIT activities:
git reflog

Git Tutorial: Fixing Common Mistakes and Undoing Bad Commits:

git reset --hard HEAD~1
git diff <commit 1 id> <commit 2 id>
git difftool HEAD HEAD~!

Posted in Technologies | Leave a comment

How to Install Multiple Versions of Node.js and Manage it Using NVM Node Version Manager node package manager (NPM)

Go to 
download and install the latest

Mac or Unix
1. #Install command line developer tools. 
$ xcode-select --install

2. Install the latest version of NVM 

-- Clone NVM 
$ cd ~/ 
$ git clone .nvm 

-- Checkout latest version of nvm 
$ cd ~/.nvm 
$ git checkout v0.34.0

-- Activate NVM 
$ . 

-- Now add these lines to your ~/.bashrc, ~/.profile, 
or ~/.zshrc file to have it automatically sourced upon 

export NVM_DIR="$HOME/.nvm" 
source ~/.nvm/
[ -s "$NVM_DIR/" ] && \. "$NVM_DIR/"  
# This loads nvm 
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  
# This loads nvm bash_completion 

3. List your installed node versions: 
$ nvm list 

4. List the available node versions in the cloud: 
$ nvm ls-remote 
$ nvm ls-remote | tail -n9 
$ nvm ls-remote --lts

5. Install node of version 10.16.0 
$ nvm install 10.16.0 
$ nvm use 10.16.0 
$ nvm alias default1 10.16.0 
$ nvm list 
$ nvm unalias default1
$ nvm install v9.0.0 --reinstall-packages-from=8.9

6. Uninstall
cd ~/.nvm/versions/node 
sudo rm -rf v4.2.3/
//Try clearing cash nvm cache clear 

7. List the installable node versions with nvm
nvm ls-remote

8. List the local node versions with nvm
nvm ls

Posted in Technologies | Leave a comment

React 16 features

React Fiber is a virtual stack frame, with React Fiber being a reimplementation of a stack frame specialized for React components. Each fiber can be thought of as a virtual stack frame where information from the frame is preserved in memory on the heap, and because the info is saved on the heap, you can control and play with the data structures and process the relevant information as needed.

You can find an excellent explanation from Lin Clark in this video.

For more details please check the following links ,

1. What is React Fiber?

2. React Fiber Architecture

3. What Does React 16 Mean for You?

React Fiber is an ongoing reimplementation of React's core algorithm. The main difference between react and react fiber are these new features :-

  1. Incremental Rendering :- React v16.0 includes a completely rewritten server renderer. It’s really fast. It supports streaming, so you can start sending bytes to the client faster

  2. Handle errors in the render API : To make class component an error boundary we define a new lifecycle method called componentDidCatch(error, info). Error Boundaries – React

  3. Return multiple elements from render : With this new feature in React v16.0 now we can also return an array of elements, and string from component’s render method.

  4. Portals : Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.

  5. Fragments : A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM.

react fiber is using:

React Async Rendering Demo. Contribute to ivan-ha/reactasyncrenderingdemodevelopment by creating an account on GitHub. ;

Posted in React 16 | Leave a comment

How to install Jenkins 2.150.1 on Ubuntu 14.04

0. sudo -s
— How to Install Oracle Java 8 on Ubuntu 14.04 LTS —
1. sudo apt-add-repository ppa:webupd8team/java
2. sudo apt-get update
3. sudo apt-get install oracle-java8-installer

— Check the installed Java —-
sudo update-alternatives –config java
sudo update-alternatives –config javac
update-java-alternatives -l
export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64
echo “$JAVA_HOME”

— How to install Jenkins on Ubuntu 14.04–


 sudo curl -O
apt-key add
wget -q -O - | sudo apt-key add -
sudo sh -c 'echo deb binary/ > /etc/apt/sources.list.d/jenkins.list'
sudo apt-get update && apt-get upgrade -y
sudo apt-get install jenkins

—— Jenkins start on port 8080 ——
—-> nano /etc/default/jenkins
5. sudo service jenkins restart
6. copy the password from cat /var/lib/jenkins/secrets/initialAdminPassword

7. Install Plugins in Jenkins
–> Login to Jenkins dashboard and navigate to Manage Jenkins >> Manage Plugins >> Available Tab and select the plugins to install

$ sudo netstat -peanut | grep ":8000"
$ lsof -i :8000
sudo mount -o bind /var/tmp /tmp   
Posted in Technologies | Leave a comment

Sketch plugins









Stacks and Auto-Layout Sketch Plugin Just like Flex Box in CSS, UIStackView in iOS, and FlexboxLayout in Android – Auto-Layout’s with its new Stacks feature is, once again, changing the game: ;





Posted in Technologies | Leave a comment

WEB Security

owasp top 10 security standards

SWAT checklist security standards

Posted in Technologies | Leave a comment

JavaScript Resources

Online web-based IDE.

  1. Sencha Fiddle:
  2. Fiddle Meta:
  3. JS Bin:,output.
  4. ShiftEdit is a new web-based IDE for editing HTML/ CSS/ JS and PHP.
    It uses ExtJS and the excellent extensions: FileTreePanel and DDTabPanel.



CSS Reference
An extensive CSS reference with all the important properties and info to learn CSS from the basics

Unicode Character Table

A simple JSON pretty printer. Put JSON in the text area below, click the "Pretty Print JSON" button, and see pretty printed JSON.


Regular expression tester with syntax highlighting, contextual help, video tutorial, reference, and searchable community patterns

Select browsers to compare CSS, HTML5 functions

Plunker is an online community for creating, collaborating on and sharing your web development ideas

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more..

A collection of the world's best client-side JavaScript libraries.

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

xhr-xdr-adapter enables, to the extent possible, support for Cross Origin Resource Sharing (CORS) on Internet Explorer versions 8 and 9 using standard JavaScript libraries.

Character encoding

Tips, Tricks, and Techniques on using Cascading Style Sheets.

Full featured date library for parsing, validating, manipulating, and formatting dates.

An open source CDN for JavaScript and CSS sponsored by CloudFlare.

Visa, Mastercard, Discover, American Express

SSN, Payment Cards generators

Posted in Front End Development | Leave a comment

UI/UX Resources


  • Web Content Accessibility Guidlines (WCAG)
  • Section 508 (US federal standard)
  • The UX HandBook


  • UXPA – The UX Professionals Association 
  • IxDA – The Interaction Design Association 
  • IAI – The Information Architecture Institute
Posted in Technologies | Leave a comment

BJJ Reference

Brasilian Jiu Jitsu Reference  – download the free book.

You’ll have to provide your e-mail address and he will be sending you some really interesting newsletters .

You can unsubscribe at any moment if you wish. There are some very good articles on the site as well.


Be mindful, that in addition to the tons of free articles and videos, he is selling (naturally) apps and DVDs which you really don’t need or obligated to buy. Especially at this point of your journey.

This is the source of the Gracie Jiu Jitsu.

Here you need to sign-up for free membership. You’ll get access to the 6 free lessons and videos with conceptual explanation of their philosophy and mindset. Not all historical facts presented  here are 100% truth (they are not Oracles or saints, some information  is contested and controversial), but everything related to technique and fighting philosophy is rock solid and tested in real life.

Posted in MMA | Leave a comment