Write Your Own Web Applications

You want to create your own web applications. GitHub is a good place to learn and to share what you have learned.

You can see links to specific tutorials in the side bar on the left.

Nim
A game to play agains the computer, which uses artificial intelligence to beat any unelightened player. As you develop the game, you will be learning to write HTML, CSS and JavaScript. You will also learn how to use GitHub to save and display your work, and how to write code that tests your code.
Text Selection
Write a script to select hyphenated words whole, and to move the selection from word to word with the arrow keys
Selecting Thai Words
Thai words are not separated by spaces. Learn how to a dictionary to define where word boundaries occur.
Annotations
An extension for the Chrome browser that allows you to share notes that you make about the web pages that you visit
Language Reference
Connecting to Google Translate, Wiktionary and other language reference sites
Notebook
A Meteor web site that works in conjunction with the Annotations extension to save your notes to a Neo4j database

Before you begin

To get started, you will need five things:

  1. A free GitHub account. If you do not already have an account here on GitHub, you can click here to create your own account. This will allow you to:
  2. The open source Git application. This allows you to communicate with GitHub (and many other similar sites), by typing commands. There is a good chance that it might already be installed on your computer. See Getting Git (part of the Nim tutorial) for more details.
  3. A web browser. This is where you will see your games in action. I recommend Google Chrome. You can click here to download Google Chrome.
  4. A text editor. This is where you will write your code, and save it as plain-text files. A text editor that is designed for writing code will help you in many ways. Computers do exactly what you tell them to do, even if you tell them the wrong things. A dedicated text editor will make it easier for you to find the right words to use, and to find where you have used the wrong words or the wrong structure. I can recommend Sublime Text, which you can download here.Sublime Text has an unlimited trial period, but it is not free software. It will remind you regularly to purchase your own copy.
  5. A Terminal application. On Windows, this is known as the Command Prompt. You will use your Terminal application to connect with your GitHub account, and to put your work online. Visit this link to discover how to find the Terminal application on your computer.

All the screen shots for the OpenBook tutorials have been taken using Google Chrome and Sublime Text. You will probably find the tutorials easier to follow if you use the same applications, too.

If you have any difficulty anywhere in this site, please let us know about it, and we'll do our best to deal with it for you. Your questions and suggestions can help us make this site better.