Web Development

Opensource technologies have grown into industrial strength tools that are cost free.  This has opened the way for virtually anyone with a computer and a connection to the internet to try their hand at web development.

  • All
  • Apache
  • Coding Languages
  • Database
  • Hosting
  • Linux
  • Linux Instructions
  • phpStorm
  • Tutorial
  • Wordpress
glasses
Compiling SCSS in phpStorm

The first thing you will need to do is install Ruby on your system as it is required for compiling SCSS. Windows users can find the installer here - http://rubyinstaller.org/downloads/ Make sure to select the add Ruby to your PATH checkbox. Next you...

apache_logo
Installing more than one SSL certificate in Apache

A few changes need to be made to the Apache configuration in order to enable more than one SSL cert on a single server. <IfModule mod_ssl.c> NameVirtualHost *:443 Listen 443 </IfModule> Make sure to remove the listener on port 443 from whichever...

digital_ocean
Hosting with Digital Ocean

OpenCode recommends Digital Ocean as a host because of their low cost, high performance servers.  Follow this link to get $10 free credit in server time Digital Ocean Hosting.  There are a variety of servers images that can be spooled up....

phpStorm_logo
Setting up phpStorm & Xdebug on a remote Ubuntu server

This will allow step by step debugging of code within phpStorm. Install the xdebug package sudo apt-get install php5-xdebug Create a new /etc/php5/apache2/conf.d/xdebug.ini file instead of adding to the /etc/php5/apach2/php.ini Use the configuration below to build the ini file and update...

npm
NPM Linux Setup

Install node.js Login as root or sudoer. curl -sL https://deb.nodesource.com/setup | sudo bash - apt-get install -y nodejs OR apt-get install nodejs Update NPM npm install npm -g Test NPM npm -v (Version should be greater than 2.1.8) Installing NPM Packages There are a thousands of packages available we will use Google’s Material Design...

ubuntu
Ubuntu

Initial Setup Update apt-get apt-get update Install Apache2 apt-get install apache2 Configure Apache2 a2enmod rewrite Install MySQL apt-get install mysql-server php5-mysql mysql_install_db mysql_secure_installation Install PHP5 with mcrypt & cURL apt-get install php5 libapache2-mod-php5 php5-mcrypt php5-curl php5enmod mcrypt Configure Apache2 nano /etc/apache2/mods-enabled/dir.conf update the DirectoryIndex to only use index.php Restart Apache2 service apache2 restart Install Wordpress Create a directory for your...

Useful Commands & Programs for Linux

file system File System Remove directory and its contents - rm -rf directory_to_remove Check disk space - df -h /directory_to_check File Compression Create a gzipped tarball in linux - tar -zcvpf new_tarball_name.tar.gz /var/www /home/username z - use gzip for best compression c - create a new archive called new_tarball_name.tar.gz v...

SSH Setup

Open /etc/ssh/sshd_config in your favorite editor (nano, vi, etc.) it will look like the example below. # Package generated configuration file # See the sshd_config(5) manpage for details # What ports, IPs and protocols we listen for Port 22 # Use these options to restrict which interfaces/protocols sshd will bind...

Users

Adding a user useradd username Setting a user's password passwd username ...

mysql
MySQL

MySQL is arguably the most powerful open source database in the world.  In its latest iterations (5.6  and up) it has been receiving more and more trickle down upgrades from its parent company Oracle. ...

centos
Cent OS

CentOS is an opensource Linux distribution based on RedHat Enterprise.  Being based on RedHat it is a very stable version of Linux to use as a webserver and as enterprises support security more and more the trickle down effect has grow...

w3schools
Development Resources

Reference & Learning w3schools is a great resource for quick lookups on html, css and javascript questions.  their answers are simple and concise and their code samples are standards compliant: http://www.w3schools.com/ PHP phpStorm Arguably the best PHP IDE out there. https://www.jetbrains.com/phpstorm/ Aptana3 is a powerful IDE...

WordPress_logo
WordPress

Wordpress started out as opensource blogging software and has evolved into one of the most popular CMS (Content Management System) tools on the planet. ...

apache_logo
Apache2

Apache2 is an opensource web server that will run on many operating systems. Linux is probably the most common platform for running Apache2. Useful code VirtualHost Example for setting up a virtual host that will handle a primary domain as well as...

Tux-linux_logo
Linux

Linux is an opensource operating system that is popular for use as a web server.  There are quite a variety of distributions that meet many different needs. Some popular distributions are: Ubuntu CentOS   Useful Linux Commands ...

html5_logo
HTML

HTML (Hyper Text Markup Language) is the language responsible for the basic building blocks of the web.  A website in simplest form is just a single .html file or "page". ...

css3_logo
CSS

Cascading Style Sheets are a great way to control the look and feel of the site without having to repeat style code on each HTML element. By defining styles for classes you can reuse style code over and over.  CSS classes are...

javascript_logo
Javascript

Javascript is a powerful tool for creating dynamic web content.  Web browsers have become faster and more powerful over time and the primary access to a web browser is through javascript. There are a lot of javascript libraries that are opensource and...

PHP

PHP is a powerful server side programming language that today runs a large portion of the web.  It has evolved over time into a full-fledged Object Oriented Programming language.  Objects allow creation of smaller reusable pieces of code that are far...