Becoming A JS Developer Tools

This extension is designed to accompany the Becoming a JS Developer project. Everything in this extension is designed to give a new developer tools to make the transition into professional development faster and easier, while guiding them on a path toward a healthy coding style and practice.

Both the Becoming a JS Developer project, and this extension are works in progress. Contributions are always welcome. There are sparse contributing guidelines in the base project directory.

Installation

1. Open the extension panel in Visual Studio Code
2. Search for "Becoming a JS Developer"
3. Click install
4. Make awesome stuff, faster!

Features

Quick Actions

• Convert variable -- convert variable type between var, const, and let
• Surround with -- surround code selection with snippet output (e.g. surround with a function)

Snippets

There are currently snippets for the following:

• CSS:
  • Bootstrap html link
  • Clearfix
  • Style block
  • BEM naming format snippet
• Javascript/Browser API:
  • IndexedDB
  • PWA Manifest
• Javascript (vanilla):
  • Variable with const/let/var selection
  • Parameter with optional default value
  • Object literals + property snippet
  • Array literals
  • Prototypal objects
  • Classes
  • Promises
• Javascript Libraries (non-jquery, mostly node):
  • Inquirer
  • ESLint ignore comments
  • Express
  • Mongo
  • Mongoose
  • MySQL
  • Sequelize
  • Mocha
  • Chai
  • Arrange/Act/Assert (test-structure comments)
• JQuery
  • JQuery script tag
  • Document ready
  • Selectors
  • DOM Manipulation
  • CSS and Class handling
  • Element Attribute and Data access
  • Event Handling
  • Ajax
• Snippets:
  • "Snippet" snippet - a snippet for creating new snippets