Research Note

Frontend & Web Development

Zhenyu He · Jobs Stroustrup 1 min read

Proficient

Self-taught frontend skills (non-CS major), driven by pursuit of “product aesthetics + engineering detail”:

Static site generation: Hexo (Node.js blog generator), deployed to GitHub Pages
CSS frameworks: Materialize (Google Material Design), Matery theme customization, custom CSS
JavaScript libraries: jQuery, AOS, Animate.css, Lightgallery, Masonry, APlayer, DPlayer, ECharts, TocBot, Valine/Gitalk/Gitment, CryptoJS, jQcloud, ScrollProgress, Chart.js, MathJax
Animations/effects: Sakura.js, Fireworks.js, snowflake animation
Single-file interactive tools: HTML + CSS + Vanilla JS + Chart.js bundled in one file, deployed via GitHub Pages — the minimum-maintenance shape for personal tools
Responsive layout: CSS Grid auto-fit, minmax(), media queries (@media print for print support)
Cross-site CSS reuse: reference remote main-site URLs to keep visual consistency (see )
Deployment & SEO: GitHub Pages, dual Baidu + Google SEO (sitemap, robots.txt, site verification)
CDN: Cloudinary for static assets, jsdelivr CDN for libraries

(https://jobsstroustrup.github.io/): self-built undergrad blog + portfolio, 33 posts Sep 2020 – Apr 2021, 22+ frontend library integration
(Fall 2025): Berkeley CS180 portfolio site reusing main-site CSS + MathJax + responsive grid + print-only CSS
(Jun 2025): single-file interactive decision tool, Chart.js + Vanilla JS + GitHub Pages
Cat Clicker app (Nov 2024): Zhenyu’s published mobile app (App Store / Google Play), extending the “idea → code → review → publish” full-pipeline to mobile; GitHub Pages hosts only the privacy policy — see source page