Web Development

What is HTML?

HTML means Hyper Text Markup Language. It is the standard markup language for documents designed to be displayed in a web browser. HTML elements are the building blocks of HTML webpages.

CSS

CSS stands for Cascading Style Sheets. It is a style sheet language used for describing the presentation of a document written in a markup language such as HTML.

Basics of CSS

  • Use the HTML style attribute for inline styling
  • Use the HTML <style> element to define internal CSS
  • Use the HTML <link> element to refer to an external CSS file
  • Use the HTML <head> element to store <style> and <link> elements

  • Use the CSS color property for text colors
  • Use the CSS font-family property for text fonts
  • Use the CSS font-size property for text sizes
  • Use the CSS border property for borders
  • Use the CSS padding property for space inside the border
  • Use the CSS margin property for space outside the border

Version Control

Version Control is a system that records changes to a file or set of files over time so that you can recall specific versions later. It allows the user to revert any changes made and compare changes over time.

Editor that I use

Currently using Atom.io editor to edit my webpages. I find that it is easy and simple to use.

Updating Github Repository

After working on my live folder, in order to update my repository through Git, I have to first open Command Prompt, and use cd (folder location) as shown in the pic above.

After that I will use git add --all in order to add the files to the staging area.

To commit the changes, I use git commit -m "Commit message".

To check, I use git status.

Once I've checked that its the right commit, I will initiate git push to upload to the online repository.

GitHub Desktop

After learning more about GitHub, I came across GitHub Desktop which is a much simpler option for updating GitHub repositories.

To get set up, all I have to do is to create a repository, link with Atom.io editor, and just add the existing repository I have created with Git.

Whenever I make any changes to my files, I can just goto GitHub Desktop to commit and push my changes without going through the hassle of going through the steps in Command Prompt.

I am also able to view the history of all of the changes I have made and undo any changes if I want to, which is very helpful.