Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file added assets/video/courses/csc3100-poster.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/video/courses/csc3100.mp4
Binary file not shown.
4 changes: 2 additions & 2 deletions src/components/CourseShowcase.astro
Original file line number Diff line number Diff line change
Expand Up @@ -132,8 +132,8 @@ const number = (n: number) => String(n).padStart(2, '0');
Interactive notes and videos built with <a href="https://www.peiyuzhineng.com/"
>Peiyu Zhineng (<span lang="zh-Hans">培玉智能</span>)</a
>. I designed AI for All and LA101, teach DM101
with Mingtao Xia and Data Structures with Yintong Huo, and co-designed the AIE1001, DDA3020, and
CSC4801 notes; their slides and course content belong to each instructor.
with Mingtao Xia and Data Structures with Yintong Huo, and co-designed the AIE1001, CSC3100,
DDA3020, and CSC4801 notes; their slides and course content belong to each instructor.
</p>
</div>

Expand Down
48 changes: 47 additions & 1 deletion src/data/courses.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
* program, discrete mathematics, data structures, linear algebra and machine learning, to coding
* agents. Boxi Yu
* designed AI for All (AI 通识课) and LA101, and teaches Data Structures with
* Yintong Huo, and DM101 with Mingtao Xia; AIE1001, DDA3020 and CSC4801 are
* Yintong Huo, and DM101 with Mingtao Xia; AIE1001, CSC3100, DDA3020 and CSC4801 are
* CUHK–Shenzhen courses taught by their own instructors, with notes and
* videos co-designed by Boxi Yu. Lecture titles follow the published sites
* under https://boxi-cs.github.io/, https://boxi-ai.github.io/ and
Expand Down Expand Up @@ -172,6 +172,52 @@ export const featuredCourses: Course[] = [
],
tone: 'teal',
},
{
id: 'csc3100',
clip: true,
badge: 'CSC3100',
name: 'Data Structures',
level: 'Core · Java',
context: 'CUHK–Shenzhen',
role: 'Instructors',
people: [{ name: 'Tianshu Yu' }, { name: 'Mengmeng Liu' }, { name: 'Li Jiang' }],
summary:
'From abstract data types and Java basics through sorting, lists, stacks and queues, to binary search trees, AVL and red-black trees, heaps, hashing, and graph algorithms. Step through each structure as it changes, predict what the code prints, and run every Java example yourself.',
detail: 'Notes and four 8–12 minute videos per lecture, with English and Chinese subtitles',
href: 'https://boxi-cs.github.io/csc3100/',
// Lectures 16–24 open after the instructors' feedback (boxi-cs/csc3100 PUBLISHED).
published: 16,
unit: 'lectures',
firstLecture: 0,
lectures: [
'Course Introduction',
'Introduction and ADTs',
'Java Basics',
'Arrays',
'Insertion Sort and Merge Sort',
'Asymptotic Notations',
'Divide and Conquer, Recursion',
'Lists',
'List Applications',
'Stacks',
'Queues',
'Quicksort',
'More Sorting Algorithms',
'Trees and Binary Trees',
'Binary Search Trees',
'AVL Trees',
'Red-Black Trees',
'Heaps',
'Hashing',
'Graphs, BFS and DFS',
'Minimum Spanning Trees',
'Shortest Paths: Dijkstra',
'Shortest Paths: Floyd',
'Shortest Paths: Bellman-Ford',
'Java Data Structures',
],
tone: 'moss',
},
{
id: 'la101',
clip: true,
Expand Down
6 changes: 3 additions & 3 deletions src/pages/courses.astro
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,21 @@ import CourseShowcase from '../components/CourseShowcase.astro';

<Base
title="Courses"
description="Interactive lecture notes and videos for seven courses, and the Agentic Software Engineering open course, by Boxi Yu."
description="Interactive lecture notes and videos for eight courses, and the Agentic Software Engineering open course, by Boxi Yu."
>
<div class="wrapper courses-page">
<header class="courses-hero">
<p class="courses-kicker">Courses · interactive lecture notes and videos</p>
<h1>Interactive notes for every lecture.</h1>
<p class="courses-lede">
Companion sites for seven courses, from AI literacy for everyone to building software with
Companion sites for eight courses, from AI literacy for everyone to building software with
coding agents. Each lecture walks through its ideas one step at a time, asks you to predict
before it shows you, and ends with a self-check.
</p>
<a class="courses-jump" href="#agentic-se">Agentic SE open course ↓</a>
</header>

<section class="courses-notes" id="notes" aria-label="Seven courses">
<section class="courses-notes" id="notes" aria-label="Eight courses">
<CourseShowcase />
</section>

Expand Down
4 changes: 2 additions & 2 deletions src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -103,12 +103,12 @@ const latest = [
<div class="home-section-head">
<div>
<p class="eyebrow">Courses · interactive lecture notes</p>
<h2 id="courses-heading">Seven courses with interactive lecture notes</h2>
<h2 id="courses-heading">Eight courses with interactive lecture notes</h2>
</div>
<a href="/courses/">All courses <span aria-hidden="true">↗</span></a>
</div>
<p class="home-intro">
For seven courses, I build or co-build one interactive page per lecture: from AI literacy for
For eight courses, I build or co-build one interactive page per lecture: from AI literacy for
everyone, through a first Python program, discrete mathematics, data structures, linear
algebra, and machine learning, to building software with coding agents. Every program and
interactive check has been run, and every output shown is genuine.
Expand Down
2 changes: 1 addition & 1 deletion src/pages/teaching.astro
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ const mentees = [
concept, build a small artifact, and test what it can actually do.
</p>
<div class="teaching-actions">
<a class="teaching-button" href="/courses/">Browse the seven courses</a>
<a class="teaching-button" href="/courses/">Browse the eight courses</a>
<a class="teaching-link" href="#supervision">See supervision</a>
<a class="teaching-link" href="#mentoring">See mentoring</a>
<a class="teaching-link" href="/education/">Try a test-quality exercise</a>
Expand Down
Loading