Awesome Open Source
Awesome Open Source

JavaScript by Examples

What is this?

JavaScript by Examples was created for new users to learn about the JavaScript language by reviewing real code snippets and by asking questions. This repository is a collection of code samples containing working explanations.

Currently, the code snippets are not in any particular order. Here are the concepts, language features and behavior we are planning to include:

  1. Functions
  2. Objects and Arrays
  3. Scopes and Closures
  4. Prototype inheritance
  5. Bind, Call, Apply and this variable
  6. Functional programming concepts
  7. Promises and async programming
  8. Iterators and Generators
  9. ES6 specific features
  10. Coersion
  11. Common Patterns
Why use this approach?

The best way to understand a language is to view actual code, form discussions, brainstorm and educate each other. JavaScript by Examples is not a replacement for conventional learning (e.g., reading books, blogs, and self-experimentation) — rather, it should be viewed as a suppliment to exisiting learning paths.

How did we get here?

The idea for JavaScript by Examples came from a series of group chats within our team at work. We thought it might be helpful to the community as well.

Is this content not already available online?

It is likely that similar code snippets exist, but what makes this repository unique is the 'question/answer' format, and how we have clarified our examples with explanations. The code examples should have appropriate attributions wherever applicable. We appreciate attibution if you are using our code examples within your work.

How can I help?

If you believe any information here is erroneous, please report it as an issue or create a pull request. We welcome suggestions, feedback and new content, as long as it follows the format that we are using. You can also star this repo if you like the content. :)

What is the format?

Most code samples are either in .md or .js files. The markdown file format follows the 'question/answer/explanation' format. We will include useful references, links or attributions.

What is the future plan?

We would like this repository to grow and be the premeire repository for JavaScript enthusiasts. To achieve this goal, we need all the help we can from the community and people like you.

Who are the contributors?

List of initial contributors.

Contributions on the GitHub Repo can be looked at here.

  1. Organize the items by categories and provide the links/index them.
  2. Include jsfiddle links for the code samples
  3. Include samples explaining ES6 features.


Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]



Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]


The content of this project itself is licensed under the Creative Commons Attribution 3.0 license and the underlying source code used to format and display that content is licensed under the MIT license.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,865
examples (203