(ARCHIVED) Intro to Smart Contract Frontend Programming

(ARCHIVED) Intro to Smart Contract & Frontend Programming, available at Free, has an average rating of 4.9, with 71 lectures, 3 quizzes, based on 405 reviews, and has 22631 subscribers.

You will learn about Developing a smart contract and dApp on EOSIO Basics of ReactJS, Node JS, C++, eosjs This course is ideal for individuals who are People with limited/moderate programming experience wanting to learn to build distributed blockchain applications (dApp) It is particularly useful for People with limited/moderate programming experience wanting to learn to build distributed blockchain applications (dApp).

Enroll now: (ARCHIVED) Intro to Smart Contract & Frontend Programming

Summary

Title: (ARCHIVED) Intro to Smart Contract & Frontend Programming

Price: Free

Average Rating: 4.9

Number of Lectures: 71

Number of Quizzes: 3

Number of Published Lectures: 71

Number of Published Quizzes: 3

Number of Curriculum Items: 74

Number of Published Curriculum Objects: 74

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

Developing a smart contract and dApp on EOSIO

Basics of ReactJS, Node JS, C++, eosjs

Who Should Attend

People with limited/moderate programming experience wanting to learn to build distributed blockchain applications (dApp)

Target Audiences

People with limited/moderate programming experience wanting to learn to build distributed blockchain applications (dApp)

Note: this course is outdated and archived. New blockchain development courses from the course author are coming soon.

Replacement courses will cover account abstraction for easy UX, multichain applications, security, CI/CD for blockchain applications, and more.

Learn to build a web game that’s connected to the blockchain! Following the official Elemental Battlestutorial, this course introduces blockchain communication concepts as we construct an application with a smart contract and a ReactJS/Redux frontend.

This course is appropriate for people with some programming experience, but it does explain basic concepts when needed to make sure no one is left behind. Code starting points and graphic assets are provided along the way. Students will need a macOS, Linux, or Windows 10 Pro computer.

Note: this course is outdated and archived. New blockchain development courses from the course author are coming soon.

Replacement courses will cover account abstraction for easy UX, multichain applications, security, CI/CD for blockchain applications, and more.

Learn to build a web game that’s connected to the blockchain! Following the official Elemental Battlestutorial, this course introduces blockchain communication concepts as we construct an application with a smart contract and a ReactJS/Redux frontend.

This course is appropriate for people with some programming experience, but it does explain basic concepts when needed to make sure no one is left behind. Code starting points and graphic assets are provided along the way. Students will need a macOS, Linux, or Windows 10 Pro computer.

Course Curriculum

Chapter 1: Introduction

Lecture 1: What is EOS?

Lecture 2: Getting Help & Giving Feedback

Lecture 3: Is this course for you?

Lecture 4: What Youll Need to Know: Programming Concepts

Lecture 5: Resources for Learners

Lecture 6: Whats Different About C++?

Chapter 2: Getting Ready for EOS Smart Contracts

Lecture 1: Setting Up Your EOS Studio Environment

Lecture 2: Troubleshooting EOS Studio Setup

Lecture 3: Smart Contract Coding Basics: understanding the default contract

Lecture 4: Exercise: write your own action

Lecture 5: (Graphic) How EOSIO Organizes Data

Lecture 6: To Comment or Not To Comment

Lecture 7: Multi-Index Tables in EOS Smart Contracts

Lecture 8: Exercise: create your own table

Lecture 9: How Our Data Works: Structs in C++ and Objects in JavaScript

Chapter 3: Our dApps Structure [EB Lesson 1]

Lecture 1: What Were Building: Intro to Elemental Battles

Lecture 2: C++: The Files in our Cardgame Smart Contract

Lecture 3: Installing Node.js, NPM, ReactJS, VS Code

Lecture 4: JSX: Setting up our Frontend Game

Lecture 5: HTML Tag Basics

Lecture 6: Using index.js files to tell JavaScript where our code is

Chapter 4: Logging In to Play [EB Lesson 2]

Lecture 1: Section Summary: Logging In

Lecture 2: EOSs name datatype

Lecture 3: C++: Smart Contract users Table and login Action

Lecture 4: IMPORTANT CDT UPDATE: <eosiolib> changed to <eosio>

Lecture 5: Activity (C++): Saving a Message

Lecture 6: JSX Basics

Lecture 7: JSX: Adding the Login Form

Lecture 8: Activity (JSX): Customizing the Login Form

Lecture 9: React Component Basics

Chapter 5: Adding eosjs and Redux [EB Lesson 2, part 2]

Lecture 1: Section Summary: Connecting login and Login

Lecture 2: JS: Never use localStorage! Also, were going to use localStorage.

Lecture 3: JS: Talking to the Blockchain with an ApiService.js

Lecture 4: Asynchronicity and More in JavaScript

Lecture 5: JS: Using a Redux Store & our setUser action

Lecture 6: JS: Connecting Redux & React

Lecture 7: Dealing with eosjs JsSignatureProvider errors

Lecture 8: JS: Testing our Redux-connected Login Form & Adding Game.JSX

Lecture 9: Activity (JS): Remember that Message?

Chapter 6: Showing Player Profile Info from the Blockchain [EB Lesson 3]

Lecture 1: Section Summary: Displaying the Players Profile

Lecture 2: Review: Ternary Operators and Switch Statements

Lecture 3: JS: Getting Data from the Blockchain

Lecture 4: 5000 BNB! Plus a plug for private key safety.

Lecture 5: JSX: Displaying our Players Profile

Lecture 6: JSX: Testing and Finishing the Player Profile Screen

Lecture 7: JSX: Refreshing the Screen without Losing Login

Chapter 7: Setting up the Game [EB Lesson 4]

Lecture 1: Enums (enumerations)

Lecture 2: Functions, Declarations, Definitions

Lecture 3: C++: Setting up the Core Game

Lecture 4: C++: The seed Table & Randomization Function

Lecture 5: C++: startgame Action #1

Lecture 6: IMPORTANT CDT UPDATE: eosio_assert() changed to check()

Lecture 7: C++: startgame #2: Our draw_one_card Helper Function

Lecture 8: C++: startgame #3: Testing in EOS Studio

Lecture 9: C++: The playcard Action

Chapter 8: Displaying the Game [EB Lesson 4, part 2]

Lecture 1: Section Summary: Displaying Elemental Battles

Lecture 2: JSX: Displaying the Game So Far

Lecture 3: JSX: Recap of the Frontend Flow

Lecture 4: JSX: Playing Cards in the Frontend

Lecture 5: EOSIO Naming Conventions

Chapter 9: Decisions, Decisions: the Smart Contract AI [EB Lesson 5]

Lecture 1: C++: Creating the AIs Strategies

Lecture 2: Mega Activity: Build the AIs choose_card Function

Lecture 3: C++: The AIs choose_card Function

Chapter 10: Victory! Resolving the Battle, Next Round, End Game [EB Lessons 6 & 7]

Lecture 1: C++: Resolving the Battle in the Contract

Lecture 2: JSX: Displaying the Battle Resolution

Lecture 3: C++: Adding the updategame and nextround actions

Lecture 4: C++: Adding and testing the endgame action

Lecture 5: JSX: Next Round and End Game in the Frontend

Chapter 11: Final Challenge Section [EB Lesson 8]

Lecture 1: JSX Activity: Adding a Rules Screen

Lecture 2: JSX Activity 2: Adding Progress Indicators

Chapter 12: Whats Next?

Lecture 1: The Next Course

Instructors

Peter Keay
Rust Developer & Account Abstraction Designer

Rating Distribution

1 stars: 8 votes

2 stars: 6 votes

3 stars: 31 votes

4 stars: 121 votes

5 stars: 239 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!