Learn Web Development with Camero Jones.

First things first, my advise on passwords.

It is my opinion that you will need a total of five passwords to keep yourself and client's safe. The greatest danger to most is the usage of a single password, especially their Wifi password. This Pre-Shared Key is visible to your cable companies IT department and to any who can test if you did not reset the router's default un and pw.

  1. First set your router admin un and pw. You would be amazed of how many people keep the default login credentials of admin and password. There is a link below to configure your router setup.
  2. Second, you will need to set your admin login with your cable company who owns your router.
  3. Third you will need to set your routers Wifi password from your cable companies admin page.
  4. Fourth you will need to set your un and pw to your web services, Go Daddy, Rack Space, etc.
  5. And fifth, setup a strong password for FTP and SFTP
  6. I also recommend a sixth pw when data binding to your databases.

My personal advice on web developing.

  1. Dont try to remember a thing. The www has become way to complex. Your job is to build a web reference library via bookmarks, JQuery tabbed panels, database, etc and use RAD.
  2. Categorize bookmarks by subject/topic.
  3. Link to code blocks were you can copy paste and build snippet library by subject/topic.
  4. To get a job you will have to wear many hats and be proficient in one or two e.g. JavaScript or PHP and MySQL.
  5. Take a graphic design class, but form follows function, so study modern security, protocols, and principles.

Important Links

You will need to setup your router: Setup Router

You will need a HTML editor or RAD: List of HTML editors

It's free with loads of features, still like Dreamweaver also: My favorite IDE

Learn HTML, CSS JavaScript, PHP, MySQL free and start making money: Visit W3Schools!

Add color to your rainbow: W3 HTML Color Picker

Demonstrate the graphic elements of a document or visual presentation: HTMML Ipsum

Why do tall things topple over?: Correct way to center things

You will need a FTP/SFTP application: FileZilla

Triple your salary by being able to implement the information on this page: OWASP PHP Cheat Sheet

A picture is worth a thousand words, free media: Wikimedia Commons

Better safe than sorry: SSL Server Test

My favorite PHP and MySQL authors and the two books that will help you land a job.

  1. Dave Powers: PHP Solutions: Dynamic Web Design Made Easy
  2. Kevin Yank: PHP & MySQL: Novice to Ninja

Tutorial 1. Let us start Learning Web Development.

What we will learn.

  1. HTML5
  2. CSS
  3. JavaScript
  4. PHP
  5. FTP

What you will need.

  1. A testing environment like XAMPP on your local machine (instructions on this website)
  2. A remote hosted site, shared, virtual, or dedicated from Go Daddy, Host Gator, etc. I recommend starting with a LINUX hosted server with cPanel to start with.
  3. A HTML editor or IDE
  4. A FTP/SFTP UI such as File Zilla
  5. Recommended: TLS/SSL certificate

I will be using NetBeans IDE on Windows.

Step 1. open up the XAMPP control panel from start menu and Start Apache by clicking Start in Actions pane.

Step 2. go to vhosts folder set up in C:vhosts and create/name your website server directory/folder.

Step 3. open IDE, select File/New Project/Select a PHP project in Categories window and PHP Application with Existing Sources in Projects window. Hit Next. Select Sources Folder by clicking browse and locate C:\vhosts\mywebsite\ and name project. Select next. Select Server/Local Website. Now for the file path. If you set up port 8080 in config file the address will be http://myservername:8080/. Select Finish. This will create Project in Projects window.

Step 4. In IDE select File/New File/New Folder in Categories/Other in Categories window and in Projects window, create css, img, js, incl folders.

Step 5. prepare local host directory and file setup setup inside your website name root directory with below instructions.

Note: these tutorials are for beginners and the snippets are heavily commented.

  1. www or root directory, we are using C:vhosts for local development.
    1. file: index.php snippet
    2. Create by clicking File/New File, click PHP in Categories window and PHP web page in Projects window. Copy and paste snippet into index.php, save.
  2. js directory inside www directory
    1. file: script.js snippet
    2. Create by selecting js directory in Projects window, right click New/JavaScript File, name. Copy and paste snippet into script.js, save.
  3. css directory inside www directory
    1. file: style.css snippet
    2. Create by selecting css directory in Projects window, right click New/Cascading Style Sheet File, name. Copy and paste snippet into style.css, save.
  4. incl directory inside www directory
    1. footer.php snippet
    2. Create by selecting incl directory in Projects window, right click New/PHP File, name. Copy and paste snippet into footer.php, save.
  5. img directory inside www directory
    1. me.jpg
    2. Any image jpg file will work.

Note: the snippets contain a line break at top. Remove that in any PHP files to avoid any headers already sent errors in future scripts.

Step 6. In NetBeans, hit Source, Format to tighten up code formatting.

Step 7. Right click in file window, select Run File. This will open up file in your localhost testing server to whatever Browser is selected in the NetBeans IDE's Default Browser settings.

Setting up remote server to host your site on the WWW.

Note: there is no personal data on this tutorial so we do not need to install SSL/TLS or SFTP for this tutorial.

Note: I will be using a Go Daddy shared hosting account with cPanel for this tutorial.

Step 1. Purchase a domain name and open a LINUX hosting account with cPanel with Go Daddy, Host Gator, etc. For this tutorial a shared hosting plan would be fine. A .com name and hosting should not cost more than $15.00 to start with for first month, then about $7.00 - $12.00 per month afterwards. Check out sales and free SSL/TLS certificates with any hosting plans for future site needs.

Step 2. After purchasing account, Sign In from website. Go to My Products, Web Hosting, Manage. This will take you to cPanel page.

Step 3. First thing is to set up a FTP user account. The first section in cPanel is Files. Click on FTP Accounts. This will take you to your FTP user account's page. Fill out text fields to create an admin FTP account. You will use the Login information from the Special User account you just set up from the Configure FTP Client link on the bottom right of page.

Step 4. download FileZilla from above Important Links and install on your computer and open application.

Step 5. In FileZilla insert the name of your host/domain name without the www, your username, password. Click Quick Connect and you should be be connected from your computer to your remote server.

Step 6. FileZilla has two windows, the left, your computer, and on the right the remote computer. On the left pane, navigate to C:\vhosts\yourwebsite\ to make shure you are transfering correct files. Go Daddy will have some default folders set up, do not load folders or files into these folders. Folder/directories can be dragged and dropped from left to right panes to upload entire directories. To load index.php, double click to upload single files. Your directory listing should look identical to your testings server except for the default folders placed there by Go Daddy.

Step 7. Navigate to your website's address in your browser.

Note: If you have any problems with getting your site to work, call your hosting company or send me and E-mail if you think there is something wrong with the tutorial.


© 2017 Camero Jones