You are previewing WebStorm Essentials.
O'Reilly logo
WebStorm Essentials

Book Description

Build efficient HTML, CSS and JavaScript applications using the powerful WebStorm IDE

About This Book

  • Get to grips with the newest features of WebStorm

  • Use WebStorm to simplify your web development process and improve its efficiency

  • Best practices and cutting-edge technologies for JavaScript development

  • Who This Book Is For

    If you are a web developer who is new to WebStorm, this is the book for you. Knowledge of languages such as JavaScript, HTML, and CSS is assumed, with a reasonable understanding of frameworks such as AngularJS, Node.js, and Meteor.

    What You Will Learn

  • Install and configure WebStorm to suit your workflow

  • Develop mobile applications using web technologies with WebStorm

  • Create simple web pages with the help of templates

  • Improve your web development efficiency with WebStorm's built-in features

  • Analyse and debug your code in WebStorm

  • Perform unit testing and debugging in WebStorm to test your applications

  • Get to grips with the latest version of WebStorm (WebStorm 10) to revolutionize your web development experience

  • In Detail

    JetBrains WebStorm is a commercial and powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js. It provides first-class support for JavaScript, Node.js, HTML, and CSS. WebStorm is the number one choice for developing web applications due to its advanced features and integration with a plethora of topical technologies such as Meteor and Gulp.

    This book will be your companion in building high-quality web applications using WebStorm, taking advantage of the newest features of Webstorm 10.

    You will start with an introduction to the latest features of WebStorm and its interface, followed by learning how to set up a new project with the help of templates. You will then build a web application using AngularJS, ReactJs, Node.js, Express, and Meteor. This book will also show you how to use pioneering HTML5 technologies in mobile application development and package managers, as well as how to build automation tools for your application. Finally, you will discover how to perform debugging, tracing, profiling, and code style checking activities directly in WebStorm, followed by testing your application inside WebStorm, using some of the most popular testing libraries out there.

    By the end of this book, you will have a solid understanding of how to develop powerful web applications quickly and easily with WebStorm.

    Style and approach

    This book is a hands-on guide to getting to grips with WebStorm, complete with plenty of screenshots and tips. New features are introduced to you with the help of sample applications.

    Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at If you purchased this book elsewhere, you can visit and register to have the code file.

    Table of Contents

    1. WebStorm Essentials
      1. Table of Contents
      2. WebStorm Essentials
      3. Credits
      4. About the Authors
      5. About the Reviewer
        1. Support files, eBooks, discount offers, and more
          1. Why subscribe?
          2. Free access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      8. 1. Getting Started with WebStorm
        1. What is new in WebStorm 10?
        2. Installing WebStorm
          1. Configuring WebStorm
        3. The user interface
          1. Before you start
          2. Creating a new project
          3. The WebStorm workspace
          4. Running the application
        4. Settings and preferences
          1. Themes and colors
          2. Keymap
          3. Code Style
          4. Languages & Frameworks
          5. Plugins
          6. Version Control
          7. Proxy
        5. Summary
      9. 2. Improving Your Efficiency with Smart Features
        1. Syntax highlighting
        2. On-the-fly code analysis
        3. Smart code features
        4. The multiselect feature
        5. Refactoring facility
        6. Advanced navigation
          1. File navigations
          2. Code navigations
          3. Search navigations
        7. Summary
      10. 3. Developing Simple Web Pages
        1. Creating a new project using templates
          1. Bootstrap
          2. Foundation
          3. HTML5 Boilerplate
          4. Web Starter Kit
        2. Importing an existing project
          1. Importing from existing files
        3. Importing an existing project from VCS
        4. Working with VCS inside WebStorm
        5. File Watchers
        6. Summary
      11. 4. Using Package Managers and Build Automation Tools
        1. Node.js
        2. Using the Node Package Manager to install node packages
          1. Installing a package globally
          2. Installing a package in the project
          3. Installing project dependencies
        3. Using Bower
        4. Using Grunt
        5. Using Gulp
        6. Summary
      12. 5. AngularJS, React, Express, and Meteor – Developing Your Web Application
        1. AngularJS
          1. Preparing the tools and libraries
          2. Immersing in AngularJS
          3. Loading the initial entries
          4. Displaying a list of entries
          5. Displaying entry details
          6. Adding a new entry
          7. Styling the application
        2. React
        3. Express
        4. Meteor
          1. Setting up a new project
        5. Summary
      13. 6. Immersing Yourself in Mobile App Development
        1. Setting up your system for mobile development
          1. The iOS platform guide
            1. Installing Xcode and the SDK
          2. The Android platform guide
        2. Cordova
        3. PhoneGap
        4. The Ionic framework
        5. Summary
      14. 7. Analyzing and Debugging Your Code
        1. Code inspection
        2. Code Style
        3. Code quality tools
          1. JSLint
          2. JSHint
          3. JSCS
        4. Debugging your code
          1. Initializing a debug session from the browser
        5. Summary
      15. 8. Testing Your Applications
        1. Karma
        2. Jasmine
        3. Nodeunit
        4. Mocha
        5. Cucumber.js
        6. Wallaby.js
        7. Summary
      16. 9. Getting to Know Additional yet Powerful Features
        1. Using the Live Edit mode
        2. Working with Emmet
        3. The TODO facility
        4. The difference viewer
        5. Tracking Local History
        6. Summary
      17. Index