AVAILABLE NOW: Front-End Developer Handbook 2017
Learn Code Editors
A source code editor is a text editor program designed specifically for editing source code of computer programs by programmers. It may be a standalone application or it may be built into an integrated development environment (IDE) or web browser. Source code editors are the most fundamental programming tool, as the fundamental job of programmers is to write and edit source code.
Front-end code can minimally be edited with a simple text editing application like Notepad or TextEdit. But, most front-end practitioners use a code editor specifically design for editing a programming language.
However, I do strongly believe, minimally, a code editor should have the following qualities (by default or by way of plugins):
- Good documentation on how to use the editor
- Be customizable by way of a plug-in architecture
- Have available a large repository of third-party/community plug-ins that can be used to customize the editor to your liking
- Be small, simple, and not coupled to the code (i.e., not required to edit the code)
I personally use and recommend Sublime Text with the following plug-ins.
- Color Highlighter
- HTML-CSS-JS Prettify
- Package Control
Here are some resources for learning Sublime:
- Perfect Workflow in Sublime Text 2 [watch][requires login, but free]
- Sublime Productivity [read][$]
- Sublime Text 3 From Scratch [watch][$]
- Sublime Text Power User Book [read + watch][$]
Online Code Editors:
Sharable/Runnable Code Editors:
Used to share limited amounts of immediately runnable code. Not a true code editor but a tool that can be used to small amounts of immediately runnable code in a web browser.