Skip to content

BenjaminYan.html #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
amyxyzzz wants to merge 1 commit into
base: main
Choose a base branch
from
Open

BenjaminYan.html #13

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 32 additions & 32 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@
<meta http-equiv=x-ua-compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1">
<meta name=description
content="CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, government, education, and environment).">
content="Writer, course instructor, and MS CS student at Stanford University. I have the privilege of teaching introductory computer science, web applications, coding for social good, and modern software engineering principles. Graduated in 2024 from Stanford with a BS double major in CS and math, and a Minor in Creative Writing (prose concentration). I studied abroad at Oxford during my senior winter, completing a Tutorial in Creative Writing.">
<meta property="og:description"
content="CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, government, education, and environment).">
content="Writer, course instructor, and MS CS student at Stanford University. I have the privilege of teaching introductory computer science, web applications, coding for social good, and modern software engineering principles. Graduated in 2024 from Stanford with a BS double major in CS and math, and a Minor in Creative Writing (prose concentration). I studied abroad at Oxford during my senior winter, completing a Tutorial in Creative Writing.">
<meta property="og:site_name" content="CS106S">
<meta property="og:type" content="website">
<meta property="og:title" content="CS106S: Coding for Social Good at Stanford">
<meta property="og:title" content="CS106Ben: Coding for Ben's Good at Stanford">
<link rel="shortcut icon" href="images/stanford-favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Expand Down Expand Up @@ -68,24 +68,24 @@
<section id = "main-page">
<div>
<h3 class="inline heading font-bold md:text-4xl">
CS 106S
CS 106Ben
</h3>
<h3 class="inline heading font-bold md:text-4xl opacity-50">
<br>Coding for Social Good
<br>Coding for Ben's Good
</h3>
</div>
<div class=mt-4>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">
🎄 Winter 3025
🎄 BENJAMIN
</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🏫 McMurtry Art 350</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🕰️ Tuesday 4:30-6:20pm</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🏫 Century Senior High School 350</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🕰️ 2016-2020</span>
</div>
</section>
<hr class="sep h-8">
<main>
<section class=content>
<p>CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, environment, cybersecurity, trust & safety). Some of the topics we will cover include satellite imagery, tumor classification with basic machine learning, sentiment analysis of tweets on refugees, and the ethical obligation of good security. We introduce JavaScript and the groundwork of web development, with no expectation of prior experience in these areas. The course ends, by tradition, with a bubble tea party on the last day. Recommended prerequisite/corequisite: CS 106B. Prerequisite: CS 106S</p>
<p>Writer, course instructor, and MS CS student at Stanford University. I have the privilege of teaching introductory computer science, web applications, coding for social good, and modern software engineering principles. Graduated in 2024 from Stanford with a BS double major in CS and math, and a Minor in Creative Writing (prose concentration). I studied abroad at Oxford during my senior winter, completing a Tutorial in Creative Writing.</p>

<h2 id="news">News</h2>

Expand All @@ -95,7 +95,7 @@ <h2 id="news">News</h2>
</div>

<div class="flex-grow">
<p style = "margin-bottom: 10px">Hope that you've been enjoying two endless weeks of heavy rain, gloom, and miserable gray skies that remind me of England when I studied abroad there. With that in mind, I'm happy to announce that we're holding class outside from now on! ☔🥶 The McMurtry Rooftop—see you there! (jk lol)</p>
<p style = "margin-bottom: 10px">Head teaching assistant for CS 106AX: Programming Methodologies in JavaScript and Python (Prof: Jerry Cain), the accelerated first course in Stanford's intro programming sequence.</p>
</div>
</div>

Expand All @@ -105,7 +105,7 @@ <h2 id="news">News</h2>
</div>

<div class="flex-grow">
<p style = "margin-bottom: 10px">Welcome to CS106S! Sooooo excited for a fun quarter together 🌱. Our first class will be Tuesday Jan. 7th 2024, at 4:30 PM PT in <a href="https://campus-map.stanford.edu/?srch=McMurtry" style = "text-decoration: none" target="_blank" rel="noopener noreferrer">&nbsp;<i class = "fa-solid fa-location-dot"></i><u> McMurtry Art Building 350</u></a> (on the 3rd floor of McMurtry, which is right next to the Cantor Arts Center / Rodin sculpture garden). So sorry that it's very far from like everything on campus! (don't rush or worry if you're running a bit late)</p>
<p style = "margin-bottom: 10px">TA for CS107: Computer Organization & Systems (Prof: Jerry Cain), the third course in Stanford's intro programming sequence, covering the C language, Unix OS, data representation, pointers, memory optimization, x86 assembly code, and heap allocation.<a href="https://campus-map.stanford.edu/?srch=McMurtry" style = "text-decoration: none" target="_blank" rel="noopener noreferrer">&nbsp;<i class = "fa-solid fa-location-dot"></i><u> McMurtry Art Building 350</u></a> (on the 3rd floor of McMurtry, which is right next to the Cantor Arts Center / Rodin sculpture garden). So sorry that it's very far from like everything on campus! (don't rush or worry if you're running a bit late)</p>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1584.1025334641147!2d-122.17340275355609!3d37.432260100000015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fbb2c62c20477%3A0xa5a81294aeb0d76c!2sMcMurtry%20Building!5e0!3m2!1sen!2sus!4v1735245642232!5m2!1sen!2sus" width="300px" height="300px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Expand All @@ -118,32 +118,32 @@ <h2 id="staff">Course Staff</h2>
<div class="grid grid-cols-4 md:grid-cols-4 gap-3">
<div class="text-center">
<img src="images/ben-yan-grad-photo.png" alt="Image for Ben" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Spongebob Squarepants</p>
<p class="font-semibold">Spongeben Squarepants</p>
<p style = "color: gray; margin-top: 0px">Instructor</p>
</div>

<div class="text-center">
<img src="images/pumpkin_cat.png" alt="Image of my cat" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Pumpkin Yan</p>
<p style = "color: gray; margin-top: 0px">Head TAbby</p>
<img src="images/ben-yan-grad-photo.png" alt="Image of Ben" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Pumpkin Ben</p>
<p style = "color: gray; margin-top: 0px">Head Ben</p>
</div>

<div class="text-center">
<img src="images/perry-platypus.jpg" alt="Me as Perry Platypus" class="rounded h-20 w-20 mx-auto">
<img src="images/ben-yan-grad-photo.png" alt="Me as Ben" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Perry the Platypus</p>
<p style = "color: gray; margin-top: 0px">A Platypus? PERRY THE PLATYPUS??</p>
<p style = "color: gray; margin-top: 0px">A Platypus? BEN THE PLATYPUS??</p>
</div>

<div class="text-center">
<img src="images/totoro.png" alt="Image of Jerry Cain" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Prof. Jerry Cain</p>
<img src="images/ben-yan-grad-photo.png" alt="Image of Ben" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Prof. Ben </p>
<p style = "color: gray; margin-top: 0px">Faculty Sponsor</p>
</div>

</div>

<p style = "margin-top: 5px; margin-bottom: 5px"><b>Contact:</b> bbyan [at] stanford [dot] edu</p>
<p style = "margin-top: 5px; margin-bottom: 5px"><b>Office Hours: </b> I'll be around after class, or email/Slack me and we can find a time! Happy to chat about course material, CS, Stanford life in general, anything!</p>
<p style = "margin-top: 5px; margin-bottom: 5px"><b>Ben's Hours: </b> I'll be around 24/7! Happy to chat about Ben!</p>


<h2 id="schedule">Schedule</h2>
Expand All @@ -154,7 +154,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 1</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Introduction, Ciphers, and JavaScript</strong> &mdash; Jan 7</p>
<p><strong>Introduction, Ben, and Ben</strong> &mdash; Jan 7</p>
<p>
<a href="slides/cs106s_win25_week1.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>

Expand All @@ -181,7 +181,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 2</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Sentiment Analysis and Refugee Tweets</strong> &mdash; Jan 14</p>
<p><strong>Ben ben and ben</strong> &mdash; Jan 14</p>
<p>
<a href="slides/cs106s_win25_week2.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>

Expand All @@ -202,7 +202,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 3</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>CS for Climate Change</strong> &mdash; Jan 21</p>
<p><strong>i like jerry</strong> &mdash; Jan 21</p>

<p>
<a href="slides/cs106s_win25_week3.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>
Expand All @@ -223,7 +223,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 4</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Cancer Detection with KNN</strong> &mdash; Jan 28</p>
<p><strong>i'm rlly cool</strong> &mdash; Jan 28</p>

<p>
<a href="slides/cs106s_win25_week4.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>
Expand All @@ -244,7 +244,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 5</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Cybersecurity and Ethical Hacking</strong> &mdash; Feb 4</p>
<p><strong>Ben and non-Ethical Hacking</strong> &mdash; Feb 4</p>

<p>
<a href="slides/cs106s_win25_week5.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>
Expand All @@ -262,7 +262,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 6</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Open Source & Web Software</strong> &mdash; Feb 11</p>
<p><strong>Closed Source & Ben Software</strong> &mdash; Feb 11</p>

<p>
<a href="slides/cs106s_win25_week6.pdf" class="chip ~urge m-2 ml-0" target="_blank" rel="noopener noreferrer">Slides</a>
Expand All @@ -281,7 +281,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 7</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Mental Health</strong> &mdash; Feb 18</p>
<p><strong>Ben's Health</strong> &mdash; Feb 18</p>

</div>
</div>
Expand All @@ -292,7 +292,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 8</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Trust & Safety</strong> &mdash; Feb 25</p>
<p><strong>Trust Ben</strong> &mdash; Feb 25</p>

</div>
</div>
Expand All @@ -303,7 +303,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 9</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong> What's Next? Beyond CS106S, End-Term Boba Party 🧋</strong> &mdash; Mar 4 </p>
<p><strong> What's Next? Ben 🧋</strong> &mdash; Mar 4 </p>

</div>
</div>
Expand All @@ -314,7 +314,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 10</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Final exam! Worth 100% of your grade 🍀</strong></p>
<p><strong>Final exam! On BENJAMIN YAN 🍀</strong></p>
</div>
</div>

Expand All @@ -336,9 +336,9 @@ <h2 id="faq">FAQ</h2>
<h2 id="syllabus">Course Syllabus</h2>

<h4>Summary</h4>
<p>🌲 CS106S is a <b>1-unit, S/NC course</b> that we run in a relaxed, workshop-style classroom environment. Each week, we'll provide active lecture content in a social good ecosystem (e.g., climate change, health, cybersecurity, trust and safety), opportunites for group discussion, and hands-on activities for you to practice your programming skills and build relevant applications. We will introduce JavaScript, and the basics of web development; no prior experience in these areas is needed or expected. Though please note this is not a dedicated web programming or web applications course, unlike courses such as CS 106AX 💙, CS 147L, CS 142, or CS 193X.</p>
<p>🌲 CS106Ben is a <b>30000000-unit, S/NC course</b> that we run in a relaxed, workshop-style classroom environment. Each week, we'll provide active lecture content (on BENJAMIN YAN) in a social Ben ecosystem (e.g., Ben, trust & Ben, and more Ben), opportunites for group discussion, and hands-on activities for you to practice your programming skills and build relevant Ben applications. We will introduce Ben, and the basics of web development; MAKE SURE YOU HAVE PRIOR EXPERIENCE. Though please note this is not a dedicated web programming or web applications course, unlike courses.</p>

<p>👋 The course is designed for students who are taking or who have taken CS106B—though this is not a strict requirement, and <b>anyone is welcome to attend</b>! Please feel free to talk to us on whether CS106S is the best option for you.</p>
<p>👋 The course is designed for students who are taking or who have taken CS106Ben—though this is not a strict requirement, and <b>anyone is welcome to attend</b>! Please feel free to talk to us on whether CS106Ben is the best option for you.</p>

<p>🧭 CS106S meets on <b>Tuesdays, 4:30 - 6:20pm, in McMurtry Art Building 350.</b> Except in cases where students miss more than 2 classes (which I'm happy to discuss on a case by case basis, typically with a short, non-coding make-up assignment), no work will be required outside of our class meetings.</p>

Expand Down