Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn Adobe Brackets Free open source code editor
Rating: 4.3 out of 5(155 ratings)
12,971 students

Learn Adobe Brackets Free open source code editor

Brackets is an open source text editor this course will show you what you can do with it
Created byLaurence Svekis
Last updated 11/2019
English

What you'll learn

  • use Brackets code editor
  • add extensions, edit code more efficiently
  • display live preview of code while working on it
  • learn about features available in Brackets

Course content

2 sections • 23 lectures • 1h 17m total length

  • Introduction to Brackets3:17
  • Brackets intro3:54
  • Brackets install update2:03

    Learn how to install or update brackets on Windows by downloading brackets, running the installer, choosing the install directory (default in program files), and finishing to launch.

  • Course resources0:01
  • Brackets XAMPP setup and run4:16
  • Brackets live preview5:00
  • Brackets open source resoures3:13

    Explore brackets open source editor, with source code on GitHub and a live browser sync feature. Learn how to download, install, and customize brackets via the extension manager.

  • Brackets get change themes3:20
  • Brackets top extensions6:24
  • Brackets extension manager3:09
  • Brackets Edit options3:36
  • Brackets Quick Edit3:00
  • Brackets view options5:43
  • Brackets navigate2:21
  • Brackets summary4:00
  • Brackets quick menu2:00

    Explore the brackets quick menu on the right to access live preview, download a new version, install brackets, and use one-click shortcuts to open the extension manager.

  • Extracting styling images from PSD files9:41

    Explore how Brackets can extract image data, text, and styling cues from PSD files, connect to Creative Cloud, and export assets like images and styles into HTML and CSS workflows.

  • Extract Resources0:02
  • Brackets auto image downloads PSD file layer info5:09
  • Use your Adobe Cloud Account to get PSD files for extraction4:55
  • Brackets shortcuts Windows and Mac0:49

Requirements

  • computer access
  • desire to learn

Description

Learn more about using Brackets as your code editor.

A modern, open source text editor that understands web design. Learn how to use Brackets and see all the functionality in action. Learn about top extensions and addons. Review of best setup techniques.

Learn how to use Brackets and how you can easily switch to using Brackets as your code editor.

I've been a web developer since 2000 and have used a number of code editors. I was originally using Dreamweaver in a number of my courses. I found that there were many students who wanted to have the same editor and setup that I have as they follow along with course content. I switched to several open source editors until I found Brackets. I've been using Brackets on a regular basis and found that I don't open Dreamweaver as much anymore. The best part of Brackets its free, so anyone who wants to use the same editor as I do in my courses can do so without barrier.

I decided to create this course to illustrate how to get brackets, how to set it up and some of the advanced features available in Brackets. In addition I wanted to list out top extensions to really power up your Brackets application.

I also cover my XAMPP server setup which allows me to use localhost as my webserver. XAMPP is really straight forward on getting going so most of the course is focused on using Brackets.

Who this course is for:

  • anyone who wants to learn more about Brackets code editor
  • web developers
  • web content creators
  • web masters

Report abuse