SlideShare a Scribd company logo
1 of 7
Download to read offline
Introduction to Brackets
(Ankur Chauhan)
Agenda
What is Brackets?
Why Brackets?
Working with Brackets (Demo)
Bracket with AEM6?
Demo
What is Brackets?
Brackets is a free open-source code editor with with a primary focus on
Web Development.
Created by Adobe System.
Licenced under MIT License, current maintained on GitHub
It is available for Unix, windows, Mac OS.
Community driven to be different.
Optimized for web design & development.
Based on the principle that the best developers to build tools for web
developers are in fact web developers.
Why Brackets?
Brackets is optimized for the modern web.
It’s for designers who are as comfortable writing HTML and CSS.
Another incredible benefit to developing with open web standards is
Brackets has the potential to run nearly everywhere.
Brackets Technology Stack
Twitter Bootstrap
LESS
JQuery
Require.js
Mustache.js
CodeMirror
Node
Tern
Features of Brackets
Inline CSS editing
Inline Javascript Editing
Quick Docs
Live Preview
Auto Selection of Component.
Theseus Integration
LESS Support
Displays number of times a function is called next to the function’s definition.
Logs all arguments received, values returned, and exceptions thrown by a
function call within Brackets.
Thanks

More Related Content

What's hot

Financial Project with Spring WebFlux
Financial Project with Spring WebFluxFinancial Project with Spring WebFlux
Financial Project with Spring WebFluxLINE Corporation
 
Develop a Basic REST API from Scratch Using TDD with Val Karpov
Develop a Basic REST API from Scratch Using TDD with Val KarpovDevelop a Basic REST API from Scratch Using TDD with Val Karpov
Develop a Basic REST API from Scratch Using TDD with Val KarpovMongoDB
 
ExtJS: La piattaforma vincente (multiple screens)
ExtJS: La piattaforma vincente (multiple screens)ExtJS: La piattaforma vincente (multiple screens)
ExtJS: La piattaforma vincente (multiple screens)Eugenio Minardi
 
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )Study4TW
 
Webdriver io presentation
Webdriver io presentationWebdriver io presentation
Webdriver io presentationJoão Nabais
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVCSirwan Afifi
 
Kickstart android development with xamarin
Kickstart android development with xamarinKickstart android development with xamarin
Kickstart android development with xamarinFoyzul Karim
 
ExtJS: La piattaforma vincente
ExtJS: La piattaforma vincenteExtJS: La piattaforma vincente
ExtJS: La piattaforma vincenteEugenio Minardi
 
The benefit of custom elements: a real use case
The benefit of custom elements: a real use caseThe benefit of custom elements: a real use case
The benefit of custom elements: a real use caseLINE Corporation
 
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Brian McKeiver
 

What's hot (12)

The RAW stack
The RAW stackThe RAW stack
The RAW stack
 
Financial Project with Spring WebFlux
Financial Project with Spring WebFluxFinancial Project with Spring WebFlux
Financial Project with Spring WebFlux
 
Develop a Basic REST API from Scratch Using TDD with Val Karpov
Develop a Basic REST API from Scratch Using TDD with Val KarpovDevelop a Basic REST API from Scratch Using TDD with Val Karpov
Develop a Basic REST API from Scratch Using TDD with Val Karpov
 
ExtJS: La piattaforma vincente (multiple screens)
ExtJS: La piattaforma vincente (multiple screens)ExtJS: La piattaforma vincente (multiple screens)
ExtJS: La piattaforma vincente (multiple screens)
 
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
 
Webdriver io presentation
Webdriver io presentationWebdriver io presentation
Webdriver io presentation
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
 
Kickstart android development with xamarin
Kickstart android development with xamarinKickstart android development with xamarin
Kickstart android development with xamarin
 
Glide usage tips
Glide usage tipsGlide usage tips
Glide usage tips
 
ExtJS: La piattaforma vincente
ExtJS: La piattaforma vincenteExtJS: La piattaforma vincente
ExtJS: La piattaforma vincente
 
The benefit of custom elements: a real use case
The benefit of custom elements: a real use caseThe benefit of custom elements: a real use case
The benefit of custom elements: a real use case
 
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
 

Viewers also liked (12)

Mi novela tuitera
Mi novela tuiteraMi novela tuitera
Mi novela tuitera
 
Hezkuntza: altxor ezkutua
Hezkuntza: altxor ezkutuaHezkuntza: altxor ezkutua
Hezkuntza: altxor ezkutua
 
Group 5
Group 5Group 5
Group 5
 
Alfredo amayaciencuia delos ametriales
Alfredo amayaciencuia delos ametrialesAlfredo amayaciencuia delos ametriales
Alfredo amayaciencuia delos ametriales
 
slingmodels
slingmodelsslingmodels
slingmodels
 
Alfredo amaya ciencia de los materiales
Alfredo amaya ciencia de los materialesAlfredo amaya ciencia de los materiales
Alfredo amaya ciencia de los materiales
 
cq_cxf_integration
cq_cxf_integrationcq_cxf_integration
cq_cxf_integration
 
Businees model innovation
Businees model innovationBusinees model innovation
Businees model innovation
 
Curriculum Presentación
Curriculum PresentaciónCurriculum Presentación
Curriculum Presentación
 
intellimeet
intellimeetintellimeet
intellimeet
 
Fishing
FishingFishing
Fishing
 
المهمه الثانيه نهج
المهمه الثانيه نهجالمهمه الثانيه نهج
المهمه الثانيه نهج
 

Similar to brackets

Client Side Frameworks
Client Side FrameworksClient Side Frameworks
Client Side FrameworksMitesh Gandhi
 
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0Antonio Chagoury
 
Best Open Source Website Development Tools
Best Open Source Website Development ToolsBest Open Source Website Development Tools
Best Open Source Website Development ToolsDazonnTechnologies
 
Web matrix part 2
Web matrix part 2Web matrix part 2
Web matrix part 2yuvaraj72
 
Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021WrapPixel
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologiesHosam Kamel
 
23 Top .Net Core Libraries List Every Developer Must Know
23 Top .Net Core Libraries List Every Developer Must Know23 Top .Net Core Libraries List Every Developer Must Know
23 Top .Net Core Libraries List Every Developer Must KnowKaty Slemon
 
Best software development tools in 2021
Best software development tools in 2021Best software development tools in 2021
Best software development tools in 2021Samaritan InfoTech
 
Busy developer-html5-javaee7
Busy developer-html5-javaee7Busy developer-html5-javaee7
Busy developer-html5-javaee7Geertjan Wielenga
 
Powerful tools for building web solutions
Powerful tools for building web solutionsPowerful tools for building web solutions
Powerful tools for building web solutionsAndrea Tino
 
Top 5 web development tools
Top 5 web development toolsTop 5 web development tools
Top 5 web development toolsParvMidhas
 
Top 10 web development tools in 2022
Top 10 web development tools in 2022Top 10 web development tools in 2022
Top 10 web development tools in 2022intouchgroup2
 

Similar to brackets (20)

Client Side Frameworks
Client Side FrameworksClient Side Frameworks
Client Side Frameworks
 
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0
A Sneak Peek At Visual Studio 2010 And .Net Framework 4.0
 
Best Open Source Website Development Tools
Best Open Source Website Development ToolsBest Open Source Website Development Tools
Best Open Source Website Development Tools
 
Web matrix part 2
Web matrix part 2Web matrix part 2
Web matrix part 2
 
Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
Net Beans
Net BeansNet Beans
Net Beans
 
Net Beans
Net BeansNet Beans
Net Beans
 
NodeJs Frameworks.pdf
NodeJs Frameworks.pdfNodeJs Frameworks.pdf
NodeJs Frameworks.pdf
 
23 Top .Net Core Libraries List Every Developer Must Know
23 Top .Net Core Libraries List Every Developer Must Know23 Top .Net Core Libraries List Every Developer Must Know
23 Top .Net Core Libraries List Every Developer Must Know
 
Javascript handbook
Javascript handbook Javascript handbook
Javascript handbook
 
Best software development tools in 2021
Best software development tools in 2021Best software development tools in 2021
Best software development tools in 2021
 
Busy developer-html5-javaee7
Busy developer-html5-javaee7Busy developer-html5-javaee7
Busy developer-html5-javaee7
 
Powerful tools for building web solutions
Powerful tools for building web solutionsPowerful tools for building web solutions
Powerful tools for building web solutions
 
Vs2005p
Vs2005pVs2005p
Vs2005p
 
Top 5 web development tools
Top 5 web development toolsTop 5 web development tools
Top 5 web development tools
 
Js frameworks
Js frameworksJs frameworks
Js frameworks
 
SEO consultant Dubai
SEO consultant DubaiSEO consultant Dubai
SEO consultant Dubai
 
SEO packages Dubai
SEO packages DubaiSEO packages Dubai
SEO packages Dubai
 
Top 10 web development tools in 2022
Top 10 web development tools in 2022Top 10 web development tools in 2022
Top 10 web development tools in 2022
 

brackets

  • 2. Agenda What is Brackets? Why Brackets? Working with Brackets (Demo) Bracket with AEM6? Demo
  • 3. What is Brackets? Brackets is a free open-source code editor with with a primary focus on Web Development. Created by Adobe System. Licenced under MIT License, current maintained on GitHub It is available for Unix, windows, Mac OS. Community driven to be different. Optimized for web design & development. Based on the principle that the best developers to build tools for web developers are in fact web developers.
  • 4. Why Brackets? Brackets is optimized for the modern web. It’s for designers who are as comfortable writing HTML and CSS. Another incredible benefit to developing with open web standards is Brackets has the potential to run nearly everywhere.
  • 5. Brackets Technology Stack Twitter Bootstrap LESS JQuery Require.js Mustache.js CodeMirror Node Tern
  • 6. Features of Brackets Inline CSS editing Inline Javascript Editing Quick Docs Live Preview Auto Selection of Component. Theseus Integration LESS Support Displays number of times a function is called next to the function’s definition. Logs all arguments received, values returned, and exceptions thrown by a function call within Brackets.