1. CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Tools of Web Development 2: The Emacs Editor

2. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Goals To understand why we use EmacsTo understand why we use Emacs To understand how you can use Emacs to enhance your productivity in editingTo understand how you can use Emacs to enhance your productivity in editing To learn the basic Emacs commandsTo learn the basic Emacs commands To learn how to work with multiple buffersTo learn how to work with multiple buffers To learn how Emacs can be used as a work environmentTo learn how Emacs can be used as a work environment

3. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Questions?

4. Developing on a Unix Server While good for simple tasks, Notepad does not give you the power of a full- fledged programming editor.While good for simple tasks, Notepad does not give you the power of a full- fledged programming editor. Notepad lacks the tools need to write effective code (proper indention, macros, etc.).Notepad lacks the tools need to write effective code (proper indention, macros, etc.). Notepad requires that you do everything locally and then transfer files to the server.Notepad requires that you do everything locally and then transfer files to the server.

5. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Other Editors Unix EditorsUnix Editors –Pico (primitive; not good for programming) –Vi –Emacs Windows EditorsWindows Editors –TextPad –Emacs for Windows

6. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Why Learn Emacs? Emacs is good for programmingEmacs is good for programming Emacs is pervasiveEmacs is pervasive Emacs is freeEmacs is free Emacs is powerfulEmacs is powerful Emacs can increase productivityEmacs can increase productivity

7. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science The Good, The Bad & The Ugly Can be challenging to learnCan be challenging to learn Requires memorizationRequires memorization Learning curve pays for itself in the end!Learning curve pays for itself in the end!

8. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Minibuffer Buffer Mode Line

9. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Using Control Key Keystrokes Used as a part of a combinationUsed as a part of a combination Hold DOWN the control key when using a Control-key combinationHold DOWN the control key when using a Control-key combination Usually abbreviated: “C-x C-s”Usually abbreviated: “C-x C-s”

10. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science The Meta Key Key on the “virtual” keyboardKey on the “virtual” keyboard Mapped differently from computer to computerMapped differently from computer to computer Windows:Windows: Macintosh:Macintosh: Unix:Unix:

11. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science The Meta Key Used as part of a combinationUsed as part of a combination PRESS AND RELEASE the meta key before pressing the second key of the combinationPRESS AND RELEASE the meta key before pressing the second key of the combination Usually abbreviated: “M-x %”Usually abbreviated: “M-x %”

12. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Let’s Take a Tour of Emacs …

13. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Questions?