Over 39,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.
What does blockchain have to do with web development?
Blockchain technology has become synonymous with cryptocurrencies and token crowd sales. However, there are a variety of blockchain applications that could be applied to web development. Blockchain technology is one of the latest trends in the web development industry. There has been a lot of hype surrounding this buzzword, and most people are still wondering what the real use cases of blockchain technology are, and if they can actually apply it to make profitable business models.
You will learn all fundamental aspects of creating and connecting blockchain application to website 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.
Hurry though… the price might change at any point
And if you don’t think it live up to promise I’ve made you…
Or you think you cannot develop your own blockchain web app in the end…
There is a 30-Day Money-Back Guarantee…
All risk is lifted from your shoulders and placed squarely on mine. Join the BEST Blockchain Web Development on Udemy today!
See you on the inside!
Frontend application
-
1How To Get The Most Out Of This Course
-
2Project Architecture
Get an overview of the whole project structure which consists of:
Frontend build in Angular
Smart Contract written in Solidity
Middleware using web3js
-
3Setting up environment
We will install the requirements for development: Visual Studio Code and NodeJS and setup sample Angular project.
-
4Dependencies
To make sure we are having the same dependencies:
- delete package-lock.json file
- delete node_modules
- replace package.json content with the following and then run "npm install" :
{
"name": "blockchain-poll",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"browser": {
"http": false,
"https": false,
"os": false
},
"private": true,
"dependencies": {
"@angular/animations": "~9.1.3",
"@angular/common": "~9.1.3",
"@angular/compiler": "~9.1.3",
"@angular/core": "~9.1.3",
"@angular/forms": "~9.1.3",
"@angular/platform-browser": "~9.1.3",
"@angular/platform-browser-dynamic": "~9.1.3",
"@angular/router": "~9.1.3",
"apexcharts": "^3.19.0",
"bootstrap": "^4.4.1",
"jquery": "^3.5.0",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"web3": "^1.2.7",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.3",
"@angular/cli": "~9.1.3",
"@angular/compiler-cli": "~9.1.3",
"@angular/language-service": "~9.1.3",
"@types/jasmine": "~3.8.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.3",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
}
}
Smart Contract and blockchain
-
5Overview
-
6Frontend architecture
We will describe the frontend architecture and components which we will develop.
-
7Website mockup
We will define interfaces and mockup a simple website design with implementation using Bootstrap.
-
8JavaScript requires jQuery
-
9PollCreate component view
We will develop PollCreate component (view) which will be responsible for handling input form data, for creating polls.
-
10PollCreate component logic
We will implement PollCreate component (logic), setup reactive form and verify we are getting correct data.
-
11Poll component view
We will implement Poll component (view) responsible for displaying short information about the poll.
-
12Poll component logic
We will implement Poll component remaining logic.
-
13PollVote component voting
We will implement PollVote component logic for voting.
-
14PollVote component results (charts)
We will implement PollVote component logic for displaying charts using Apex charts.
-
15Displaying active poll
We will implement displaying of active poll in the PollVote component.
-
16PollService setup
We will implement and mock-up PollService, responsible for executing functions.
-
17Wiring up components
We will wire up outputs of components and make sure the data flow from components to PollService works.
Connecting it all together - middleware
-
18Overview
In this section you will learn about:
where to create smart contract
how to create smart contract
solidity fundamentals
contract interaction
-
19Remix introduction
Learn basics of Remix editor, structure and plugins needed.
-
20Solidity - types
Solidity types: uint, bool, string, bytes...
-
21Solidity - functions
Solidity functions: types, visibility etc.
-
22Solidity - restrictions and modifiers
Learn about function modifiers and require statements.
-
23Contract interaction
Learn how you can interact with your smart contract and execute functions to test if it works as expected.
-
24PollContract - defining types
Now we will develop our PollContract and we start by defining the types we need.
-
25PollContract - creating poll
We will implement creatingPoll function and handle possible errors.
-
26PollContract - getting poll
We will define getPoll function and return data we need for our frontend.
-
27PollContract - voting
We will implement vote function which handles the logic of voting and possible errors.
-
28PollContract - getting voter
We will implement function for getting voter and data we need for our frontend.
-
29Metamask setup
We will setup Metamask and learn basics.
-
30Ganache setup
We will setup Ganache, local blockchain, and learn the basics.
-
31Deploying contract to local blockchain
We will learn how to deploy your own smart contract to local blockchain using Remix.