Timeline

• 1968: Beranek and Newman Inc. (BBN) unveils the final version of the Interface Message Processor (IMP) specifications. BBN wins ARPANET contract
• 1969: On Oct. 29, UCLA’s Network Measurement Center, Stanford Research Institute (SRI), University of California-Santa Barbara and University of Utah install nodes. * The first message is "LO," which was an attempt by student Charles Kline to "LOGIN" to the SRI computer from the university. However, the message was unable to be completed because the SRI system crashed.
• 1972:BBN’s Ray Tomlinson introduces network email. The Internetworking Working Group (INWG) forms to address need for establishing standard protocols.
• 1973: Global networking becomes a reality as the University College of London (England) and Royal Radar Establishment (Norway) connect to ARPANET. The term Internet is born
• 1974: The first Internet Service Provider (ISP) is born with the introduction of a commercial version of ARPANET, known as Telenet.
• 1981: The National Science Foundation (NSF) provided a grant to establish the Computer Science Network (CSNET) to provide networking services to university computer scientists.
• 1982: Transmission Control Protocol (TCP) and Internet Protocol (IP), as the protocol suite, commonly known as TCP/IP, emerge as the protocol for ARPANET. This results in the fledgling definition of the Internet as connected TCP/IP internets. TCP/IP remains the standard protocol for the Internet
• 1983: The Domain Name System (DNS) establishes the familiar .edu, .gov, .com, .mil, .org, .net, and .int system for naming websites. This is easier to remember than the previous designation for websites, such as 123.456.789.1
• 1985: Symbolics.com, the website for Symbolics Computer Corp. in Massachusetts, becomes the first registered domain
• 1989: The World wide web was invented by Sir Timothy John "Tim" Berners-Lee, an engineer and computer scientist from Great Britin, working as a professor at MIT and CERN Laboratory
• 1991: The first line browser (called www) was used on the CERN network.
• 1992: WWW browser was available for download via FTP by CERN. This was the big start for the world wide web.
• 1993: The National Science Foundation created InterNic which consists of three organizations:
  • AT&T to handle database services
  • Network Solutions, Inc. to handle host and domain name registrations and IP assignments
  • General Atomics to handle information services
• 1994: The Internet grows significantly since it was open for commercial use. The National Science Foundation announced the following four major network access points (NAPS):
  • San Francisco by Pac Bell
  • Chicago by Ameritech
  • New York by Sprint
  • Washington DC by Metropolitan Fiber Systems

Boilerplate Definitions

• Doc: filename extension for word processing documents

• Toc.md : Table of contents

• Css.md: cascading style sheets are used to format the layout of web pages

• Extend.md: is a feature in a computer that allows a user to extend viewing capabilities by using two or more monitors at the same time

• Faq.md: Frequently answered questions they are created for software programs, computer hardware, websites, and online services.

• Html.md: Hypertext markup language to format text and graphics

• Js.md: Javascript is a programming language commonly used for web development

• Misc.md: Minimal instruction set computer is a processor architecture with a very small number of basic operations and corresponding opcodes

• Usage.md: To set the basic structure, add some site, run your site, and deploy your site

• Img: Image stored in a computer device

• .gitignore: file specifies intentionally untracked files that Git should ignore

• Js: Javascript is a programming language commonly used for web development

• Main.js: It is used for initialization, and the other files contain application logic

• Plugins.js: a common code written in javascript which can be used in website development instead of writing our own javascript code

• .editorconfig:project: consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles.

• .gitattributes: is a simple text file that gives attributes to pathnames.

• .gitignore: file specifies intentionally untracked files that Git should ignore

• 404.html: is an error that is displayed when the server fails to locate the page or file that the user requests.

• Browserconfig.html: define site conformations such as notifications

• Favicon.ico: a small icon that identifies a website in a web browser

• Humans.txt: a representation of data or information that can be naturally read by humans.

• Icon.png: your computer screen represents an object or a program on your hard drive.

• Index.html: the front page. It is the URL or local file that automatically loads when a web browser starts and when the browser's 'home' button is pressed.

• Robots.txt: It is a protocol that is a standard used by websites to communicate with web crawlers and other web robot.

• Site.webmaifest: defines the developers' preferred display mode for the website.

• Tide-file. Png: A Tile is an image that represents your app on the Start screen.

Boilerplate Definitions

• Doc: filename extension for word processing documents

• Toc.md : Table of contents

• Css.md: cascading style sheets are used to format the layout of web pages

• Extend.md: is a feature in a computer that allows a user to extend viewing capabilities by using two or more monitors at the same time

• Faq.md: Frequently answered questions they are created for software programs, computer hardware, websites, and online services.

• Html.md: Hypertext markup language to format text and graphics

• Js.md: Javascript is a programming language commonly used for web development

• Misc.md: Minimal instruction set computer is a processor architecture with a very small number of basic operations and corresponding opcodes

• Usage.md: To set the basic structure, add some site, run your site, and deploy your site

• Img: Image stored in a computer device

• .gitignore: file specifies intentionally untracked files that Git should ignore

• Js: Javascript is a programming language commonly used for web development

• Main.js: It is used for initialization, and the other files contain application logic

• Plugins.js: a common code written in javascript which can be used in website development instead of writing our own javascript code

• .editorconfig:project: consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles.

• .gitattributes: is a simple text file that gives attributes to pathnames.

• .gitignore: file specifies intentionally untracked files that Git should ignore

• 404.html: is an error that is displayed when the server fails to locate the page or file that the user requests.

• Browserconfig.html: define site conformations such as notifications

• Favicon.ico: a small icon that identifies a website in a web browser

• Humans.txt: a representation of data or information that can be naturally read by humans.

• Icon.png: your computer screen represents an object or a program on your hard drive.

• Index.html: the front page. It is the URL or local file that automatically loads when a web browser starts and when the browser's 'home' button is pressed.

• Robots.txt: It is a protocol that is a standard used by websites to communicate with web crawlers and other web robot.

• Site.webmaifest: defines the developers' preferred display mode for the website.

• Tile-wide. Png: A tile is an image that represents your app on the start screen

  Index

<!doctype html> : it is an instruction to the web browser about what version of HTML the page is written in.

html class="no-js" lang="" : This mentions that there is no java script as a language

head : The heading of the html command page

meta charset="utf-8": That meta tag basically specifies which character set a website is written with. UTF-8 (U from Universal Character Set + Transformation Format—8-bit) is a character encoding capable of encoding all possible characters (called code points) in Unicode.

Title /title: Title tag of the document

meta name="description" content="": The meta tag provides metadata about the HTML document. ... Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.

Meta name="viewport" content="width=device-width, initial-scale=1": The meta specifies to name it viewpoer and speciifies the scale it should have

link rel="manifest" href="site.webmanifest": It mentions the link and the link name

link rel="apple-touch-icon" href="icon.png": It mentions the link and the link name

link rel="stylesheet" href="css/normalize.css":It mentions the link and the link name

link rel="stylesheet" href="css/main.css": It mentions the link and the link name

meta name="theme-color" content="#fafafa": Says the color name for the meta

/head: closes the heading

body: The beginning tag for body

P Hello world! This is HTML5 Boilerplate. /p: Starts the paragraph with this name

script src= "js/vendor/modernizr-((Modernizr_Version)). mini.js"/ Script: It specifies the URL of an external script file which is Modernizr

GitHub Tutorial

1. Download and install the latest version of GIT
2. Create an account on Github by using your email address
3. Download web storm
4. Create a repository to start a new project
5. Once you get a git repository, use it to clone it on webstorm
6. There two different ways to add your code on github: Webstorm or github (Look at the appropriate program steps you need
7. Github: 1. Write your code on github
8. Github: 2. Go to webstorm go to VCS, git then click pull
9. Github: 3. Go to master branch to merge the information from git. Click on master branch to click on merge into current
10. Webstorm: 1. Write your code on webstorm on your branch
11. Webstorm: 2. On webstorm go to VCS, Git, Commit, Write the task you are doing that for that line. Try to commit for every line possible so it will be easier to track your code
12. Webstorm: Go to VCS, git then click push
13. Webstorm: Go to master branch to merge the information from git. Click on master branch to click on merge into current ![alt.text[(img/MergeIntoCurrent.png "MergeIntoCurrent"

GitHub Definitions

• GIT: A distributed version-control system for tracking changes in source code during software development.

• GIThub: A web-based hosting service for version control using Git. It is mostly used for computer code

• Repository: Generically refers to a central place where data is stored and maintained

• Clone: Creates a local copy of a project that already exists remotely. The clone includes all the project’s files, history, and branches.

• Commit: Saves the snapshot to the project history and completes the change-tracking process. In short, a commit functions like taking a photo.

• Push: Updates the remote repository with any commits made locally to a branch

• Pull: Updates the local line of development with updates from its remote counterpart. Developers use this command if a teammate has made commits to a branch on a remote, and they would like to reflect those changes in their local environment.

• Branch: Shows each section of being worked on locally.

• Merge: This command is typically used to combine changes made on two distinct branches. For example, a developer would merge when they want to combine changes from a feature branch into the master branch for deployment.

• Merge Conflict: Sometimes when you get merge conflicts when merging or pulling from a branch. It will tell you to fix it and and then commit your results.

• Fetch: Related to getting, reading, or moving data objects

• Remote: A user does not have physical access, but which he or she can access or manipulate via some kind of computer network.