Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Introduction to Brackets

with

Brackets is an open source code editor specifically for web designers and front-end developers. It has very handy features including CSS code hinting and live HTML development, which allow you to code and see the changes take place instantly without having to save or reload the page. In this course, instructor Craig Campbell will teach you how to use Brackets in your web design projects, starting with the basics.

1× speed

Free Preview: Introduction to Brackets

Introduction

01:12

1.Welcome
2 lessons, 04:43

Free Preview
1.1
Introduction
01:12

Free Preview
1.2
Downloading Brackets
03:31

2.Features of Brackets
4 lessons, 31:05

2.1
Live Code Editing and Highlighting
08:05

2.2
Quick View for Colors and Images
07:40

2.3
Quick Edit for CSS
06:47

2.4
Quick Edit for JavaScript
08:33

3.Best Brackets Extensions
5 lessons, 26:09

3.1
Brackets Color Palette
06:11

3.2
Themes for Brackets
04:06

3.3
Autoprefixer
05:27

3.4
Beautify
04:54

3.5
Lorem Ipsum
05:31

4.Sample Project
12 lessons, 1:26:54

4.1
What We’ll Be Creating
01:37

4.2
Getting Started With Brackets
03:48

4.3
Coding the Header
07:31

4.4
Coding the Registration Form
05:51

4.5
Finishing the HTML
08:38

4.6
Setting Up Our CSS
09:15

4.7
Styling the Header
08:41

4.8
Styling the Navigation
10:25

4.9
Clearfix
04:46

4.10
Two-Column Setup
05:03

4.11
Styling the Registration Form
07:02

4.12
Styling the Footer
14:17

5.Conclusion
1 lesson, 01:22

5.1
Final Thoughts
01:22


Preview for Introduction to Brackets
Lessons:
24
Length:
2.5 hours
Categories:
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio