bh0 / corefrontendproject Goto Github PK

Website-demo: https://bh0.github.io/CoreFrontendProject/

About Project: A website using only Javascript, CSS and HTML - meaning no libraries or frameworks which is hosted on Github Pages

Tools:

• Text Editor - Atom IDE
• Command Line - Git Bash
• Browser - Opera
• Language/s - HTML, CSS, Javascript
• Version control - Git
• File Explorer - Windows File Explorer
• Operating System - Windows 10 (Home)

Specifications / Requirements

• Uses version control (Git)
• Uses core web technology and no frameworks / libraries (HTML/CSS/JS)
• Front end / client side only
• DOM Manipulation / Traversal
• 3 Pages Maximum
• Inspired by corporate / business, product / project websites
• Responsive
• An array of client side features
• A variety of effects
• Hosted via Git Pages

Time: < 24 Hours, start [] - end []

Learning / Reference Resources:

• https://www.youtube.com/watch?v=G7EIAgfkhmg
• https://www.youtube.com/watch?v=0ik6X4DJKCc
• Git Reference (Based on Try Git: https://www.youtube.com/watch?v=0ik6X4DJKCc)
• W3Schoos, Stackoverflow, CSSTricks, blogs etc (for reference + debugging)

Git Reference:

• git init - Creates new Git repo
• git status - Gives details on repo's state
• git add - add file/s to staging area
• git commit - send staged files to repo
• git log - to view changes
• git remote add
  • Remote repositories are the ones on Github, local repos are on your personal computer
• git push - tells Git where to put our commits when we're ready
• git push -u master - these commands will put our commits to the master branch of repository and remember the repository name for us
• git pull - gets changes from parameters ('<...>')
• git diff - identifies what is different/differences
  • HEAD - will check from our most recent commit
  • --staged - checks difference regarding the changes you've staged
• git reset - to unstage files
• git checkout - switch branches or restore working tree files
  • -- can be a filename
• git branch - create a new branch (for working on a varied version of project)
• git rm - remove files from the working tree and from the index
• git merge - merge branch into the master branch /?branch you're in?
• git branch -d - deletes the branch