Learn Brackets - The Open Source Text Editor
4.3 (791 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14,952 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Brackets - The Open Source Text Editor to your Wishlist.

Add to Wishlist

Learn Brackets - The Open Source Text Editor

Brackets is the free, open source code editor. Explore its many powerful features in this tutorial!
4.3 (791 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14,952 students enrolled
Created by Daniel Stern
Last updated 4/2015
English
Price: Free
Includes:
  • 1 hour on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Download and install Brackets
  • Use brackets to edit documents
  • Install and remove plugins and themes
View Curriculum
Requirements
  • This course is appropriate for anyone. No preparation is required
Description

This comprehensive course explores Brackets, the open source code editor by Adobe.

We will go from A to Z with Brackets in this tutorial series, first learning some of the back story behind it, then installing it, and finally becoming acquainted with its many features.

You will learn:

• How to install Brackets on your PC or Mac
• How to open and save files in Brackets
• How to add new Projects to Brackets
• How to install brackets plugins
• How to use the brackets live editor
• How to use Brackets live preview
• How to take advantage of Quick Docs to rapidly prototype CSS

Brackets has many practical features. This tutorial series will cover everything you need to get fully set up with Brackets. You'll learn managing files and projects, as well as navigation. You'll also install powerful plugins using the power of Brackets' growing community.

Brackets' unique features will also be explored in this tutorial. Use live preview to edit your CSS in Brackets and see it update in real time. The live editor will also let you write CSS styles faster than you ever thought possible.



Who is the target audience?
  • This course is appropriate for absolute code beginners!
  • It is also appropriate for people who are familiar with a different editor like Sublime and want to learn a new one
Students Who Viewed This Course Also Viewed
Curriculum For This Course
16 Lectures
01:05:23
+
Introducing Brackets
16 Lectures 01:00:23

In this video, we'll gain a basic overview of the free, open-source text editor, Brackets.


We'll learn about Adobe's relationship with it's main developer, Adobe, and the open source community. We'll also have a quick look at Brackets' most attractive features.

Introduction to Brackets
03:40

This handy PDF summarizes the introductory section on Brackets.

Introduction Summary
4 pages

In this tutorial, we will install Brackets on our machine.

Installing Brackets
03:20

Brackets has a unique and lightweight interface. Brackets is designed to "stay out of your way."

To prevent Brackets' many features from going unnoticed due to their covert nature, this tutorial will detail the location and function of all the elements of the Brackets interface.

We'll learn about the Project Panel, the plugin bar, the document panel, working files, and more.

The Brackets Interface
06:14

In this tutorial, we will have a look at Brackets' built in file editor. We'll create a new file, write code, and save the file. We'll also look at Brackets' intuitive project system.

Bonus: We'll look at some useful Brackets keyboard shortcuts.

Editing A Document
03:40

Brackets is the community powered code editor. Plugins are a huge part of the brackets experience.

In this tutorial, we will install a plugin Emmet, and a theme, Black Mint, in Brackets. We will also learn how to remove a plugin.

Installing a Plugin
05:03

Clean and error-free code is at the heart of sustainable, complex projects.

Brackets is designed with this is in mind with first-class code linting and hinting, especially with JavaScript and CSS. Learn more in this tutorial.

Code Linting
05:15

Navigating a project quickly can mean the difference between lost time and a job well done. Brackets has an excellent navigation menu that we'll explore.

In this tutorial, we'll learn about Quick Open, Go To Line, Show in File Tree, and much more.

Navigation
03:33

Plugins are a core part of the Brackets experience. What better way to expand your Brackets abilities than to learn about some of the plugins available for your disposal?

In this very special tutorial, we'll explore and install some of the more popular brackets tutorials. At the end of this lecture, the user will have Brackets fully integrated with several useful Plugins, including GIT, Minimap, HTML Hint, and more.

Popular Brackets Plugins
10:02

From time to time, you'll need to update your plugins to keep them up-to-date.

In this video we will go through the procedure of updating plugins. After viewing this tutorial, users will be able to update Brackets plugins.

Updating Plugins
01:13

In this document you will find a diagram detailing the individual components of Brackets' interface. Brackets has a philosophy of trying to not get in your way. An unintended consequence of this is that some key features are tricky to locate!

Feel free to print out this document and refer to it as often as you like.

Brackets Interface Cheat Sheet
1 page

The live editor is one of Brackets' most innovative features. It is simple and elegant, but its unobtrusive design means that some developers may not even know it's there!

In this tutorial, we will use the live editor feature of Brackets, and edit code in a CSS file while we have an HTML file open.

Live Editor
03:07

Documentation is an important part of any developer's workflow. By using documentation effectively, you can write better code, more quickly. Brackets takes this to a whole new level by introducing "Quick Docs" for CSS, which is basically inline CSS documentation.


In this video, we'll learn how to use Quick Docs while we're writing CSS.

Quick Docs
02:53

Brackets is a text editor built with JavaScript and CSS. It has great CSS and JavaScript code completion that we'll explore in this tutorial.

In this tutorial, we will use code completion for the Math built-in, Angular and a built-in array.

We will also use CSS code completion for the display property and more.

Code Completion
05:07

Live Preview is an innovative Brackets feature that lets you edit CSS, HTML and JavaScript in real time.

In this tutorial, we'll use the Live Preview feature to open our code in Chrome and see our CSS and HTML changes update in real time.

Live Preview
05:08

In this short video, we'll take a look at many of the things we covered in this exciting tutorial series.

Conclusion
02:08
About the Instructor
Daniel Stern
4.2 Average rating
3,464 Reviews
36,779 Students
9 Courses
The Code Whisperer

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

- Node.js
- Angular.js
- TypeScript
- MongoDB
- Brackets, the Open Source Code Editor
- Esprima
- LESS
- Grunt
- Yeoman
- Many, many, many more