UDEMY
UDEMY Logo

The Complete NFT Web Development Course - Zero To Expert 

  • Offered byUDEMY

The Complete NFT Web Development Course - Zero To Expert
 at 
UDEMY 
Overview

Learn how to build an NFT Marketplace - Solidity And React - Truffle + Web3 for NFTs (Non-Fungible-Tokens) - Blockchain

Duration

24 hours

Total fee

455

Mode of learning

Online

Credential

Certificate

The Complete NFT Web Development Course - Zero To Expert
 at 
UDEMY 
Highlights

  • Earn a Certificate of completion from Udemy
  • Learn from 14 downloadable resource and 11 articles
  • Get full lifetime access of the course material
  • Comes with 30 days money back guarantee
Read more
Details Icon

The Complete NFT Web Development Course - Zero To Expert
 at 
UDEMY 
Course details

What are the course deliverables?
  • Introductions to the key NFT tools you need including: Solidity, Javascript, React, Truffle & Web3
  • All the core basics: How Smart Contracts work (ERC165 ERC20 and erC721) and how to implement with the best practices. ?
  • Web Development under the hood: JSON & API Calls, The EVM - Ethereum Virtual Machine & Ethereum Provider
  • Working with events and state to build scalable applications
  • Gain a deep knowledge of how NFTs work under the hood from Enumerating, Metadata, Minting, Transferring and more
  • Building Website & Application Fundamentals: HTML, CSS, Javascript including Bootstrap Styling & Material Design
  • React Hooks & Class Components!
  • Reading Documents and Implementing Libraries like Web3?
  • How to debug Applications for NFT Blockchain Interaction and API Calls.?
  • Styling Applications with ?Bootstrap Components" and "CSS Modules"?
  • Writing Smart Contracts and Building Interfaces of The ERC 721 Standard (NFTs)?
  • Sending Http requests & handling transitional States + Responses?
  • Handling forms and state updates?
  • Migrating and Updating NFT Smart Contracts with Truffle
  • Learn Solidity Fundamentals and Advanced Smart Contract Creation Techniques
  • An in-depth understanding of Truffle Console
  • Developing a Local Environment for building an NFT Marketplace
  • Implementing Authentication
  • Complete Suite Unit Testing With Mocha
  • Learning Modern JavaScript and promises including Async-Await & Axios
  • Building Advanced CSS including Animations
  • Build a landing page and a Weather Application thousands of cities and an NFT Marketplace all from scratch!!
  • And so much more - scroll through our full curriculum to see the full breakdown of lessons and projects!
  • This course is a focused employable bootcamp into building Web Development for NFTs and beyond
Read more
More about this course
  • Learn how to build an NFT Marketplace - Solidity And React - Truffle + Web3 for NFTs (Non-Fungible-Tokens) - Blockchain
  • Become a Complete NFT Web Developer by learning the best in demand skills taught by renown engineer and full stack developer Clarian North. Join in early on an exciting technology implementing global changes to multiple industries and businesses
  • This course was designed with the latest NFT tools including the Solidity Compiler, Truffle, and Web3 Patterns in 2021 as well as teaches the very latest Web Development techniques and version of React with both hooks and class components

The Complete NFT Web Development Course - Zero To Expert
 at 
UDEMY 
Curriculum

What is an NFT (A cultural Introduction)

Overview - Getting started with NFTs

What Is An NFT As An Artform & Collectible

What Are Some Examples of NFTs (Non Fungible Tokens)

Technically Defining What Is An NFT

The Internet Of Assets (The World in Web3)

Join Our Online School (Developers & Mentors)

Exercise: Meet The Community

The Ethereum Virtual Machine - EVM - (NFT Technology under the hood)

What is A Virtual Machine (Basic Introduction)

What Are Smart Contracts - Ethereum & Solidity

Optional - Advanced - Introduction to Opcodes for the EVM

How Contract Storage Works With Ethereum Smart Contracts

Optional - Advanced - Opcodes Allow The EVM To Compute Almost Anything

Review - What Is The EVM

What is an NFT Marketplace (Introduction)

What Is An NFT Marketplace (Formal Definition)

Introduction To Our KryptoBirdz Marketplace Concept

What Is OpenSea (Introduction)

What is an NFT Collections & Collectibles (KryptoBirdz Example)

Minting & Trading NFTs (KryptoBirdz Example)

Exercise - Practice With A NFT Marketplace

What is Algorithmically Generated NFT Art

Review on NFTs & Next Steps

What is the ERC721 NFT Standard

Overview - The Standardizaion of NFT Smart Contracts

NFT & Gaming Introduction (CryptoKitties Example)

What Real Problems Do Non Fungible Tokens Actually Solve (Besides Cool Games)

Formally defining what is an ERC721 Token

ERC721 By Example (BalanceOf Function)

EIP - The Ethereum Improvement Proposal

Review - What is the ERC721 Token Contract

Exercise - Meet a Web3 Community and Ask A Question

Optional - Crash course solidity (Programming for Complete Beginners) Part1

Overview - Getting Started With Programming

IMPORTANT NOTE

How To Code Along In These Sections - Remix Ethereum IDE Introduction

Quick Note On The Upcoming Crash Course Section

What Is Solidity (As A Coding Language)

Pragma Solidity (How To Select Compiler Versions)

Creating Smart Contracts In Solidity

What are Variables & Datatypes in Solidity

Deploying Your Very First Smart Contract Token

Visibility keywords in Solidity

Exercise - Solidity Visibility Challenge

Solution - Solidity Visibility Challenge

Optional - Crash course solidity (Programming for Complete Beginners) Part2

Important Note

What is a Constructor in Solidity

What is Mapping in Solidity

Exercise - Write A Mapping

Solution - Write A Mapping

What Are Events in Solidity

The Mint Token Function Signature

Conditional Logic & Error Handling in Solidity

Updating Token Balances & the += Operator

Exercise - Write A Send Token Function

Solution - Write A Send Token Function

Deploy Your First Mintable Token Contract

Optional - Extra solidity practice for Beginners and Glossary

Overview - How To Go Through This Optional Coding Section

IMPORTANT NOTE

General Introduction To Variables & Types

Introduction To Booleans, Integers, & Strings

Writing Solidity Variables

Exercise write Variables

Solution - Write Variables

Introduction To Decision Making - If Statements in Solidity

How To Write If Statements in Solidity

Solution - Write An Airdrop If Statement In Solidity

Arrays in Solidity - Pop Push & Length Methods

Arrays in Solidity - Delete

Exercise - Maintain a Compact Array

Solution - Maintain a Compact Array

What Are Abstract Contracts in Solidity

How to Setup Development Environment for NFTs

Overview - Setting Up The NFT Development Environment

What Is MetaMask

What Is A Terminal

What Is A Terminal Part II

What Is Node.js Part I

What Is Node.js Part II

What Is NPM Basics

How To Install Ganache

How To Use Ganache

Connecting MetaMask To Ganache

How To Work With Truffle

Git Clone The Starter Project (+ Introduction To Github)

Download Your First Text Editor (VSC)

Getting Started with Visual Studio Code (Customizations & Workflow)

Set up NFT Project Configuration & Architecture

Overview - Configuring The NFT Environment Setup

IMPORTANT NOTE

What Is The Package.json File

What is JSON (Examples)

NFT Project Dependency Overview

Package.json vs Package-lock-json

The Index.js FIle

The Index.html File

Adding Projects Folders & Architecture Setup

Installing The NFT Project Dependancies

Initialize Truffle Configurations (Truffle Init)

Truffle Configurations & Customizations

The Migrations Truffle Smart Contract Overview

Write The Upgrade Smart Contract Migration Function

Building NFT Smart Contract - First Steps

Overview - Deploying Your NFT Smart Contract

NFT Smart Contract KryptoBirdz Shell Creation

Organize The NFT Image Files

Truffle Deployment Javascript File

First Truffle Local Compile

Deploy Your First Smart Contract On Ganache

Truffle Console (Javascript - Syncronous and Asyncronous)

Truffle Console (Async Await & Fetching Blockchain Data)

NFT smart contracts (ERC721) Part 1

Overview - Minting NFT Token Functionality

The Ethereum Improvement Proposal (EIP ERC721 Standard)

EIP & The Open Zeppelin Token Contracts

Refactoring Metadata to an ERC721Metadata Smart Contract

Create The ERC721 Connector Smart Contract

Exericse - Hook up the ERC721Connector to the Main NFT Marketplace Smart Contract

Solution - Hook up the ERC721Connector To The Main NFT Smart Contract

Migrate And Test NFT Smart Contract Updates

The ERC721 Main NFT Smart Contract

The Minting NFT Function Steps

NFT smart contracts (ERC721) Part 2

Mapping Database for The Minting NFT Function

Exercise - Write The Minting NFT Function

Solution - Write The Minting NFT Function

Bonus 2 Solution - Write The Minting NFT Function

Transer Event for Minting NFTs

Storing NFTs on the marketplace Smart Contract I

Storing NFTs on the marketplace Smart Contract II

Mint your very first coding NFT

NFT smart contracts (ERC721) Part 3

Overview - Inheritance & Enumeration

BalanceOf Vs OwnerOf NFT Functions

Write The BalanceOf & OwnerOf NFT Functions

Update NFT Contract Migrations

NFT Minting & ERC721 Inheritance Review

Minting Blockchain Verification & NFT Ownership

Enumeration & NFT TotalSupply Calculation

Virtual & Override Inheritance Pattern

Exercise - Build Enumerating Mapping Database

Solution - Build Enumerating Mapping Database

Add NFT Tokens To TotalSupply

Connecting Enumerations & Debugging

Truffle Console NFT Suppy Test

NFT smart contracts (ERC721) Part 4

Overview Transferring NFT Functionality

AddTokensToAllEnumerations NFT Function

Exercise - Add Tokens To Owner Enumerations

Solution - Add Tokens To Owner Enumerations

Complete The Token By Index Function

Complete The OwnerByIndex & TokenByIndex Functions & Compile

TransferFrom NFT Outline EIP

TransferFrom NFT Setup

Exercise - Write The TransferFrom NFT Function

Solution - Write The TransferFrom NFT Function

Complete The TransferFrom NFT Function

Transfer NFTs & Trufle Console Tests

Optional approval functionalities for NFTs

Overview - Optional Approval Functionality

Write An Aprrove NFT Function (Example)

Approval Transfer Bonus Exercise

ERC165 & NFT smart contract Interface support

Overview Interfaces & Cryptographic Functions

What Is The ERC176 Standard

ERC165 & IERC165 Remix Ethereum Example Set Up

What Are Bytes In Solidity Review

Byte Flow & NFT Interfance Hierarchal Inheritance

Function Overloading Vs Overriding

What is Keccake (Hashing Function)

Cryptographic Hashing For NFT Function Signatures

What Is The XOR Operator

Registering Supported Interfaces To ERC721 Standard Contracts

Wiring up the ERC721 NFT Interfaces

Overview Registering Fingerprints Bytes Of Smart Contract Data

Integrating ERC721 & Its Interface To Our NFT Project

Complete Integrating The ERC721 Interface

Complete Integrating The ERC721 Interface II

Integrating the ERCMetadata Interface

Integrating the ERCEnumerable Interface

Exercise - Register Data Fingerprints of ERC721 Standards

Solution - Register Data Fingerprints of ERC721 Standards I

Solution - Register Data Fingerprints of ERC721 Standards II

Truffle Tests for NFT smart contracts

Overview Building Mocha Test Units with Javascript

Introduction To Truffle Suite Tests with Javascript

Introduction To Chai & Initial Set Up

Javascript NFT Test Container Basics

Javascript NFT Test Container Basics II

Exercise - Write Tests for NFT Name & Symbol Metadata

Solution - Write Tests for NFT Name & Symbol Metadata

Quick Clean up (Camel Case Global Sweep )

NFT Minting Tests

Test Loop Through Total Supply Tokens

Javascript Arrays & Looping Review and Example

Final NFT Testing & Full Review

Optional - Web development - Build a Landing page from Scratch with react

0verview - Introduction To Web Development

IMPORTANT NOTE

Introduction To React & Web Development

Write Your First Create-React-App

HTML & The DOM Review

Deploy To Your First Development Server

Build A Landing Page Part I

Build A Landing Page Part II

React Inline Stying

CSS Styling A Landing Page

Assignment - Build Your Own React Landing Page

Optional-Web Development Build A JSON Application from scratch part 1

Overview Build A Complete React Application From Scratch

IMPORTANT NOTE

Overview On Our Upcoming Project Application

What Are React Hooks

Open Weather Network & Axios Library Introduction

API Key & Axios Promise Library

Fetching API with React

What is try and catch error handling

Accessing JSON & Data Structures with Javascript

Display Data UI with React Functional Components

Optional-Web Development Build A JSON Application from scratch part 2

IMPORTANT NOTE

Introduction To Forms in React

Working With State in React

Assignment - FInish The React App Funcationality

Solution - FInish The React App Functionality

Style The Weather App I

Style The Weather App - Button & Input

Stying the Document With CSS

Final UI Design & CSS Styling

NFT Front End (Building an NFT Marketplace with react)

Overview - Loading Blockchain Data Onto The Front End

IMPORTANT NOTE

NFT Marketplace Front End Review

Backend Smart Contract Verification Overview Before Moving Forward

Deploy The React Project To Your Local Host

Connecting MetaMask & Ethereum Provider To The Front End

Fetching Account Information From The Blockchain

Ethereum.request Fetching Blockchain Data Update

Handling State With Class Components in React

Building Navbar For Wallet Address

Accessing With Web3 Smart Contracts in React

Exericse - Load The NFT Marketplace To The Front End (Web3)

Solution - Load The NFT Marketplace To The Front End (Web3)

NFT Front End (Building an NFT Marketplace with react) 2

Overview Loading The NFT Marketplace Smart Contract To The Front End

Hooking Up NFT Functionality To The Front End

Update NFT State & The Spread Operator In React

The Mint NFT Token Function In React

Quick Bootstrap Touch Ups - Front End

Exercise - Build The Minting Form

Solution - Complete The Minting Form

Final Minting Functionality For The Front End

Styling and Propagating NFTs into our Dapplication

Overview - Designing The NFT User Interface & Styling The DApplication

Introduction To MDBootstrap React

Propogate NFT Tokens with MD Bootstrap Cards

Styling The NFT Marketplace CSS In Depth

NFT Marketplace UI Animation With CSS

Hosting NFTs On The Cloud & Final Project Implementation

Building safe Math Libraries & counters for NFT smart contracts

Overview - Building Smart Contract Utilities

Introduction To SafeMath & Overflow in Solidity

Libraries in Solidity (Case Study & Demonstration)

SafeMath Arithmetic NFT Functionality

Exercise - Complete The Solidity SafeMath

Solution - Complete The Solidity SafeMath

Building The Counter Library For The ERC721 Smart Contract

Inheriting the couter Library for the ERC721 smart contract

Concluding The NFT Marketplace Course!!

One Last Chance to Make This Course Better for Your Permanent Learning Library

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon
qna

The Complete NFT Web Development Course - Zero To Expert
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...