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.Welcome
1.1
Introduction
01:12
1.1
Introduction
01:12
1.2
Downloading Brackets
03:31
1.2
Downloading Brackets
03:31
2.Features of Brackets
2.1
Live Code Editing and Highlighting
08:05
2.1
Live Code Editing and Highlighting
08:05
2.2
Quick View for Colors and Images
07:40
2.2
Quick View for Colors and Images
07:40
2.3
Quick Edit for CSS
06:47
2.3
Quick Edit for CSS
06:47
2.4
Quick Edit for JavaScript
08:33
2.4
Quick Edit for JavaScript
08:33
3.Best Brackets Extensions
3.1
Brackets Color Palette
06:11
3.1
Brackets Color Palette
06:11
3.2
Themes for Brackets
04:06
3.2
Themes for Brackets
04:06
3.3
Autoprefixer
05:27
3.3
Autoprefixer
05:27
3.4
Beautify
04:54
3.4
Beautify
04:54
3.5
Lorem Ipsum
05:31
3.5
Lorem Ipsum
05:31
4.Sample Project
4.1
What We’ll Be Creating
01:37
4.1
What We’ll Be Creating
01:37
4.2
Getting Started With Brackets
03:48
4.2
Getting Started With Brackets
03:48
4.3
Coding the Header
07:31
4.3
Coding the Header
07:31
4.4
Coding the Registration Form
05:51
4.4
Coding the Registration Form
05:51
4.5
Finishing the HTML
08:38
4.5
Finishing the HTML
08:38
4.6
Setting Up Our CSS
09:15
4.6
Setting Up Our CSS
09:15
4.7
Styling the Header
08:41
4.7
Styling the Header
08:41
4.8
Styling the Navigation
10:25
4.8
Styling the Navigation
10:25
4.9
Clearfix
04:46
4.9
Clearfix
04:46
4.10
Two-Column Setup
05:03
4.10
Two-Column Setup
05:03
4.11
Styling the Registration Form
07:02
4.11
Styling the Registration Form
07:02
4.12
Styling the Footer
14:17
4.12
Styling the Footer
14:17
5.Conclusion
5.1
Final Thoughts
01:22
5.1
Final Thoughts
01:22
