SlideShare a Scribd company logo
ETHEREUMF O R J AVA S C R I P T D E V E L O P E R S
GreeceJS #21 @panosjee
Panos Papadopoulos

Founder GreeceJS
I am a software engineer that joined the
other side of the Force
I am a Partner at Marathon VC
I was a founder at BugSense and Greece JS
Hello!
I Am Panos
You can contact me at @panosjee
Ethereum aims to be the global, decentralised,
unstoppable, uncensorable computer.
(Using blockchain and ponies of course)
ETHEREUM
I should have ICO’ed back then
The crazy 2017 Ethereum rally
THE BLOCKCHAINIn case you are living under a rock
But way more complex in the case of Ethereum
Every 14 seconds the results
of the programs execution are
shared and verified across all
the nodes of the network. The
new state is written in the
blockchain.
Ethereum programs are called Smart
Contracts and are usually written in
Solidity, Viper and LLL. Smart Contracts
can be accessed via the web thanks to
web3.js
Ethereum listens to other
nodes and executes
program that compile to
Ethereum Virtual Machine
Users run an Ethereum
client, usually geth (the
official client written in Go)
Ethereum for dummies
Nodes
EVM
Smart
Contracts
Ether
Smart Contract execution and
storage costs. The cost is
called gas and can be
purchased for Ether the native
currency of the network
Enterprise Ethereum is an
official effort to bring private
Ethereum networks to the
corporate world.
Corporate friendly
14 seconds block generation
makes for quick transactions
and “fast” socially scalable
programs.
Fast
Elliptical cryptography used
for wallets, PoW to secure
blockchain (might change to
PoS)
Secure
Ethereum creates a
computing platform that
cannot be stopped or altered
Uncensorable
Ethereum is one the most
well performing crypto-
currencies of 2017.
Asset
Ethereum has a large
enthusiastic community
building blocks and dapps
Community
ETHEREUM CORE FEATURES
The Ether issuance model
What is the use case
for smart contracts?
Automate lawyers and trusted 3rd parties out of existence.
Think processes that require trust:
- Financial instruments
- Voting
- Tickets
- Registries
- Ballots
- Marketplaces
- Scams aka ICOs
The main toolset includes the official smart
contract language solidity and web3.js
npm install solc
npm install web3
npm install solium
npm install truffle
npm install ethereumjs-testrpc
Oh and Meteor is a thing for the Ethereum
community.
Tools
A wallet stores your private &
public keys that generate
addresses and sign your
transactions.
At a minimum you need a
wallet to store & send Ether,
interact & deploy smart
contracts. Holding your keys
makes you sovereign.
Popular wallets:
- MyEtherWallet
- Mist
- Coinbase (exchange)
Wallet
Running your node is
educational, useful and
wasteful (good luck syncing).
Geth is the official client
Parity has f***d up several
times.
Implementations in Python, JS,
C++, Java. Use at your own
risk.
Clients expose console, JSON-
RPC, logs.
Node (or not)
WHAT YOU NEED TO START
““Writing smart
contracts on
Ethereum is a
pleasure and the
tools are great”
No one, 2017
LET’S ICO GreeceJS
Pump
Throw decentralisation buzz works
Release whitepaper
Dump
Cash out
Bro down
testrpc is a Node.js based Ethereum client for testing and development.
It uses ethereumjs to simulate full client behavior and make developing
Ethereum applications much faster. It also includes all popular RPC
functions and features (like events) and can be run deterministically to
make development a breeze.

Sanity tip: use -db to keep accounts after restarts
Tools: ethereum-jsonrpc
Install, sync & run a full client is a hassle (but also the point)
This is probably the most portable and most convenient way to install Solidity
locally.
A platform-independent JavaScript library is provided by compiling the C++ source
into JavaScript using Emscripten. It can be used in projects directly (such as
Remix). Please refer to the solc-js repository for instructions.
Tools: solc-js
The fastest way to install the Solidity compiler
To make your app work on Ethereum, you can use the web3 object provided by
the web3.js library. Under the hood it communicates to a local node through
RPC calls. web3.js works with any Ethereum node, which exposes an RPC layer.
Tools: web3.js
The library that exposes Ethereum to rest of us
web3 runs in the browser. If web3 is loaded and can access Ethereum keys then
you can run any Dapp in your browser. 

The most common way to inject web3 into a window and be able to control an
Ethereum wallet is the Metamask Chrome plugin.
MetaMask is a bridge that allows you to visit the distributed web of tomorrow in
your browser today. It allows you to run Ethereum dApps right in your browser
without running a full Ethereum node. (because Mist sucks)

MetaMask includes a secure identity vault, providing a user interface (duh) to
manage your identities on different sites and sign blockchain transactions.

Bonus: IPFS Station Chrome plugin allows you to access IPFS urls seamlessly
from your local IPFS node, and take a look at its stats.
Tools: Metamask
Make Chrome Ethereum-aware
Truffle is the most popular development framework for Ethereum.
Truffle gives structure to your smart contract and help you compile, test,
deploy and migrate.
EthPM is the package manager for Smart Contracts B-E-W-A-R-E
You can write tests in both JS and Solidity. When it comes to “trusted”
computing you cannot escape tests!
Tools: Truffle
Let’s use some JS skills to manage Solidity dapps life cycle
candy maple cake sugar pudding cream honey rich smooth crumble sweet treat
Version pragma: Solidity upgrades break things, make sure the target is right!
Functions execute code internally or externally
Function Modifiers aka decorators
Events change the state, therefore you pay for their execution. Events are dispatched signals the
smart contracts can fire. DApps, or anything connected to Ethereum JSON-RPC API, can listen to
these events and act accordingly. Event can be indexed, so that the event history is searchable later.
event Deposit(address from, uint value);
Anatomy of a smart contract
Demo Time!
Deploy a smart contract
Choose a network (testrpc, testnets: [morden, ropsten, kovan, rinkeby], live)
Have enough gas to pay for deployment
When you deploy you become the owner of the contract unless if specified otherwise
Contract is deployed at an address. App.contracts.GreeceJSToken.deployed().then
ABI (Application Binary Interface) is generated without you cannot interact with web3.js.
ENS (Ethereum Naming System) to the rescue.
Store your web3.js at Swarm or IPFS
Tools: Remix
Tools: Etherscan
Blockchain browser
- Transaction explorer
- Block explorer
- Inspect smart contracts
- Monitor addresses
- See logs
Thanks!
Let’s talk @panosjee panos@marathon.vc
Any questions?

More Related Content

PPTX
The Foundation of Smart Contract Development on Ethereum
PDF
Ethereum in a nutshell
PDF
Smart contracts using web3.js
PPTX
The Blockchain and JavaScript
PDF
Part 4: Understanding the working of Smart Contracts
PDF
Developing Blockchain Applications
ODP
Stefano Maestri - Blockchain and smart contracts, what they are and why you s...
The Foundation of Smart Contract Development on Ethereum
Ethereum in a nutshell
Smart contracts using web3.js
The Blockchain and JavaScript
Part 4: Understanding the working of Smart Contracts
Developing Blockchain Applications
Stefano Maestri - Blockchain and smart contracts, what they are and why you s...

Similar to The JavaScript toolset for development on Ethereum (20)

PDF
DevEx in Ethereum - a look at the developer stack
PDF
Blockchain Coding Dojo - BlockchainHub Graz
PPTX
PPTX
Ethereum
PPTX
What is ethereum
ODP
Introduction to ethereum_public
PPTX
Understanding Ethereum: The Future of Blockchain Technology
PDF
Building Apps with Ethereum Smart Contract
PDF
Ethereum Development 101: Online meetup by CyberForge Academy Mohali
PDF
Introduction to Blockchain with an Ethereuem Hands-on
PDF
A Gentle introduction to Blockchain with Ethereum
PPTX
The Ethereum Blockchain - Introduction to Smart Contracts and Decentralized A...
PPTX
Ethereum
 
PDF
Smart contracts in Solidity
PDF
Handson Smart Contract Development With Solidity And Ethereum From Fundamenta...
PDF
Ethereum-Cryptocurrency (All about Ethereum)
PPTX
PDF
How to Write & Deploy a Smart Contract
PPTX
Dappsmedia smartcontract _write_smartcontracts_on_console_ethereum
DOCX
DevEx in Ethereum - a look at the developer stack
Blockchain Coding Dojo - BlockchainHub Graz
Ethereum
What is ethereum
Introduction to ethereum_public
Understanding Ethereum: The Future of Blockchain Technology
Building Apps with Ethereum Smart Contract
Ethereum Development 101: Online meetup by CyberForge Academy Mohali
Introduction to Blockchain with an Ethereuem Hands-on
A Gentle introduction to Blockchain with Ethereum
The Ethereum Blockchain - Introduction to Smart Contracts and Decentralized A...
Ethereum
 
Smart contracts in Solidity
Handson Smart Contract Development With Solidity And Ethereum From Fundamenta...
Ethereum-Cryptocurrency (All about Ethereum)
How to Write & Deploy a Smart Contract
Dappsmedia smartcontract _write_smartcontracts_on_console_ethereum
Ad

More from GreeceJS (19)

PDF
Introduction to react-query. A Redux alternative? (Nikos Kleidis, Front End D...
PDF
Next.js and the pursuit of happiness (Dimitris Michalakos, Lead Developer at ...
PDF
An Emoji Introduction to React Native (Panagiotis Vourtsis, Senior Front End ...
PDF
Under the hood of RxJS (Dimitris Livas) - GreeceJS #27
PDF
All About GRAND Stack: GraphQL, React, Apollo, and Neo4j (Mark Needham) - Gre...
PDF
Cross platform engineering - Lessons Learned (Michael Asimakopoulos, Valadis ...
PDF
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
PDF
Migrating from Monolithic to Serverless (Kostas Katsikas) - GreeceJS #22
PDF
Taming forms with React
PDF
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
PDF
Cycle.js - Functional reactive UI framework (Nikos Kalogridis)
PDF
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
PPTX
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
PPTX
Challenges of angular in production (Tasos Bekos) - GreeceJS #17
PDF
The case for HTTP/2
PDF
GraphQL vs REST
PPTX
Ellak JavaScript Day
PPTX
The history of asynchronous JavaScript
PDF
The tools & technologies behind Resin.io
Introduction to react-query. A Redux alternative? (Nikos Kleidis, Front End D...
Next.js and the pursuit of happiness (Dimitris Michalakos, Lead Developer at ...
An Emoji Introduction to React Native (Panagiotis Vourtsis, Senior Front End ...
Under the hood of RxJS (Dimitris Livas) - GreeceJS #27
All About GRAND Stack: GraphQL, React, Apollo, and Neo4j (Mark Needham) - Gre...
Cross platform engineering - Lessons Learned (Michael Asimakopoulos, Valadis ...
TypeScript: JavaScript that scales (Kostas Stergiou) - GreeceJS #22
Migrating from Monolithic to Serverless (Kostas Katsikas) - GreeceJS #22
Taming forms with React
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
Cycle.js - Functional reactive UI framework (Nikos Kalogridis)
React Native and the future of web technology (Mark Wilcox) - GreeceJS #15
The rise of Polymer and Web Components (Kostas Karolemeas) - GreeceJS #17
Challenges of angular in production (Tasos Bekos) - GreeceJS #17
The case for HTTP/2
GraphQL vs REST
Ellak JavaScript Day
The history of asynchronous JavaScript
The tools & technologies behind Resin.io
Ad

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Transforming Manufacturing operations through Intelligent Integrations
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PPT
Teaching material agriculture food technology
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
KodekX | Application Modernization Development
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
cuic standard and advanced reporting.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Spectroscopy.pptx food analysis technology
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
Big Data Technologies - Introduction.pptx
Advanced Soft Computing BINUS July 2025.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Transforming Manufacturing operations through Intelligent Integrations
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Teaching material agriculture food technology
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
KodekX | Application Modernization Development
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
Network Security Unit 5.pdf for BCA BBA.
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The Rise and Fall of 3GPP – Time for a Sabbatical?
cuic standard and advanced reporting.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Spectroscopy.pptx food analysis technology
Dropbox Q2 2025 Financial Results & Investor Presentation
Reach Out and Touch Someone: Haptics and Empathic Computing
NewMind AI Weekly Chronicles - August'25 Week I
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...

The JavaScript toolset for development on Ethereum

  • 1. ETHEREUMF O R J AVA S C R I P T D E V E L O P E R S GreeceJS #21 @panosjee Panos Papadopoulos
 Founder GreeceJS
  • 2. I am a software engineer that joined the other side of the Force I am a Partner at Marathon VC I was a founder at BugSense and Greece JS Hello! I Am Panos You can contact me at @panosjee
  • 3. Ethereum aims to be the global, decentralised, unstoppable, uncensorable computer. (Using blockchain and ponies of course) ETHEREUM
  • 4. I should have ICO’ed back then
  • 5. The crazy 2017 Ethereum rally
  • 6. THE BLOCKCHAINIn case you are living under a rock But way more complex in the case of Ethereum
  • 7. Every 14 seconds the results of the programs execution are shared and verified across all the nodes of the network. The new state is written in the blockchain. Ethereum programs are called Smart Contracts and are usually written in Solidity, Viper and LLL. Smart Contracts can be accessed via the web thanks to web3.js Ethereum listens to other nodes and executes program that compile to Ethereum Virtual Machine Users run an Ethereum client, usually geth (the official client written in Go) Ethereum for dummies Nodes EVM Smart Contracts Ether Smart Contract execution and storage costs. The cost is called gas and can be purchased for Ether the native currency of the network
  • 8. Enterprise Ethereum is an official effort to bring private Ethereum networks to the corporate world. Corporate friendly 14 seconds block generation makes for quick transactions and “fast” socially scalable programs. Fast Elliptical cryptography used for wallets, PoW to secure blockchain (might change to PoS) Secure Ethereum creates a computing platform that cannot be stopped or altered Uncensorable Ethereum is one the most well performing crypto- currencies of 2017. Asset Ethereum has a large enthusiastic community building blocks and dapps Community ETHEREUM CORE FEATURES
  • 10. What is the use case for smart contracts? Automate lawyers and trusted 3rd parties out of existence. Think processes that require trust: - Financial instruments - Voting - Tickets - Registries - Ballots - Marketplaces - Scams aka ICOs
  • 11. The main toolset includes the official smart contract language solidity and web3.js npm install solc npm install web3 npm install solium npm install truffle npm install ethereumjs-testrpc Oh and Meteor is a thing for the Ethereum community. Tools A wallet stores your private & public keys that generate addresses and sign your transactions. At a minimum you need a wallet to store & send Ether, interact & deploy smart contracts. Holding your keys makes you sovereign. Popular wallets: - MyEtherWallet - Mist - Coinbase (exchange) Wallet Running your node is educational, useful and wasteful (good luck syncing). Geth is the official client Parity has f***d up several times. Implementations in Python, JS, C++, Java. Use at your own risk. Clients expose console, JSON- RPC, logs. Node (or not) WHAT YOU NEED TO START
  • 12. ““Writing smart contracts on Ethereum is a pleasure and the tools are great” No one, 2017
  • 13. LET’S ICO GreeceJS Pump Throw decentralisation buzz works Release whitepaper Dump Cash out Bro down
  • 14. testrpc is a Node.js based Ethereum client for testing and development. It uses ethereumjs to simulate full client behavior and make developing Ethereum applications much faster. It also includes all popular RPC functions and features (like events) and can be run deterministically to make development a breeze. Sanity tip: use -db to keep accounts after restarts Tools: ethereum-jsonrpc Install, sync & run a full client is a hassle (but also the point)
  • 15. This is probably the most portable and most convenient way to install Solidity locally. A platform-independent JavaScript library is provided by compiling the C++ source into JavaScript using Emscripten. It can be used in projects directly (such as Remix). Please refer to the solc-js repository for instructions. Tools: solc-js The fastest way to install the Solidity compiler
  • 16. To make your app work on Ethereum, you can use the web3 object provided by the web3.js library. Under the hood it communicates to a local node through RPC calls. web3.js works with any Ethereum node, which exposes an RPC layer. Tools: web3.js The library that exposes Ethereum to rest of us web3 runs in the browser. If web3 is loaded and can access Ethereum keys then you can run any Dapp in your browser. The most common way to inject web3 into a window and be able to control an Ethereum wallet is the Metamask Chrome plugin.
  • 17. MetaMask is a bridge that allows you to visit the distributed web of tomorrow in your browser today. It allows you to run Ethereum dApps right in your browser without running a full Ethereum node. (because Mist sucks) MetaMask includes a secure identity vault, providing a user interface (duh) to manage your identities on different sites and sign blockchain transactions. Bonus: IPFS Station Chrome plugin allows you to access IPFS urls seamlessly from your local IPFS node, and take a look at its stats. Tools: Metamask Make Chrome Ethereum-aware
  • 18. Truffle is the most popular development framework for Ethereum. Truffle gives structure to your smart contract and help you compile, test, deploy and migrate. EthPM is the package manager for Smart Contracts B-E-W-A-R-E You can write tests in both JS and Solidity. When it comes to “trusted” computing you cannot escape tests! Tools: Truffle Let’s use some JS skills to manage Solidity dapps life cycle candy maple cake sugar pudding cream honey rich smooth crumble sweet treat
  • 19. Version pragma: Solidity upgrades break things, make sure the target is right! Functions execute code internally or externally Function Modifiers aka decorators Events change the state, therefore you pay for their execution. Events are dispatched signals the smart contracts can fire. DApps, or anything connected to Ethereum JSON-RPC API, can listen to these events and act accordingly. Event can be indexed, so that the event history is searchable later. event Deposit(address from, uint value); Anatomy of a smart contract Demo Time!
  • 20. Deploy a smart contract Choose a network (testrpc, testnets: [morden, ropsten, kovan, rinkeby], live) Have enough gas to pay for deployment When you deploy you become the owner of the contract unless if specified otherwise Contract is deployed at an address. App.contracts.GreeceJSToken.deployed().then ABI (Application Binary Interface) is generated without you cannot interact with web3.js. ENS (Ethereum Naming System) to the rescue. Store your web3.js at Swarm or IPFS
  • 22. Tools: Etherscan Blockchain browser - Transaction explorer - Block explorer - Inspect smart contracts - Monitor addresses - See logs