GDSC-ASU / bc1_intro_to_web_development

Learn Web Development by Building a Multiplayer Game

Day 1:

• Agenda
• Introduction to Frontend web development
• Introduction to React
• NodeJS, NPM, and VS Code Installation

Day 2:

• Final Game Preview
• Array recap
• JS classes
• JS objects
• Create Vite Project
• Introduction to React
  • React components (definition, props, styles)

Day 3:

• Conditional components display in React
• Simple todo list
  • Value binding
  • React states
  • Display array's elements as react components

Day 4:

• Game's logic
  • Data encapsulation
  • Logic encapsulation
• Game’s initial view
  • Objects as props
  • Update object’s value/s from inside of the component

Day 5:

• Styling...

Day 6:

• Go, VS Code, and Postman Installation
• Introduction to Go
  • variables, if, switch, for, functions, literal functions
  • arrays, maps, structs, interfaces, packages

Day 7:

• How the final game will look like
• REST APIs
  • Structure of a REST API (request and response)
  • HTTP methods
  • Type of bodies
  • JSON
  • Examples
• Relational Databases and MySQL(MariaDB) introduction
• MariaDB installation
• CRUD oprtations
  • create a table
  • create a new record
  • retrive a record
  • update a record
  • delete a record

Day 8:

• Database operations in Go
• Writing a helper struct to wrap database operations for the player model
• Viewing and handling database errors

Day 9:

• Utilizing databases in REST APIs
• Creating player login REST API
• Hashing a password

Day 10:

• Finalizing player login REST API
• Creating game data model

Day 11:

• Creating game's database wrapper
• Creating game's RESS API controller

Day 12:

• React Router
• Using fetch to make REST API requests to the backend
• Finalizing