Code Faster with the Adobe's Code Editor, Brackets

4.7 Average Customer Rating

Code for the front end — faster

  • 25 Videos
  • 2 hours 22 minutes
  • 2281 Happy Students

About the course

It’s not hard to use a code editor. But the trick to more efficient coding is to make your editor work for you.

Brackets is an editor that’s specifically geared to the needs of front-end devs and designers. And it’s open source, so it enjoys frequent updates from its community, led by a team from Adobe.

In this course, Lisa Catalano shows you how to customise Brackets to suit your workflow, and use its most powerful features.

If you work on the front end, you’ll code more efficiently with Brackets.

  • 25 Videos
  • 2 hours 22 minutes
  • 2281 Happy Students

Courses Outline

Lesson 1: Introduction
Free
Shortcuts
2:04
Lesson 2: Brackets Installation and How to Use
Installing Brackets
2:29
Customize the Workspace
5:26
Opening Projects and Files
4:14
File Management
3:07
Quick Open
4:31
Live Preview
4:07
Lesson 3: Editing Code
Writing HTML
4:49
Editing Shortcuts
7:03
Moving Cursors
3:17
Selecting Text
4:16
Lesson 4: Editing CSS with Quick Edit
Quick Edit CSS
7:20
Quick Edit Shortcuts
7:22
Color Picker and Transition Editor
4:37
Lesson 5: Live Preview Highlight
Live Preview Highlight
7:08
Lesson 6: More Editing Code
Moving Code
4:26
Find and Replace
6:55
Find and Replace Exclusion Sets
7:32
Multiple Cursors
11:40
Lesson 7: JavaScript, Customization and Troubleshooting Brackets
Navigation (Go To)
8:12
JavaScript Hints and Linting
6:43
Custom Preference
5:36
Custom Key Maps
6:24
Extension Manager
6:39
Troubleshooting Brackets
6:17
  • 25 Videos
  • 2 hours 22 minutes
  • 2281 Happy Students