(ARCHIVED) Intro to Smart Contract & Frontend Programming

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 You'll Need to Know: Programming Concepts

Lecture 5: Resources for Learners

Lecture 6: What's 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 dApp's Structure [EB Lesson 1]

Lecture 1: What We're 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: EOS's "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, we're 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 Player's 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 Player's 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 AI's Strategies

Lecture 2: Mega Activity: Build the AI's choose_card Function

Lecture 3: C++: The AI's 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: What's Next?

Lecture 1: The Next Course