Differences

This shows you the differences between two versions of the page.

--- eg-259:practicals:0 [2013/01/27 12:18] – [Step 2: Explore the Developer Tools] eechris
+++ eg-259:practicals:0 [2013/01/27 12:37] (current) – [Step 4: Install LAMP platform] eechris
@@ Line 12: / Line 12: @@
-Although you can get away with a basic web browser, text editor and access to a web server, web application development is somewhat more pleasant if the text editor "knows" about the application languages to be used and you have access to tools for developing, deploying and debugging client-side and server side code. In this module, I will be advocating use of a new editor from Adobe called Code Brackets. This is a web application, written in HTML5, CSS and JavaScript that is distributed as a desktop app (for Windows and the Macintosh). It is tuned for the editing of client-side languages HTML, CSS and JavaScript but in future is likely to be supportive of the server-side too.
+Although you can get away with a basic web browser, text editor and access to a web server, web application development is somewhat more pleasant if the text editor "knows" about the application languages to be used and you have access to tools for developing, deploying and debugging client-side and server side code. In this module, I will be advocating use of a new editor from Adobe called Brackets. This is a web application, written in HTML5, CSS and JavaScript that is distributed as a desktop app (for Windows and the Macintosh). It is tuned for the editing of client-side languages HTML, CSS and JavaScript but in future is likely to be supportive of the server-side too.
 The tool kit that I recommend for this module consists of:
   * The Google Chromium web browser (latest version is version 24)
-  * Adobe Code Brackets: a code editor for HTML, CSS and JavaScript written in HTML, CSS and JavaScript.
+  * Brackets: an open source code editor for HTML, CSS and JavaScript written in HTML, CSS and JavaScript.
 The downloading and installation of the full set of tools will take no more than half an hour to complete, and as all the software is free, it will cost you nothing but time and bandwidth.
@@ Line 40: / Line 40: @@
 Google Chrome, Safari and Firefox have their own built-in development tools and I will demonstrate some of these in one of the sessions to come. You may be interested in exploring the [[https://developers.google.com/chrome-developer-tools/|Chrome Developer Tools]] site for tutorials and videos to help you master these tools.
-[[eg-259:practicals:0|Back]] | [[eg-259:practicals:0#Step 2: Install LAMP platform|Next Step]]
+[[eg-259:practicals:0|Back]] | [[eg-259:practicals:0#Step 3: Install Code Brackets Editor|Next Step]]
-==== Step 3: Install Java Development Kit ====
-The Java Development Kit is a version of Java that includes the Java Virtual Machine. Follow [[eg-259:practicals:0:install-jdk|this link]] for full installation instructions.
-==== Step 4: Install Aptana Studio ====
+==== Step 3: Install Brackets Editor ====
-Aptana Studio is a free Interactive Development Environment that was built on top of Eclipse -- a popular application development environment for Java. It has been tuned for "open web" developers and provides excellent support for HTML, CSS, JavaScript, PHP and Ruby on Rails. Providing that you have the Java Development Kit 1.6 or better installed, the installation of Aptana Studio is straightforward. Goto the [[http://aptana.com/products/studio3|home page]] and download and run the installer. You may also wish to read the [[http://aptana.com/products/studio3/getting_started|Getting Started Guide]].
+Brackets is a free code editor for web applications that this being developed as an open-source product by Adobe. It is actually a web application itself and the coding has been done in HTML5, CSS3 and JavaScript. The installation of Brackets is straightforward. Goto the [[http://brackets.io/|the Brackets page]] and download and run the installer. You may also wish to watch this short video from Jeffrey Way on Nettuts+ [[http://net.tutsplus.com/tutorials/tools-and-tips/a-peek-at-brackets/|A peak at Brackets]].
+[[eg-259:practicals:0|Step 2: Explore the Developer Tools]] | [[eg-259:practicals:0#Step 4: Install LAMP platform|Next Step]]
-==== Step 5: Install LAMP platform  ====
+==== Step 4: Install LAMP platform  ====
-See [[eg-259:practicals:1|Practical 1]].
+See [[https://github.com/cpjobling/eg-259-vm|A Virtual Machine for the EG-259 Module (GitHub)]]. You may wish to sign-up for a free account on GitHub and install Git, VirtualBox and Vagrant for your machine as described in the section [[https://github.com/cpjobling/eg-259-vm#getting-started|Getting Stated]] to save some time in the practical.