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