-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
1 lines (1 loc) · 13.8 KB
/
courses.html
1
<!DOCTYPE html><html lang="en" class="flex min-h-full bg-slate-800"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Academic coursework on programming, analytics, data visualization, databases, and the web."> <title>katsute.dev - Courses</title> <link rel="canonical" href="https://katsute.dev/courses"> <meta property="og:locale" content="en_US"> <meta property="og:type" content="website"> <meta name="og:title" content="Courses"> <meta name="og:description" content="Academic coursework on programming, analytics, data visualization, databases, and the web."> <meta name="og:site_name" content="Katsute"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://katsute.dev", "logo": "https://katsute.dev/favicon.png", "name": "Courses", "description": "Academic coursework on programming, analytics, data visualization, databases, and the web." } </script> <link rel="icon" type="image/svg+xml" href="/favicon.ico"> <link rel="alternate icon" type="image/png" href="/favicon.png"> <link rel="stylesheet" href="/dependencies/node/fontawesome/css/all.min.css"> <script defer src="/dependencies/node/fontawesome/js/all.min.js"></script> <link rel="stylesheet" href="/dependencies/node/highlight.js/css/github-dark.css"> <link rel="stylesheet" href="/dependencies/katsute/css/style.css"> </head> <body class="flex flex-col min-h-full w-full overflow-auto"> <div class="container mx-auto max-w-screen-xl flex flex-col md:flex-row h-full"> <div class="relative bg-slate-900 md:before:absolute md:before:bg-slate-900 md:before:w-screen md:before:h-full md:before:left-[-99vw] md:before:-z-10 [&>*]:p-4"> <nav class="min-w-[250px] sticky top-0 space-y-2"> <div class="flex justify-center"> <a class="p-1.5 rounded-md hover:bg-slate-800 ease-in-out duration-300" href="/"> <img src="/favicon.png" alt="logo" class="w-[70px] md:w-[150px] aspect-square rounded-md select-none"> </a> </div> <div> <a href="/"> <h1 class="text-white text-center text-2xl md:text-lg font-semibold">Keith Chiu</h1> </a> </div> <ul class="space-y-2 text-slate-300"> <li> <a href="/"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-house fa-fw mr-1"></i> Home </p> </div> </a> </li> <li> <a href="/products"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-code fa-fw mr-1"></i> Products </p> </div> </a> </li> <li> <a href="/projects"> <div class="p-2 hover:bg-slate-800 ease-in-out duration-300 rounded-md "> <p> <i class="fa-solid fa-box-archive fa-fw mr-1"></i> Projects </p> </div> </a> </li> <li> <a href="/courses"> <div class="p-2 bg-slate-800 ease-in-out duration-300 rounded-md before:absolute before:bg-slate-800 before:w-20"> <p> <i class="fa-solid fa-graduation-cap fa-fw mr-1"></i> Courses </p> </div> </a> </li> </ul> </nav> </div> <div class="flex flex-col grow [&>*]:px-4 py-4 space-y-4"> <div class="flex justify-end"> <ul class="text-white"> <li class="inline-block ml-2"> <a href="https://github.com/Katsute" rel="noopener noreferrer"> <div class="p-2 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <i class="fa-brands fa-github fa-fw fa-lg"></i> </div> </a> </li> <li class="inline-block ml-2"> <a href="https://www.linkedin.com/in/keith-chiu" rel="noopener noreferrer"> <div class="p-2 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <i class="fa-brands fa-linkedin fa-fw fa-lg"></i> </div> </a> </li> </ul> </div> <main class="grow"> <div class="flex flex-row space-x-4"> <div class="flex flex-col w-full space-y-4"> <section> <a href="https://github.com/Katsute?tab=repositories&q=baruch+OR+bayside&type=&language=&sort=name" rel="noopener noreferrer"> <div class="rounded-md p-2 hover:bg-slate-900 ease-in-out duration-300 [text-shadow:0_0_0.5rem_black] [&_svg]:[filter:drop-shadow(0_0_0.5rem_black)]"> <div class="rounded-md text-white flex flex-col p-4 md:p-8 space-y-6 w-full from-yellow-200 to-amber-200 bg-gradient-to-br"> <div> <h1 class="text-2xl font-semibold">Courses</h1> <p class="text-lg">Academic coursework on programming, analytics, data visualization, databases, and the web.</p> </div> <ul class="columns md:columns-2 font-semibold space-y-2"> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Programming </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Analytics </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Data Visualization </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Databases </li> <li> <i class="fa-solid fa-circle-chevron-right fa-fw"></i> Websites </li> </ul> <div class="flex justify-end"> <div class="rounded-md font-medium bg-[#181717]"> <div class="px-4 py-2 flex items-center"> <span class="flex justify-center items-center w-6 h-6 py-1"> <i class="fa-brands fa-github fa-lg"></i> </span> <p class="ml-2">View on GitHub</p> </div> </div> </div> </div> </div> </a> </section> <section id="Bayside High School"> <h1 class="text-white font-bold mx-4 py-1 mb-4 border-b border-slate-300">Bayside High School</h1> <ul class="space-y-2"> <li class="text-white"> <a href="https://github.com/Katsute/Bayside-High-School" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Computer Programming and Web Design</p> </div> <div> <p class="text-slate-300">The Computer Programming & Web Design program involves using web-based technologies HTML, CSS, JavaScript, Bootstrap, REST APIs; and object-oriented-programming with Python and Java.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e34c26]"></span> <p class="text-sm text-slate-300"> HTML • September 2016 - June 2019 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> </ul> </section> <section id="Baruch College"> <h1 class="text-white font-bold mx-4 py-1 mb-4 border-b border-slate-300">Baruch College</h1> <ul class="space-y-2"> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-2300" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Programming and Computational Thinking</p> </div> <div> <p class="text-slate-300">Introduction to programming constructs such as abstraction, decomposition, control statements, and data structures using Python.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Fall 2020 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3120" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Programming for Analytics</p> </div> <div> <p class="text-slate-300">Programming for data analytics using BeautifulSoup for web-scraping, REST APIs for data collection; and pandas, numpy, and matpotlib for data analysis.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3100" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Object-Oriented Programming I</p> </div> <div> <p class="text-slate-300">Introduction to object-oriented concepts including encapsulation, inheritance, abstraction, and polymorphism using C++.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#f34b7d]"></span> <p class="text-sm text-slate-300"> C++ • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4170" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Data Visualization</p> </div> <div> <p class="text-slate-300">Programming for data analytics and data visualization using pandas, numpy, matplotlib, networkx, and seaborn. Introduction to Tableau for data visualization.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#3572A5]"></span> <p class="text-sm text-slate-300"> Python • Spring 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3400" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Database Management Systems</p> </div> <div> <p class="text-slate-300">Introduction to database management systems (DBMS) using structured query language (SQL) along with Microsoft Access. Concepts include data integrity, security, privacy, transaction processing, and ethical data collection.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e38c00]"></span> <p class="text-sm text-slate-300"> SQL • Fall 2021 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4100" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Object-Oriented Programming II</p> </div> <div> <p class="text-slate-300">Advanced object-oriented programming techniques and concepts including abstraction, inheritance, polymorphism, pointers, lists, and file IO using C++.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#f34b7d]"></span> <p class="text-sm text-slate-300"> C++ • Spring 2022 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-5800" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Information Technology Development and Project Management</p> </div> <div> <p class="text-slate-300">Management and development of an IT project through SDLC.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#b07219]"></span> <p class="text-sm text-slate-300"> Java • Fall 2022 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-3630" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Principles of Web Design</p> </div> <div> <p class="text-slate-300">Web development fundamentals, including web design, navigation, and multimedia presentation.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e34c26]"></span> <p class="text-sm text-slate-300"> HTML • Spring 2023 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> <li class="text-white"> <a href="https://github.com/Katsute/Baruch-CIS-4400" > <div class="flex p-4 rounded-md hover:bg-slate-900 ease-in-out duration-300"> <div class="flex flex-col grow space-y-2"> <div class="flex flex-row items-center space-x-1"> <p class="font-semibold">Data Warehousing for Analytics</p> </div> <div> <p class="text-slate-300">Advanced design and implementation of database warehousing and database analytics.</p> </div> <div class="flex flex-row items-center space-x-2"> <span class="shrink-0 w-3 h-3 rounded-full bg-[#e38c00]"></span> <p class="text-sm text-slate-300"> SQL • Spring 2023 </p> </div> </div> <div class="flex items-center p-4"> <i class="fa-solid fa-chevron-right fa-fw fa-1x"></i> </div> </div> </a> </li> </ul> </section> </div> <div class="shrink-0 w-[250px] hidden lg:block mt-2"> <div class="sticky top-4 space-y-4"> <div class="rounded-md font-medium bg-[#181717]/[.25] text-white border border-transparent hover:border-white ease-in-out duration-300"> <a href="https://github.com/Katsute" rel="noopener noreferrer"> <div class="px-4 py-2 flex items-center"> <span class="flex justify-center items-center w-6 h-6 py-1 text-white"> <i class="fa-brands fa-github fa-lg"></i> </span> <p class="ml-2">View on GitHub</p> </div> </a> </div> </div> </div> </div></main> <footer class="flex flex-end"> <p class="text-sm text-slate-500">Copyright © 2024 Keith Chiu</p> </footer> </div> </div> <script> </script> </body> </html>