Ao infinito e além com Web storm

Ao Infinito e Além com WebStormAo Infinito e Além com WebStormConhecendo o mais inteligente IDE para JavascriptConhecendo o mais inteligente IDE para Javascript

Anderson Casimiro - @duodracoAnderson Casimiro - @duodracoDeveloper AdvocateDeveloper Advocate

Editor x IDEEditor x IDE

Editor x IDEEditor x IDE

NavegadorNavegador

git commit -m 'Lá se foi outro Alt+Tab'git commit -m 'Lá se foi outro Alt+Tab'

TerminalTerminal npm install -g bowernpm install -g bower

karma startkarma start

bower install - -save Polymer/polymerbower install - -save Polymer/polymer

gruntgrunt

Visualizar o “html”Visualizar o “html”Rodar testesRodar testes

O que é um IDE afinal?O que é um IDE afinal?

É um editorÉ um editor

Entende o código como softwareEntende o código como software… … e não como meros arquivos de textoe não como meros arquivos de texto

Concentra ferramentasConcentra ferramentasVCS, build, test...VCS, build, test...

Dever atuar como debuggerDever atuar como debugger

Ou seja, é um Ambiente Integrado Ou seja, é um Ambiente Integrado de Desenvolvimentode Desenvolvimento

… … entre outras coisasentre outras coisas

O que é um IDE afinal?O que é um IDE afinal?

EditorEditor

Acabamento de código (auto completion)Acabamento de código (auto completion)

EditorEditor

Inspeção e ajustes rápidosInspeção e ajustes rápidos

EditorEditor

Zen Coding e EmmetZen Coding e Emmet

div.feature>h4+pdiv.feature>h4+p

<div class=”feature”><div class=”feature”> <h4></h4><h4></h4> <p></p><p></p></div></div>

EditorEditor

NavegaçãoNavegaçãoee

PesquisaPesquisa

Exibir conteúdo de identificadoresExibir conteúdo de identificadores

Estilo aplicadoEstilo aplicado

EditorEditor

RefatoraçãoRefatoração

Injeção de linguagemInjeção de linguagem

SpellcheckerSpellchecker

Localizador de código duplicadoLocalizador de código duplicado

Ajustes RápidosAjustes RápidosUtilizaçãoUtilização

Análise de códigoAnálise de código

DebuggingDebugging

RefatoraçãoRefatoração

Visualizações de frames, variáveis e watchesVisualizações de frames, variáveis e watches

ConsoleConsole

Calculo das expressõesCalculo das expressões

BreakpointsBreakpointsJS minificadoJS minificado

TestingTesting

JSTestDriverJSTestDriver Cucumber.jsCucumber.js

Karma test runnerKarma test runnerMochaMocha

Acabamento de códigoAcabamento de código

Detecção de errosDetecção de errosIncluindo require()Incluindo require()

RefatoraçãoRefatoração

NavegaçãoNavegação

DebuggerDebugger NPMNPM

ecmascriptecmascript

TemplatesTemplates

Dart ApplicationDart Application

Node.js Express ApplicationNode.js Express Application

Arquivos RemotosArquivos Remotos FTP FTP SincroniaSincronia Seleção de diretóriosSeleção de diretórios

VersionamentoVersionamentoSubversion Subversion

Mercurial Mercurial Git Git

Perforce Perforce CVS CVS TFS TFS

TarefasTarefasYouTrackYouTrack

JiraJiraRedmineRedmine

TracTracBugzillaBugzillaGithubGithubTrelloTrello

......

Múltiplos cursoresMúltiplos cursores

Pesquisa EstruturadaPesquisa Estruturada

99

Meteor.JSMeteor.JS

React & JSXReact & JSX

Phonegap, Cordova e IonicPhonegap, Cordova e Ionic

PolymerPolymer

GulpGulp

Spy-JS/ES6Spy-JS/ES6

Live Edit Node.jsLive Edit Node.jsESLint & JSCSESLint & JSCS

EditorConfigEditorConfig

Variáveis inlineVariáveis inline

Scratch FilesScratch Files

E quanto custa?E quanto custa?

Licença Comercial: $99Licença Comercial: $99

Renovação: $49Renovação: $49

Licença Pessoal: $49Licença Pessoal: $49

Renovação: $29Renovação: $29

Startup?Startup?

50% de desconto50% de desconto

Atua em Projeto Opensource?Atua em Projeto Opensource?

Atua em GUsAtua em GUs

Estudante ou ProfessorEstudante ou Professor

Sala de aulaSala de aula

MVPMVP GrátisGrátis

Develop with Pleasure!Develop with Pleasure!

Jetbrains.com/webstormJetbrains.com/webstormyoutube.com/JetBrainsTVyoutube.com/JetBrainsTVblog.jetbrains.com/sablog.jetbrains.com/saanderson.casimiro@jetbrains.comanderson.casimiro@jetbrains.com