Julien Klepatch – Todo List Dapp (Legacy)

Use the Truffle framework to build Ethereum Dapps: compilation, migration, configuration of Truffle project. Use Web3 and TruffleContract to communicate between the frontend and the smart contract.

 

Julien Klepatch – Todo List Dapp (Legacy)

 

You will learn how to:

Develop Solidity smart contracts: data structures, functions, modifier, mapping, arrays, and more.
Use the Truffle framework to build Ethereum Dapps: compilation, migration, configuration of Truffle project
Use Web3 and TruffleContract to communicate between the frontend and the smart contract
Configure Webpack for Ethereum Dapp development (with truffle-solidity-loader)

This will cover every part of the Dapp:

Smart contract (Solidity)
Backend (Nodejs server to serve the frontend)
Frontend (Javascript, jQuery, React, Redux & Saga)

The dapp will be able to:

create new tasks
list existing tasks
toggle a done/not done status for each task.

The dapp will look like this:
Your Instructor
Julien Klepatch
Hi! My name is Julien and I am the instructor of EatTheBlocks Pro.
I am a senior Blockchain software engineer. I used to work in Finance, and I switched to software development 6 years ago.
For the past 3 years, I have been building Dapps and Solidity smart contracts for several Ethereum and ICOs projects, including Lendingblock, an institutional crypto lending exchange.
I run EatTheBlocks, a youtube channel for Ethereum developers. I have also published a Blockchain course for Manning.
I also contribute to the code of Drizzle and I spoke at TruffleCon 2019 on Drizzle.
I also have extensive experience with Nodejs, Javascript & React, having worked as a full-stack software engineer for the last 6 years. Github & LinkedIn

Get immediately download Julien Klepatch – Todo List Dapp (Legacy)

Course Curriculum
Writing the Smart contract

Step 1: Writing the smart contract (Part I) (15:46)
Step 2: Writing the smart contract (Part II) (17:45)

Setup backend & Frontend

Step 3: Writing The Nodejs Backend
Step 4: Setup The Frontend & Read Account Data (20:37)

Build the frontend with jQuery

Step 5: Build a smart contract client with Truffle Contract (14:11)
Step 6: Webpack, ES6 and truffle-solidity-loader (23:45)
Step 7: Read Contract data from Frontend (25:56)
Step 8: Create Smart Contract Data From The Frontend (18:19)
Step 9: Toggle Task Done & Keep Frontend Updated (14:21)

Refactor With React

Step 10: Refactor with React (14:22)
Step 11: Refactor with React (Part II) (11:09)
Step 12: Refactor with React (Part III) (6:17)
Step 13: Refactor with React (Part IV) (13:31)
Step 14: Refactor with React (Part V, Update to Solidity 0.5.x) (25:07)

Refactor with Drizzle

Step 15: Refactor with Drizzle – Part I (27:55)
Step 16: Refactor with Drizzle – Part II (18:31)