https://sdras.github.io/object-explorer

🔥 A resource to help figure out what JavaScript object method would be best to use at any given time
https://sdras.github.io/object-explorer

javascript javascript-objects javascript-tools learning-javascript object objects teaching-javascript vue vuejs2 vuex

Last synced: about 2 months ago
JSON representation

🔥 A resource to help figure out what JavaScript object method would be best to use at any given time

• Host: GitHub
• URL: https://sdras.github.io/object-explorer
• Owner: sdras
• License: mit
• Created: 2017-12-28T02:31:13.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2022-12-07T11:16:57.000Z (almost 2 years ago)
• Last Synced: 2024-05-02T04:36:44.199Z (6 months ago)
• Topics: javascript, javascript-objects, javascript-tools, learning-javascript, object, objects, teaching-javascript, vue, vuejs2, vuex
• Language: JavaScript
• Homepage: https://objectexplorer.netlify.com/
• Size: 2.28 MB
• Stars: 1,400
• Watchers: 25
• Forks: 123
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-learning-resources - Object Explorer
• awesome-tools-for-junior-developers - JS Object Explorer - A tool to help you find the object method you need without digging through the docs (Popular Tools / PHP)
• awesome-learning-resources - Object Explorer

README

        


  



# Object Explorer

When I was first learning object methods, I spent a lot of time digging through the docs to find the appropriate one, and I had to search one by one. I made this resource to help people find the correct object method a bit more naturally. You can narrow down what you want to do and explore until you find what's most useful to you.

Check out the site here: [https://objectexplorer.netlify.com/](https://objectexplorer.netlify.com/)

Or if you prefer codepen: [https://codepen.io/sdras/pen/rpwjzw/](https://codepen.io/sdras/pen/rpwjzw/)

I realize that there are about a million ways that this resource can be set up, and some of the taxonomy is necessarily opinionated. I tried to focus on what I thought would have helped me learn the best, rather than industry standard delineations. If that style of learning suits you better, that's great! This resource is not set up that way. Please keep in mind that this is not meant to be as comprehensive or a replacement for full documentation, which is why the MDN docs are linked to in each method.

I based most of the longer descriptions off of the MDN documentation, altering it slightly where I felt the description was not as beginner-friendly as it could be. The examples were kept as simple as humanly possible for the purpose of scanning with the least cognitive load, you may need extra details provided in the MDN documentation for every possible usage.

**Enjoy!**

## Other Similar Projects

**I have an Array Explorer as well: [https://arrayexplorer.netlify.com](https://arrayexplorer.netlify.com)**

## Build Setup

```bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).