The following is a compilation (in a Cheat Sheet format) of the most common steps when starting a new web development project. It includes info on git, loading CSS and JavaScript files and how to debug your page.

Git Cheat Sheet

Create New Repository and Pushing Your New Project to Github

1. Go to https://github.com/
2. Find ‘New Repository’ option
3. Follow Process (Default Options are Fine)
4. Receive the following (terminal command) instructions

echo "# New_Repo_Demo" >> README.md 
git init
git add README.md 
git commit -m "first commit"
git remote add origin https://github.com/mujibsardar/New_Repo_Demo.git
git push -u origin master

Do this Instead (In Your Website Root Directory)

git init
git add . 
git commit -m "first commit"
git remote add origin https://github.com/mujibsardar/New_Repo_Demo.git
git push -u origin master

Working with Git After Initial Setup

Check Status

git status

See List of all Remote Repositories

git remote

Git Add and Push to Remote Repositories

git add .
git commit -m "Write a message describing your changes"
git push origin master

Clone / ‘Download’ Remote Repository to Current Directory

git clone https://github.com/username/name_of_repo

Simple (HTML CSS Javascript) Website Cheat Sheet

HTML5 Minimum Boilerplate Code

Load External Local Javascript File

Load External Remote JavaScript File via CDN

Load External Local CSS File

Load External Remote CSS File

Loading jQuery CDN (Check Version Number)

Loading jQuery After Downloading it (Use Correct Path and Name)

Load Remote Bootstrap (Check https://getbootstrap.com for Latest Version)

Load Local Bootstrap After Downloading it (Both JS and CSS)

View and Debug Website

Load Your index.html via Chrome

Open Inspect Console in Chrome

Check Console Output (Click Console Tab)

Check Network Activity (Click Network Tab)

Between both of these inspect options you should be able to detect most problems associated with loading your site.

End of Cheat Sheet

Please feel free to comment anything else you feel that needs to be on this cheat sheet.

Additionally, reach out to me on my homepage if you have you any questions or would like to work with me.

Happy Coding!

The post Web Development Cheat Sheet appeared first on Coding Simplified.