#1. CLOUD9 IDE
This worksheet will teach you about cloud9 - an online integrated development environment - a place to write your code. The first thing to do is sign up at c9.io. If you already have github, you can sign in with that.
#1. CLOUD9 IDE
This worksheet will teach you about cloud9 - an online integrated development environment - a place to write your code. The first thing to do is sign up at c9.io. If you already have github, you can sign in with that.
#3. Add a file
Now, we are able to create our basic html page. If you have already done the Web Development worksheet, then you could download your work from that and then do file-upload local files to upload it. If not, then you can do file-new file and put in the following:
<!DOCTYPE html>
<html>
<head>
Test Page
Now, click the Preview button on the top bar (next to run). Select "live preview file", and then you will see your
html file rendered on the right, as it would look in a browser. Now, your can add some things to your previous html file. Don't close the preview! I'm going to add a link to
project tigr. I will put it between the </p>
and the </body>
.
<a href="https://www.project-tigr.co.uk">Go to tigr</a>
#5. Testing our Webpage
Click the run button next to preview, and you will see a new tab appear saying "run". Look for the line which says
"Starting Apache httpd, serving **https://________________________" **
Mine will be slightly different to yours. Copy and paste the bit in bold, and paste it into a new tab in your browser. Voila! You can see your webpage, and your links work properly. If you have a server error, check if there is a dot at the end of the url bar - eg "test.html**.**"
#6. Beyond...
We have just scratched the surface of what cloud9 can do. Maybe you want to test your website in different browsers without leaving your workspace. Maybe you want to try a language you've never tried before. Or perhaps you want to use an interpreter for your language, like the python console. I will show you how to do this.
// Available variables which can be used inside of strings. | |
// ${workspaceRoot}: the root folder of the team | |
// ${file}: the current opened file | |
// ${fileBasename}: the current opened file's basename | |
// ${fileDirname}: the current opened file's dirname | |
// ${fileExtname}: the current opened file's extension | |
// ${cwd}: the current working directory of the spawned process | |
// A task runner that calls the Typescript compiler (tsc) and | |
// Compiles a HelloWorld.ts program |
(add-to-list 'load-path "~/.emacs.d/el-get/el-get") | |
(unless (require 'el-get nil 'noerror) | |
(require 'package) | |
(add-to-list 'package-archives | |
'("melpa" . "http://melpa.org/packages/")) | |
(package-refresh-contents) | |
(package-initialize) | |
;; (package-install 'el-get) | |
(require 'el-get)) |
console.log('hello, world!') |