BboyAkers

window.addEventListener('DOMContentLoaded', () => {
  // Get the button element id 'connect-to-metamask-button'

  const connectToMetaMaskButton = document.getElementById('connect-to-metamask-button');
  // This is where you'll have the account address stored
  let account;

  connectToMetaMaskButton.addEventListener('click', () => {
    //Will Start the metamask extension to request access to the user's account(s)
    const accounts = await ethereum.request({ method: 'eth_requestAccounts' });

BboyAkers

const baseURL = 'https://pokeapi.co/api/v2/'

  const getPokemon = () => {
    fetch(`${baseURL}pokemon?limit=151`)
      .then(response => response.json())
      .then(data => {

        console.log(data)
      }
      );

BboyAkers

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "arrowParens": "always",
  "bracketSpacing": true
  "printWidth": 100
}

BboyAkers

Change the "Developers" hyperlink on the navigation bar.

• Current: https://metamask.github.io/metamask-docs/
• Updated: https://docs.metamask.io/

Suggestion: Wrap each image in the "Your key to blockchain applications" with a hyperlink to each individual website Reason: I wanted to immediately visit one of the websites but I figured out I'd have to google the website and visit it. This would make the UX more pleasant in this section in my opinion.

Urls:

• Airswap: https://www.airswap.io/
• The Bounties Netowrk: https://bounties.network/

BboyAkers

Getting Started with the Bluetooth API

BboyAkers

Getting Started With The Beacon API

The Beacon API is a web API avalible for developers to implement into their application. View full list of web APIs here. The Beacon API is a Web API useful for:

• Analytics
• Diagnostics

Why not fetch or XMLHttpRequest?

BboyAkers

What is Tree Shaking?

Tree shaking is a term used as a means to eliminate code that isn't in use, or dead-code, as we call it. You can also think of it like choosing 3-4 relevant quotes from a book to write an excellent paper. If you only need 3-4 relevant quotes, why use the entire book?

Whenever a code bundler, like webpack, builds our web application for production. It does tree shaking. Code bundlers like webpack do their best to remove dead code, or unused code, to reduce the bundle size of your application when you prepare your code to be able to be used for production. Unfortunately it can't catch everything, and that because we sometimes write code that isn't tree shaking friendlfy.

A way for us to help code bundlers with tree shaking, or eliminating dead code, in our web development projects is to only import necessary methods and components into our application. We do this by using JavaScript [destructuring

BboyAkers

What is a CLI?

A CLI or Command Line Interface Interface is an in interface that accepts text input to execute operating system functions. As a software developer we use CLI's all the time. What exactly does a CLI look like? Open your terminal on Mac or command prompt(powershell works too) if you are on Windows. As a developer we use the terminal and/or command prompt to:

• install packages
• run scripts
• manage project files

and more. Something you might be familiar with in the web development world is this

BboyAkers

What is a CLI?

A CLI or Command Line Interface Interface is an in interface that accepts text input to execute operating system functions. As a software developer we use CLI's all the time. What exactly does a CLI look like? Open your terminal on Mac or command prompt(powershell works too) if you are on Windows. As a developer we use the terminal and/or command prompt to:

• install packages
• run scripts
• manage project files

and more. Something you might be familiar with in the web development world is this

npm install 

BboyAkers

/*global ethereum, MetamaskOnboarding */

/*
The `piggybankContract` is compiled from:

  pragma solidity ^0.4.0;
  contract PiggyBank {

      uint private balance;
      address public owner;