How to build dApp with Solidity, Truffle and Angular 6 step by step

by | Aug 3, 2018 | Courses

Short dApp course info

In the current course, we will have a few lessons with content about dApp development, code, and some programming knowledge.

Our content is divided for 8(with introduction) lessons, and all from lessons have few slides where you can learn how to build dApp with solidity and Angular6, will be good if you will do course step by step how creators added it to Duomly.

Prerequisites

You don’t need programming skills to finish my course, but of course is better if you have to understand the content better and use it in future.

For sure would be good if you have skills about using git, terminal, your operating system on an at least basic level but if you don’t know something, always you can use Google or ask.

What you will learn in dApp course

Here is the short list of lessons and you can check the small overview of them:

1.Course overview and introduction

It’s just course introduction (current lesson)

2.Configure the environment

Here you will get a better overview of tools and technologies which we will use, what they are and how to install them.

3.Create the structure of your application

In this part, of course, you will see how our course structure will look, what should contain and how to create that, you will learn how to init project by truffle and how to use angular-cli with angular6.

4.Create a smart contract

In the 4th part, of course, we will focus on creating the smart contract, we will discuss all necessary functions, how to add variables or data types and we will build our blockchain features.

5.Blockchain deployment and testing

This part will teach you how to compile your contracts, how to setup truffle to be connected with the geth network and how to deploy your contracts inside this network.

6.Create UI

In Lesson 6 you will learn how to use Angular6, how to create components, their logic, templates, and services, you will also learn how to connect all of the front end parts to build an excellent looking app.

7.Connect UI with blockchain with Web3.js

In the 7th part, of course, we will work on connecting our frontend with blockchain, we will learn how to install and implement Web3, how to fix the problem with newest Web3.js on angular6 and how to make the whole app working together.

8.How to host dApp on IPFS

This part will teach us about IPFS and free, decentralized p2p hosting. We will install IPFS and configure, next we will add our files to IPFS, deploy and test all works.

Start learning now!

Angular tutorial

Some time ago, I created the first tutorial about React.js where I showed you how to create an easy React.js application using an existing API and Bootstrap for styling. The positive response for this article brought me to the idea of creating a series of simple...

What skills you need to be a good developer?

Every profession has special requirements; for example, to be a doctor, you have to know biology, finish medical university, but besides the hard skills, as a doctor, you have to be emphatic. As a teacher, you need to have qualifications to work with kids, but you...

Angular tutorial

Angular tutorial

Some time ago, I created the first tutorial about React.js where I showed you how to create an easy React.js application using an existing API and Bootstrap for styling. The positive response for this article brought me to the idea of creating a series of simple...

React.js performance tutorial

React.js performance tutorial

Building applications sometimes can be a bit challenging, especially when we need to build a fast and good-quality application. These times it can be necessary, especially when search engines can give bonus SEO points for faster working apps, and it can help us to...

Vue.js tutorial: How to create Vue.js app in 5 minutes?

Vue.js tutorial: How to create Vue.js app in 5 minutes?

Vue.js is getting more and more popular, becoming a meaning competitor to frameworks like Angular or React.js. As a beginner-friendly front-end framework, it successfully conquers the hearts of junior front-end developers and people who just started to learn front-end...

8 CSS image filters with code examples

8 CSS image filters with code examples

Using images, we can create an atmosphere, arouse happiness, smile, sadness, or any different emotion. With images, we can show a lot, and tell a lot as well; that’s why pictures are so widely used in the websites and applications. Designers take care of how users...

CSS Grid tutorial

CSS Grid tutorial

When we build front-end, always we need to create a structure of our page, and very often, we need to create any grid. We can position elements in a few ways. For example, in the previous article I showed you how we could do it via flexbox. So, today, I would like to...

Share This