Build a Website: Developers Meet

Benefits of Peer Tutoring

Why get tutored by other students?

About Certifications

Prove your mastery and get ready to tutor.

Become a Tutor

Learn, grow, and give back through tutoring.

Session Safety Measures

How we keep virtual tutoring safe.

Help Desk

Have questions? Search our FAQ.

Community Events

Game nights, product updates, and more.

Study Spaces

Stay motivated in virtual study rooms.

Leaderboards

Check out the community's impact.

Stories

Testimonials from the Schoolhouse community.

Blog

Keep up with our volunteer-run blog.

Build a Website: Developers Meet

SAT Score Range

•

21 sessions

•

This series ended on October 1, 2023. All 1:1 and group chats related to this series are disabled 7 days after the last session.

About

This is a series created for people who signed up for developing schoolofathens.world. We will have workshops that introduce new techniques in web development and weekly meeting to report our progress.

Tutored by

Jinzhou W 🇺🇸

Certified in 13 topics

View Profile

Hi! I am an international student in the United States. I am currently a high school junior who just loves to teach all I know about sciences and math! I am interested in computer science and can code in C++, Python, Java, and JavaScript (learning Solidity right now). I also have experience in both Deep Learning and Web development, and I am currently enrolled in Stanford University-Level Online Mathematics & Physics. I have also participated in competitive programming and am in the Platinum Division in USA Computing Olympiad. I am currently working on a website called the School of Athens, which is a democratic forum for voting, debate, and discussion aiming to solve the world’s polarization by offering multiple perspectives. If you’re interested in building a website and solving the world’s problems at the same time, join my series on how to become a web developer! If you have any questions about calculus, statistics, SAT, computer science, and biology, you're welcome to have a chat with me. 🍩 SUMaC 2023 ☀️ Summer of Protocols (Ethereum Foundation) Affiliate Researcher

Schedule

✋ ATTENDANCE POLICY

Please message the tutor if you can’t make it!

SESSION 1

8

Apr

SESSION 1

Orientation

Sat 11:30 PM - Sun, 1:00 AM UTCApr 8, 11:30 PM - Apr 9, 1:00 AM UTC

We will introduce VS Code, the basics of HTML, and some CSS.

SESSION 2

15

Apr

SESSION 2

Computer Science

Sat 11:30 PM - Sun, 1:00 AM UTCApr 15, 11:30 PM - Apr 16, 1:00 AM UTC

Today we will cover position and display in CSS, especially Flexbox. Next, we will introduce Bootstrap, a powerful CSS library that writes all the classes for you. After finishing up CSS, we will give a brief introduction to JavaScript, including variables, arrays, objects, loops, functions, and exports. If we still have time after that, then I will cover how to publish your website to the internet using Firebase.

SESSION 3

19

Apr

SESSION 3

Computer Science

Wed 11:30 PM - Thu, 1:00 AM UTCApr 19, 11:30 PM - Apr 20, 1:00 AM UTC

But how does JavaScript interact with HTML? The answer is DOM - document object model. In this session, I will cover DOM selectors, how to traverse the DOM, and event listeners. We will also look at asynchronous JS and Firestore, a database by Firebase.

SESSION 4

21

Apr

SESSION 4

Computer Science

Fri 11:30 PM - Sat, 1:00 AM UTCApr 21, 11:30 PM - Apr 22, 1:00 AM UTC

Now, let's forget about HTML and instead go to a more powerful JS framework: React.js. In this session, I will cover the structure of a React project, JSX syntax, props, useState, useEffect, useContext, custom hooks, and conditional rendering. We will also look at how you can create a multi-page app using react-router-dom.

SESSION 5

22

Apr

SESSION 5

Computer Science

Sat 11:30 PM - Sun, 1:00 AM UTCApr 22, 11:30 PM - Apr 23, 1:00 AM UTC

Today I will introduce Chakra UI, a UI library for React that Schoolhouse! I will also introduce asynchronous JS and how to use databases from Firebase. After this session, we will have a two-week break for AP exams. Feel free to check out my repository on GitHub and start building the website!

SESSION 6

13

May

SESSION 6

Computer Science

Sat 11:30 PM - Sun, 12:30 AM UTCMay 13, 11:30 PM - May 14, 12:30 AM UTC

Today will be a catchup & review session for React.

SESSION 7

15

May

SESSION 7

Catchup

Mon 11:15 PM - Tue, 12:15 AM UTCMay 15, 11:15 PM - May 16, 12:15 AM UTC

This will be a catch-up session for Cole. We will go over React.js, useState, useRef, and useEffect again.

SESSION 8

18

May

SESSION 8

Computer Science

Thu 11:30 PM - Fri, 12:30 AM UTCMay 18, 11:30 PM - May 19, 12:30 AM UTC

We will cover Firebase and other parts of React.js in this session. Don’t worry if you can’t make it. I will do a catch-up session on the weekend.

SESSION 9

20

May

SESSION 9

Computer Science

Sat 11:30 PM - Sun, 12:30 AM UTCMay 20, 11:30 PM - May 21, 12:30 AM UTC

Firebase and other parts of React.js catch up.

SESSION 10

27

May

SESSION 10

Computer Science

Sat 11:30 PM - Sun, 12:30 AM UTCMay 27, 11:30 PM - May 28, 12:30 AM UTC

This session is for Michael, Tomomi, and Soleil. We will cover how to contribute to a GitHub repository and then start working on our website! We will also start brainstorming about the design.

SESSION 11

28

May

SESSION 11

Computer Science

Sun 11:30 PM - Mon, 12:30 AM UTCMay 28, 11:30 PM - May 29, 12:30 AM UTC

This session is for Cole and Mario. We will look at the Forum page as an example to cover context, conditional rendering, controlled input, and other topics in React.

SESSION 12

3

Jun

SESSION 12

Computer Science

Sat 11:30 PM - Sun, 12:30 AM UTCJun 3, 11:30 PM - Jun 4, 12:30 AM UTC

TBD

SESSION 13

10

Jun

SESSION 13

Computer Science

Sat 11:30 PM - Sun, 1:00 AM UTCJun 10, 11:30 PM - Jun 11, 1:00 AM UTC

Meetup

SESSION 14

15

Jun

SESSION 14

Computer Science

Thu 12:00 AM - 1:30 AM UTCJun 15, 12:00 AM - 1:30 AM UTC

Kickstart work.

SESSION 15

17

Jun

SESSION 15

Computer Science

Sat 11:30 PM - Sun, 1:00 AM UTCJun 17, 11:30 PM - Jun 18, 1:00 AM UTC

We will assign some work to do.

SESSION 16

24

Jun

SESSION 16

Computer Science

Sat 11:30 PM - Sun, 12:30 AM UTCJun 24, 11:30 PM - Jun 25, 12:30 AM UTC

TBD

SESSION 17

27

Jun

SESSION 17

Computer Science

Tue 12:30 AM - 1:30 AM UTCJun 27, 12:30 AM - 1:30 AM UTC

Meet and discuss groups page.

SESSION 18

29

Jun

SESSION 18

Computer Science

Thu 12:30 AM - 1:30 AM UTCJun 29, 12:30 AM - 1:30 AM UTC

Progress check.

SESSION 19

4

Jul

SESSION 19

Computer Science

Tue 12:30 AM - 1:30 AM UTCJul 4, 12:30 AM - 1:30 AM UTC

Introduce Next.js.

SESSION 20

24

Sep

SESSION 20

Computer Science

Sun 12:30 AM - 1:30 AM UTCSep 24, 12:30 AM - 1:30 AM UTC

Welcome back! Today I will give you updates on what happened over the summer, and what your new roles and tasks are.

SESSION 21

1

Oct

SESSION 21

Public Discussion

Please log in to see discussion on this series.

Apr 8 - Oct 1

26 weeks

60 - 90 mins

/ session

SCHEDULE

Saturdays

11:30PM

About

Tutored by

Jinzhou W 🇺🇸

Schedule

8

Orientation

Orientation

15

Computer Science

Computer Science

19

Computer Science

Computer Science

21

Computer Science

Computer Science

22

Computer Science

Computer Science

13

Computer Science

Computer Science

15

Catchup

Catchup

18

Computer Science

Computer Science

20

Computer Science

Computer Science

27

Computer Science

Computer Science

28

Computer Science

Computer Science

3

Computer Science

Computer Science

10

Computer Science

Computer Science

15

Computer Science

Computer Science

17

Computer Science

Computer Science

24

Computer Science

Computer Science

27

Computer Science

Computer Science

29

Computer Science

Computer Science

4

Computer Science

Computer Science

24

Computer Science

Computer Science

1

Other Topics

Other Topics

Public Discussion

Apr 8 - Oct 1