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
Mist and parity
PDF
How to be a smart contract engineer
PDF
Ingredients for creating dapps
PDF
Build dapps 1:3 dev tools
PPTX
Learning Solidity
PPTX
The Ethereum Geth Client
PPTX
Introduction to Ethereum
PPTX
Building decentralized applications (dapps) on Ethereum - Eva Shon, & Igor Li...
Mist and parity
How to be a smart contract engineer
Ingredients for creating dapps
Build dapps 1:3 dev tools
Learning Solidity
The Ethereum Geth Client
Introduction to Ethereum
Building decentralized applications (dapps) on Ethereum - Eva Shon, & Igor Li...

What's hot (20)

PDF
Ethereum Contracts - Coinfest 2015
PPTX
Ethereum
PPTX
Solidity Simple Tutorial EN
PDF
Blockchain Coding Dojo - BlockchainHub Graz
PPTX
Ethereum Smart contract
PPTX
Ethereum Block Chain
PPTX
OpenZeppelin + Remix + BNB smart chain
PDF
Ethereum bxl
PPTX
Ethereum Tutorial - Ethereum Explained | What is Ethereum? | Ethereum Explain...
PPTX
Ethereum Devcon1 Report (summary writing)
PPTX
PPTX
Hands on with Smart Contracts session #3
PDF
The Ethereum Experience
PDF
Building Ðapps on the Ethereum Platform
PPTX
Ethereum Web3.js - Some tips for the developer
PDF
Blockchain Development Trends 2021
PPTX
Blockchain for Developers
PDF
Ethereum VM and DSLs for Smart Contracts (updated on May 12th 2015)
PDF
Smart contracts using web3.js
PDF
The world computer
Ethereum Contracts - Coinfest 2015
Ethereum
Solidity Simple Tutorial EN
Blockchain Coding Dojo - BlockchainHub Graz
Ethereum Smart contract
Ethereum Block Chain
OpenZeppelin + Remix + BNB smart chain
Ethereum bxl
Ethereum Tutorial - Ethereum Explained | What is Ethereum? | Ethereum Explain...
Ethereum Devcon1 Report (summary writing)
Hands on with Smart Contracts session #3
The Ethereum Experience
Building Ðapps on the Ethereum Platform
Ethereum Web3.js - Some tips for the developer
Blockchain Development Trends 2021
Blockchain for Developers
Ethereum VM and DSLs for Smart Contracts (updated on May 12th 2015)
Smart contracts using web3.js
The world computer
Ad

Similar to Javascript toolset for Ethereum Smart Contract development (20)

PDF
10 most used blockchain tools in 2021 for blockchain development
PPTX
Build your own Blockchain with the right tool for your application
PPTX
Ethereum Part II: Smart Contract. DApps,EVM,Gas, ICO.pptx
PDF
All About Ethereum
PDF
Exploring ethereum
PDF
Developing Blockchain Applications
PDF
The Decentralized Developer Toolbox by Petros Ring
PDF
Part 4: Understanding the working of Smart Contracts
PPTX
How to design, code, deploy and execute a smart contract
PPTX
Ethereum (Blockchain Network)
PPTX
What is ethereum
PDF
10 Best Programming Languages for Blockchain in 2023.pdf
PPT
Ethereum introduction
PDF
Ethereum in a nutshell
PDF
Dylan Butler & Oliver Hager - Building a cross platform cryptocurrency app
PDF
Eraswap Network (ESN): A unique Blockchain Network!
PDF
Eraswap Network (ESN): A unique Blockchain Network!
PDF
Eraswap whitepaper
PDF
EraSwap White Paper
PDF
Esn whitepaper
10 most used blockchain tools in 2021 for blockchain development
Build your own Blockchain with the right tool for your application
Ethereum Part II: Smart Contract. DApps,EVM,Gas, ICO.pptx
All About Ethereum
Exploring ethereum
Developing Blockchain Applications
The Decentralized Developer Toolbox by Petros Ring
Part 4: Understanding the working of Smart Contracts
How to design, code, deploy and execute a smart contract
Ethereum (Blockchain Network)
What is ethereum
10 Best Programming Languages for Blockchain in 2023.pdf
Ethereum introduction
Ethereum in a nutshell
Dylan Butler & Oliver Hager - Building a cross platform cryptocurrency app
Eraswap Network (ESN): A unique Blockchain Network!
Eraswap Network (ESN): A unique Blockchain Network!
Eraswap whitepaper
EraSwap White Paper
Esn whitepaper
Ad

Recently uploaded (20)

PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
KodekX | Application Modernization Development
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
cuic standard and advanced reporting.pdf
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
Modernizing your data center with Dell and AMD
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Encapsulation theory and applications.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Electronic commerce courselecture one. Pdf
KodekX | Application Modernization Development
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
cuic standard and advanced reporting.pdf
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Building Integrated photovoltaic BIPV_UPV.pdf
Machine learning based COVID-19 study performance prediction
Modernizing your data center with Dell and AMD
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Digital-Transformation-Roadmap-for-Companies.pptx
MYSQL Presentation for SQL database connectivity
Mobile App Security Testing_ A Comprehensive Guide.pdf
Network Security Unit 5.pdf for BCA BBA.
Encapsulation theory and applications.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
The AUB Centre for AI in Media Proposal.docx

Javascript toolset for Ethereum Smart Contract development

  • 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