Adobe Edge Code and Brackets: First Look

with Ray Villalobos
please wait ...
Adobe Edge Code and Brackets: First Look
Video duration: 0s 44m 32s Intermediate


Get a first look at Edge Code, the impressive new code editor from Adobe, and its open-source cousin Brackets. Learn about the differences between the open-source and the commercial flavors of the software, and the exclusive features you get with Edge Code, such as Quick Edit, Live Previews, and integration with Creative Cloud features like Typekit and Edge Inspect.

Topics include:
  • What are Edge Code and Brackets?
  • Installing Edge Code and Brackets
  • Working with files
  • Adding custom fonts
  • Using Edge Inspect CC
Developer Web
Edge Code Brackets


- Hey there, this is Ray Villalobos, and welcome to Adobe Edge Code and Brackets: First Look. In this short course, I'm gonna show you the features in Adobe's impressive new code editor, which comes in two different packages: Adobe Edge Code, and Brackets. I'll start by showing you what the differences are between Edge Code and Brackets, and how the interface is set up, plus how to work with files in the application. Then, we'll examine how the editor works, how to customize your interface, and how to navigate and search through documents. We'll also examine some of the unique features of Edge Code and Brackets, including quick edits, live previews, and how to extend the applications through plugins.

Finally, I'll show you some of the unique features in Edge Code that makes it easier to work with Creative Cloud improvement like Typekit and Edge Inspect. Adobe Edge Code and Brackets are not just new editors, but new paradigms of how you work with HTML, CSS, and JavaScript. Let's get started.

please wait ...