Skip to content

Instantly share code, notes, and snippets.

View johnnylaicode's full-sized avatar

Johnny Lai johnnylaicode

8 followers · 0 following
View GitHub Profile
@johnnylaicode
johnnylaicode / assignment-4-bank-of-react.md
Last active April 6, 2022 13:18
Assignment 4 - Bank of React (CSCI39548-WebDev-Spring22)

Assignment 4 - Bank of React

Due Date

  • Due on Thursday, 4/14, at 11:59 PM
  • You can work in groups or individually. Maximum 4 students per group. Working in groups is strongly recommended and encouraged.

How to Submit

  • Blackboard: Submit (1) the link to your GitHub repository, (2) the link to your GitHub Pages website (extra credit), and (3) your group member names on Blackboard by 11:59 PM on the due day. Each student needs to submit the assignment individually on Blackboard—even when working in a group.
@johnnylaicode
johnnylaicode / index.html
Last active February 28, 2023 18:49
Demo code for DOM manipulation
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
<div id="header" class="header-class">--- Header Area ---</div>
<h1 id="first-heading">Hello</h1>
<section id="container">
<ul>
@johnnylaicode
johnnylaicode / SearchComponent.js
Created December 29, 2021 22:27
Demo code for fetching and display data in React
import { Component } from 'react';
import axios from 'axios';
// API: https://pokeapi.co/
class Search extends Component {
constructor(props){
super(props);
this.state = {
apiData: {
@johnnylaicode
johnnylaicode / index.html
Last active March 2, 2022 03:46
Starter code for Assignment 3 - Grid Maker
<!DOCTYPE html>
<html>
<head>
<title>Grid</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<button onclick="addR()">Add Row</button>
<button onclick="addC()">Add Col</button>
<button onclick="removeR()">Remove Row</button>
@johnnylaicode
johnnylaicode / assignment-2-starter-code.js
Last active March 1, 2022 01:53
Starter code for Assignment 2 - JavaScript Methods (templates)
// FOR EACH //
Array.prototype.myEach = function() {
// Place your code here.
};
// MAP //
Array.prototype.myMap = function() {
// Place your code here.
};
@johnnylaicode
johnnylaicode / myArrayPropertyAndMethod.js
Last active February 16, 2023 20:25
Example code for Assignment 2 - JavaScript Methods
/*----------------------------------------------------------
JavaScript Prototype: Property and Method
Every object in JavaScript has a built-in property called "prototype."
The prototype constructor is used to add new methods (functions) and properties to a JavaScript object.
- If a property is constructed, then the object will be given the property and its value, as default.
- If a method is constructed, then it will be available for the object.
In this code, we use the prototype constructor to add a new property "color" to the Array() object.
In addition, we use the prototype constructor to add a new method "hello" to the Array() object.
----------------------------------------------------------*/
@johnnylaicode
johnnylaicode / assignment-4-bank-of-react-summer22.md
Last active January 1, 2023 15:54
Assignment 4 - Bank of React (CSCI39548-WebDev-Summer22)

Assignment 4 - Bank of React

DUE DATE

  • Due on (New Due Date) Sunday, 7/3, at 11:59 PM
  • You can work in groups or individually. Maximum 4 students per group. Working in groups is strongly recommended and encouraged.

HOW TO SUBMIT

  • Blackboard: Submit (1) the link to your GitHub repository, (2) the link to your GitHub Pages website (extra credit), and (3) your group member names on Blackboard by 11:59 PM on the due day. Each student needs to submit the assignment individually on Blackboard—even when working in a group.
@johnnylaicode
johnnylaicode / index.html
Created June 15, 2022 01:29
Demo code for DOM examples
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is my website</p>
</body>
</html>
@johnnylaicode
johnnylaicode / assignment-4-bank-of-react-fall22.md
Last active January 1, 2023 15:53
Assignment 4 - Bank of React (CSCI39548-WebDev-Fall22)

Assignment 4 - Bank of React

DUE DATE

  • Due on Friday, 11/18, at 11:59 PM
  • You can work in groups or individually. Maximum 4 students per group. Working in groups is strongly recommended and encouraged.

HOW TO SUBMIT

  • Blackboard: Submit (1) the link to your GitHub repository, (2) the link to your GitHub Pages website, and (3) your group member names on Blackboard by 11:59 PM on the due day. Each student needs to submit the assignment individually on Blackboard—even when working in a group.
@johnnylaicode
johnnylaicode / assignment-4-bank-of-react-spring23.md
Last active April 10, 2023 00:41
Assignment 4 - Bank of React (CSCI39548-WebDev-Spring23)

Assignment 4 - Bank of React

DUE DATE

  • Due on Friday, 4/21, at 11:59 PM (New Due Date)
  • You can work in groups or individually. Maximum 4 students per group. Working in groups is strongly recommended and encouraged.

HOW TO SUBMIT

  • Blackboard: Submit (1) the link to your GitHub repository, (2) the link to your GitHub Pages website, and (3) your group member names on Blackboard by 11:59 PM on the due day. Each student must submit the assignment individually on Blackboard—even when working in a group.