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

Timber is a great plugin for those PHP developers who like to use the Twig Templating Language. It extends the standard Twig install with support for many of the built in WordPress objects and variables necessary for theme development. Check out more here Timber Library It is...

a2ensite default-ssl (where default-ssl is your site name) How to article...

[vc_row row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" angled_section_position="both" angled_section_direction="from_left_to_right" text_align="left" background_image_as_pattern="without_pattern" background_color="#ffffff" css=".vc_custom_1431198812124{padding: 20px !important;}"][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="585" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]Angular JS provides a powerful and intuitive new way of creating web applications.  Angular extends the DOM to give developers far more power within HTML.[/vc_column_text][vc_column_text]By using...

[vc_row css=".vc_custom_1433005449489{background-color: #ffffff !important;}" row_type="row" use_row_as_full_screen_section="no" type="full_width" parallax_content_width="in_grid" angled_section="no" angled_section_position="both" angled_section_direction="from_left_to_right" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="184" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]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...

[vc_row][vc_column width="1/1"][vc_column_text]A few changes need to be made to the Apache configuration in order to enable more than one SSL cert on a single server.[/vc_column_text][/vc_column][/vc_row][vc_row css=".vc_custom_1426353780403{margin-top: 20px !important;margin-bottom: 20px !important;}" row_type="row" use_row_as_full_screen_section="no" type="full_width" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/1"][vc_raw_html]JTI2bHQlM0JJZk1vZHVsZSUyMG1vZF9zc2wuYyUyNmd0JTNCJTBBJTNDZGl2JTIwc3R5bGUlM0QlMjJwYWRkaW5nLWxlZnQlM0ElMjAzMHB4JTNCJTIyJTNFJTBBTmFtZVZpcnR1YWxIb3N0JTIwJTJBJTNBNDQzJTBBJTNDYnIlMkYlM0UlMEFMaXN0ZW4lMjA0NDMlMEElM0MlMkZkaXYlM0UlMEElMjZsdCUzQiUyRklmTW9kdWxlJTI2Z3QlM0I=[/vc_raw_html][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_column_text]Make sure to remove the listener on port 443...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="521" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]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...

[vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="163" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]Example code for inserting a new object into Parse.com's datastore. [gist]341693e421a36573ef06[/gist][/vc_column_text][/vc_column][/vc_row]...

[vc_row css=".vc_custom_1424721477741{margin-bottom: 20px !important;}" row_type="row" use_row_as_full_screen_section="no" type="full_width" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/1"][vc_single_image image="509" border_color="grey" img_link_target="_self"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]This will allow step by step debugging of code within phpStorm.[/vc_column_text][vc_column_text] Install the xdebug package sudo apt-get install php5-xdebug [/vc_column_text][vc_column_text]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...

[vc_row][vc_column width="1/1"][vc_column_text]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...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="333" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_accordion collapsible="yes" style="accordion"][vc_accordion_tab title="Initial Setup"][vc_column_text]Update apt-get apt-get update Upgrade apt-get apt-get upgrade 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...

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 - verbose (tar command will display progress) p...

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...

[vc_row][vc_column width="1/1"][vc_text_separator title="Adding a user" title_align="separator_align_left"][vc_column_text] useradd username [/vc_column_text][vc_text_separator title="Setting a user's password" title_align="separator_align_left"][vc_column_text] passwd username [/vc_column_text][/vc_column][/vc_row]...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="156" alignment="center" style="vc_box_border"][/vc_column][vc_column width="5/6"][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row]...

[vc_row css=".vc_custom_1424225228029{margin-bottom: 20px !important;}" row_type="row" use_row_as_full_screen_section="no" type="full_width" text_align="left" background_image_as_pattern="without_pattern"][vc_column width="1/6"][vc_single_image image="159" border_color="white" img_link_target="_self" alignment="center" style="vc_box_border_circle"][/vc_column][vc_column width="2/3"][vc_column_text]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...

[vc_row][vc_column width="1/1"][vc_text_separator title="Reference & Learning" title_align="separator_align_left" color="grey"][vc_column_text] 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/[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][vc_text_separator title="PHP" title_align="separator_align_left" color="grey"][vc_column_text] phpStorm Arguably the best PHP IDE out there. https://www.jetbrains.com/phpstorm/ Aptana3...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="160" alignment="center" style="vc_box_border_circle"][/vc_column][vc_column width="5/6"][vc_column_text]Wordpress started out as opensource blogging software and has evolved into one of the most popular CMS (Content Management System) tools on the planet.[/vc_column_text][/vc_column][/vc_row]...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="162" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]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[/vc_column_text][vc_text_separator title="VirtualHost Example" title_align="separator_align_left" border="no"][vc_column_text]for setting up a virtual host that will handle a primary...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="161" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]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[/vc_column_text][/vc_column][/vc_row]...

[vc_row][vc_column width="1/6"][vc_single_image border_color="white" img_link_target="_self" image="157" alignment="center" style="vc_box_outline"][/vc_column][vc_column width="5/6"][vc_column_text]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". [/vc_column_text][/vc_column][/vc_row]...