• Post category:StudyBullet-8
  • Reading time:8 mins read


Learn Professional Dapp Development – Solidity & Javascript – with Nextjs, IPFS, Hardhat, OpenZeppelin, Ethers, Tailwind

What you will learn

Become able to create a professional NFT Marketplace using NextJs, Hardhat, OpenZeppelin, and Ethers

Code along and improve Javascript & Solidity skills for smart contracts and blockchain on the front and back end

Professional Blockchain techniques working with the Ethereum & Polygon network as well as the ethers library

Practice Functional Programming with react Hooks to professionally organize state in applications

Get support and make connections online with an active focused community with developers and mentors

Improve User Inteface Design skills for modern looking applications with CSS and powerful styling libaries

Description

Learn full stack DApp Development by building out from scratch to completion an NFT Marketplace (for minting, buying and selling NFTs live with IPFS data hosting) onto Polygon as a layer 2 Ethereum Solution using the best modern tools and languages.

Join in early on an exciting technology implementing global changes to multiple industries and businesses with DApps.

This is the course you’ve been looking for to get the full picture and functionality for DApp development and what it takes to succeed from testing to successful deployments and  upgrades. Are you interested in writing your own Smart Contracts in the context of building a complete DApplication with NextJs and Ethers?

Do you want to learn about Hardhat and Infura, very powerful DApp development tools for connection blockchain to the front end? Do you prefer as a learner to jump right into project and save valuable time by building along a project and advancing your knowledge by being hands on? If so, then this is perfect course is for you!

In this course we build a complete NFT Marketplace DApp from start to finish. Every line of code we write is coded out live in real time and explained (we even go deep into the libraries and frameworks and connect the dots). We start off by installing and initializing everything we need to build a DApp with a local development environment and run through each dependency and library and break it all down. Once we’re nice and warmed up, we immediately dive into demonstrating and reverse engineering a fully functional NFT Marketplace example from Nader Dabit.

What you will learn in this course:


Get Instant Notification of New Courses on our Telegram channel.


  • Setting up the DApp development environment
  • Create a Nextjs app using the create-next-app utility to recompose the React library
  • Compile and Deploy Smart Contracts to Blockchain with Hardhat functionality
  • Implementing industry standard NFT smart contracts for DApps with the ERC721 OpenZeppelin Contracts
  • Using functional programming to maintain DApp state
  • IPFS data hosting with Infura Blockchain Suite Project Management
  • Implementing an NFT Minting form on the front end to lock in Metadata and Files for the DApp
  • Looping, iterating, and filtering through hash tables with Javascript and Solidity
  • Modern Card Design and UI with Tailwind and CSS
  • Hooking up a web3 provider to the Polygon and Ethereum network
  • Running full unit testing with Chai
  • And much more along the way!

Course Set up and Tools

This course develops its DApp project and source code with Visual Studio Code, a free (and pretty sweet) text editor for code. You can of course use your preferred IDE and any operating system you like… well as long as it’s either Max OSX, Windows or Linux.

Is this the right course for you?

This course is straight to the point, time sensitive, and focuses on completing the project at hand (the reasons and explanations for the code and how it works) as the primary. Pretty much all of this course in its entirety is just building out our DApp NFT Marketplace and stopping to explain the techniques and library connections along the way. If you are the type of person who gets the most out of learning ‘by doing’, then this course will be for you.

It’s important to please note that we do not start from zero coding knowledge. While you can jump in with beginner or intermediate skill level, you will need to have some basic JavaScript, web development and blockchain knowledge (please see my complete Solidity Course from Zero to Expert if you wish to start at the very beginning). If you have web development experience with other frameworks and languages besides React or JS then you should be fine as well. This course is essentially a demonstration on all the modern tools and patterns required to build a successful Dapp that you can then easily deploy on Blockchain’s main network.

English
language

Content

What Is A DApplication – Non Technical Fundamentals & Basics

Important Quick Note
What is a DApp – Basic Definition
The DApp Problem Solving Statement
How Does A DApp Fundamentally Work
What Are The Benefits of DApps
Dapp Vulnerabilities
DApp Examples
OpenSea – Functionality Case Study
Dapp Overview

Complete DApp Development Environment Set Up For NFT Marketplace

NFT Marketplace Overview – Reference
Download DApp Project Dependancies
Complete NFT Project Structure Overview
Hardhat & Infura Blockchain Configurations
Setting Up MetaMask & Private Key Access
Minting NFT Smart Contract Functionality
NFT Market Smart Contract Part I
DApp Smart Contracts Part II
DApp Smart Contracts Part III
DApp Smart Contracts Part IV – Fetching NFTs
DApp Smart Contract Part IV – Full Review

DApp Unit Testing – Smart Contract Compilations & Deployments

Full Testing – DApp Smart Contract Market
Hardhat Compiling NFTs & Running Tests
DApp Application UI & Styling
Styling The DApp UI
Deploying Smart Contracts & Running A Local Blockchain

DApp NFT Marketplace Front End Build

Loading NFTs To The Market Function
Buy NFTs Function
Mapping Out NFTs with Tailwind & NexJs
File Hosting with IPFS
Minting NFTs Final Functionality
Front End Form For Blockchain Interaction
Let’s Mint our First NFT with the DApp!
Debugging The Front End – Javascript & Web Dev Tools
Display Purchased NFTs on DApp
Final DApp Code Part I – Dashboard Page
Final DApp Code Part II – Final Conclusion