Blockchain Web Development on Ethereum [2020]
4.2 (107 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
25,076 students enrolled

Blockchain Web Development on Ethereum [2020]

The only course you need to learn development of decentralized web application powered by Ethereum blockchain!
4.2 (107 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
25,076 students enrolled
Created by Tomas Mikula
Last updated 6/2020
English
English [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 2 articles
  • 5 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Develop full decentralized web application on Ethereum blockchain
  • Learn smart contract fundamentals and interaction
  • Learn how to connect your web application to blockchain
  • How to react to blockchain events
  • How to deploy and run local blockchain
Course content
Expand all 38 lectures 03:04:01
+ Introduction
3 lectures 13:26

Get an overview of the whole project structure which consists of:

  • Frontend build in Angular

  • Smart Contract written in Solidity

  • Middleware using web3js

Preview 02:51

We will install the requirements for development: Visual Studio Code and NodeJS and setup sample Angular project.

Setting up environment
08:39
+ Frontend application
13 lectures 01:09:03

We will describe the frontend architecture and components which we will develop.

Frontend architecture
01:21

We will define interfaces and mockup a simple website design with implementation using Bootstrap.

Preview 07:24
JavaScript requires jQuery
00:12

We will develop PollCreate component (view) which will be responsible for handling input form data, for creating polls.

PollCreate component view
05:06

We will implement PollCreate component (logic), setup reactive form and verify we are getting correct data.

PollCreate component logic
06:52

We will implement Poll component (view) responsible for displaying short information about the poll.

Poll component view
05:35

We will implement Poll component remaining logic.

Poll component logic
07:20

We will implement PollVote component logic for voting.

PollVote component voting
06:00

We will implement PollVote component logic for displaying charts using Apex charts.

PollVote component results (charts)
06:42

We will implement displaying of active poll in the PollVote component.

Displaying active poll
06:33

We will implement and mock-up PollService, responsible for executing functions.

PollService setup
05:52

We will wire up outputs of components and make sure the data flow from components to PollService works.

Wiring up components
09:52
+ Smart Contract and blockchain
14 lectures 57:38

In this section you will learn about:

  • where to create smart contract

  • how to create smart contract

  • solidity fundamentals

  • contract interaction

Preview 00:43

Learn basics of Remix editor, structure and plugins needed.

Remix introduction
02:13

Solidity types: uint, bool, string, bytes...

Solidity - types
07:59

Solidity functions: types, visibility etc.

Solidity - functions
08:20

Learn about function modifiers and require statements.

Preview 04:22

Learn how you can interact with your smart contract and execute functions to test if it works as expected.

Contract interaction
05:26

Now we will develop our PollContract and we start by defining the types we need.

PollContract - defining types
03:42

We will implement creatingPoll function and handle possible errors.

PollContract - creating poll
05:55

We will define getPoll function and return data we need for our frontend.

PollContract - getting poll
03:41

We will implement vote function which handles the logic of voting and possible errors.

PollContract - voting
04:11

We will implement function for getting voter and data we need for our frontend.

PollContract - getting voter
02:56

We will setup Metamask and learn basics.

Metamask setup
02:21

We will setup Ganache, local blockchain, and learn the basics.

Ganache setup
02:15

We will learn how to deploy your own smart contract to local blockchain using Remix.

Deploying contract to local blockchain
03:34
+ Connecting it all together - middleware
8 lectures 43:53

In this section you will learn how to connect your frontend with the smart contract. How to glue them together by writing the middleware.

Preview 00:19

Setting up middleware service and connecting to Metamask from frontend.

Connecting to blockchain - Web3 Service
09:18

Execute transactions from f

Executing transactions
06:51
Writing to blockchain - PollService
05:06
Reading from blockchain - Web3Service
05:13
Normalizing data - PollService
08:41
Reacting to blockchain events
06:42
Conclusion
01:43
Requirements
  • Basic web development knowledge (Angular, React, Vue...)
  • Prepare to build real blockchain web app!
  • Be ready to learn lot of cool stuff
Description

Over 11,000 happy students from 136 countries!

Hello! Welcome to the Complete Blockchain Web Application Development course, the only course you need to build decentralized web applications. While there are other courses, how is this one different?

You will learn all fundamental aspects of creating and connecting blockchain application to the frontend interface and interacting with it.

Course is divided into 3 main sections:

  • Frontend application - developed in Angular, completely decoupled from blockchain.

  • Smart Contract and blockchain - learning the fundamentals of developing, deploying (locally) and interacting with smart contract.

  • Middleware - The most important "glue" between the frontend and smart contract.

How is the course structure?

  • This IS NOT 10-hour course with 200 lectures, boring powerpoint slides and lot's of theory.

  • This IS NOT pre-scripted, pre-coded, no errors - way of programming.


  • This IS hands on practice straight away, building real web application.

  • This IS realistic way of programming on the fly, encountering errors which you might get and solving them on the way.

  • This IS powerful new skill, which you are able to use straight after the course yourself!

Sign up today and see how fun and exciting the web development of blockchain application can be!

Who this course is for:
  • Web developers
  • Blockchain enthusiasts
  • Ethereum enthusiasts