From 30d6bb1990e14eba9352c5fded55f434e909a4d7 Mon Sep 17 00:00:00 2001 From: dcho-jaewook Date: Sat, 1 Mar 2025 15:10:38 -0800 Subject: [PATCH] Added all blog posts --- .../fall2018/hackschool-session-2/index.md | 14 +- .../hackschool-session-3-backend/index.md | 13 +- .../hackschool-session-3-frontend/index.md | 12 +- public/blogPosts/fall2019/js-chat-1/index.md | 16 +- public/blogPosts/fall2019/js-chats-2/index.md | 16 +- public/blogPosts/fall2019/js-chats-3/index.md | 12 +- public/blogPosts/fall2019/js-chats-4/index.md | 12 +- public/blogPosts/fall2019/js-chats-5/index.md | 13 +- public/blogPosts/fall2019/js-chats-6/index.md | 12 +- .../fall2019/js-chats-summary/index.md | 12 +- .../blogPosts/spring2021/js-chats-2/index.md | 15 +- .../blogPosts/spring2021/js-chats-4/index.md | 14 +- .../spring2021/js-chats-5-wasm/index.md | 16 +- .../spring2021/js-chats-6-hooks/index.md | 16 +- .../spring2021/js-chats-7-typescript/index.md | 15 +- src/data/blogs.js | 185 ++++++++++++++++++ 16 files changed, 293 insertions(+), 100 deletions(-) diff --git a/public/blogPosts/fall2018/hackschool-session-2/index.md b/public/blogPosts/fall2018/hackschool-session-2/index.md index dc0c00c92..ce6988e1f 100644 --- a/public/blogPosts/fall2018/hackschool-session-2/index.md +++ b/public/blogPosts/fall2018/hackschool-session-2/index.md @@ -1,10 +1,12 @@ ---- -date: "2018-10-17" -title: "Hackschool: Intro to Backend Development" -subtitle: "Session 2" ---- -**Location**: Covel 227, UCLA +# Hackschool: Intro to Backend Development + +## Session 2 + +### October 17, 2018 +#### By Timothy Gu and Galen Wong + +**Location**: Covel 227, UCLA **Time**: 6-8pm **Teachers** diff --git a/public/blogPosts/fall2018/hackschool-session-3-backend/index.md b/public/blogPosts/fall2018/hackschool-session-3-backend/index.md index 6dac1146b..8aaf97235 100644 --- a/public/blogPosts/fall2018/hackschool-session-3-backend/index.md +++ b/public/blogPosts/fall2018/hackschool-session-3-backend/index.md @@ -1,8 +1,11 @@ ---- -date: "2018-10-24" -title: "Hackschool: What is an API?" -subtitle: "Session 3 Backend" ---- +# Hackschool: What is an API? + +## Session 3 Backend + +### October 24, 2018 + +#### By Galen Wong + **Location**: Covel 227, UCLA **Time**: 7:30-8:30pm diff --git a/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md b/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md index 5ce47619a..b34c5ef48 100644 --- a/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md +++ b/public/blogPosts/fall2018/hackschool-session-3-frontend/index.md @@ -1,8 +1,10 @@ ---- -date: "2018-10-24" -title: "Hackschool: Javascript and the DOM" -subtitle: "Session 3 Frontend" ---- +# Hackschool: Javascript and the DOM + +## Session 3 Frontend + +### October 24, 2018 + +#### By Galen Wong ## Introduction diff --git a/public/blogPosts/fall2019/js-chat-1/index.md b/public/blogPosts/fall2019/js-chat-1/index.md index 198cd4280..820ba05be 100644 --- a/public/blogPosts/fall2019/js-chat-1/index.md +++ b/public/blogPosts/fall2019/js-chat-1/index.md @@ -1,12 +1,10 @@ ---- -date: 2019-10-08 -title: "Function and this" -subtitle: "JavaScript Chats with ACM Hack Session 1" ---- - +# Function and this + +## JavaScript Chats with ACM Hack Session 1 + +### October 8, 2019 + +#### By ACM Hack - [Function Arguments](#function-arguments) - [The Magic `arguments` "array"](#the-magic-arguments-%22array%22) diff --git a/public/blogPosts/fall2019/js-chats-2/index.md b/public/blogPosts/fall2019/js-chats-2/index.md index 42e414324..6a953db4b 100644 --- a/public/blogPosts/fall2019/js-chats-2/index.md +++ b/public/blogPosts/fall2019/js-chats-2/index.md @@ -1,12 +1,10 @@ ---- -date: 2019-10-15 -title: Asynchronous JavaScript -subtitle: JavaScript Chats with ACM Hack Session 2 -description: > - What does it mean for JavaScript to be asynchronous and event-driven? How - do promises and callbacks work? Let’s find out in the second installment of - JavaScript Chats with ACM Hack." ---- +# Asynchronous JavaScript + +## JavaScript Chats with ACM Hack Session 2 + +### October 15, 2019 + +#### By ACM Hack - [Definitions](#definitions) - [JavaScript and asynchrony](#javascript-and-asynchrony) diff --git a/public/blogPosts/fall2019/js-chats-3/index.md b/public/blogPosts/fall2019/js-chats-3/index.md index 697df0274..8a4a1c5bc 100644 --- a/public/blogPosts/fall2019/js-chats-3/index.md +++ b/public/blogPosts/fall2019/js-chats-3/index.md @@ -1,8 +1,10 @@ ---- -date: 2019-10-22 -title: "A Gentle Introduction to React Hooks" -subtitle: "JavaScript Chats with ACM Hack Session 3" ---- +# A Gentle Introduction to React Hooks + +## JavaScript Chats with ACM Hack Session 3 + +### October 22, 2019 + +#### By ACM Hack - [Quick Review of the `class` Lifecycle Methods](#quick-review-of-the-class-lifecycle-methods) - [Quick Review of Function Component](#quick-review-of-function-component) diff --git a/public/blogPosts/fall2019/js-chats-4/index.md b/public/blogPosts/fall2019/js-chats-4/index.md index 793efdb16..beabfc41a 100644 --- a/public/blogPosts/fall2019/js-chats-4/index.md +++ b/public/blogPosts/fall2019/js-chats-4/index.md @@ -1,8 +1,10 @@ ---- -date: 2019-11-05 -title: "Optimizing Frontend and React Apps" -subtitle: "JavaScript Chats with ACM Hack Session 4" ---- +# Optimizing Frontend and React Apps + +## JavaScript Chats with ACM Hack Session 4 + +### November 05, 2019 + +#### By ACM Hack - [An Introduction to "Frontend Optimization"](#an-introduction-to-%22frontend-optimization%22) - [How Does a Webpage Load?](#how-does-a-webpage-load) diff --git a/public/blogPosts/fall2019/js-chats-5/index.md b/public/blogPosts/fall2019/js-chats-5/index.md index 74d707557..3258b5b3e 100644 --- a/public/blogPosts/fall2019/js-chats-5/index.md +++ b/public/blogPosts/fall2019/js-chats-5/index.md @@ -1,8 +1,11 @@ ---- -date: 2019-11-12 -title: 'Multi-threading in JavaScript: Worker Threads' -subtitle: 'JavaScript Chats with ACM Hack Session 5' ---- +# Multi-threading in JavaScript: Worker Threads + +## JavaScript Chats with ACM Hack Session 5 + +### November 12, 2019 + +#### By ACM Hack + - [An overview of multi-threading](#an-overview-of-multi-threading) - [Different kinds of multi-threading](#different-kinds-of-multi-threading) diff --git a/public/blogPosts/fall2019/js-chats-6/index.md b/public/blogPosts/fall2019/js-chats-6/index.md index 57f572060..813cb0e7e 100644 --- a/public/blogPosts/fall2019/js-chats-6/index.md +++ b/public/blogPosts/fall2019/js-chats-6/index.md @@ -1,8 +1,10 @@ ---- -date: 2019-11-20 -title: 'Introduction to Testing with JavaScript' -subtitle: 'JavaScript Chats with ACM Hack Session 6' ---- +# Introduction to Testing with JavaScript + +## JavaScript Chats with ACM Hack Session 6 + +### November 20, 2019 + +#### By ACM Hack In this session of JavaScript Chats, we will introduce the concepts used in testing through JavaScript. diff --git a/public/blogPosts/fall2019/js-chats-summary/index.md b/public/blogPosts/fall2019/js-chats-summary/index.md index 93e0ee33a..afacbf4d9 100644 --- a/public/blogPosts/fall2019/js-chats-summary/index.md +++ b/public/blogPosts/fall2019/js-chats-summary/index.md @@ -1,8 +1,10 @@ ---- -date: 2019-11-21 -title: 'JavaScript Chats Fall 2019' -subtitle: 'Find all resources and links here' ---- +# JavaScript Chats Fall 2019 + +## Find all resources and links here + +### November 21, 2019 + +#### By ACM Hack ### What is JavaScript Chats? diff --git a/public/blogPosts/spring2021/js-chats-2/index.md b/public/blogPosts/spring2021/js-chats-2/index.md index 56d469678..89b1b8227 100644 --- a/public/blogPosts/spring2021/js-chats-2/index.md +++ b/public/blogPosts/spring2021/js-chats-2/index.md @@ -1,11 +1,10 @@ ---- -date: 2021-04-11 -title: Node.js Profiling -subtitle: JavaScript Chats Hack Session 2 Spring 2021 -description: > - The first step of optimization is to get a hold of performance. Using the - Chrome DevTools, we profile a Node.js application. ---- +# Node.js Profiling + +## JavaScript Chats Hack Session 2 Spring 2021 + +### April 11, 2021 + +#### By ACM Hack In the previous [JS Chats on optimization](/posts/fall2019/js-chats-4), we took diff --git a/public/blogPosts/spring2021/js-chats-4/index.md b/public/blogPosts/spring2021/js-chats-4/index.md index 776f4dbb0..a7a7f6043 100644 --- a/public/blogPosts/spring2021/js-chats-4/index.md +++ b/public/blogPosts/spring2021/js-chats-4/index.md @@ -1,10 +1,10 @@ ---- -date: 2021-04-26 -title: Introduction to WebRTC -subtitle: JavaScript Chats Hack Session 4 Spring 2021 -description: > - The first taste of WebRTC by building a video/audio application. ---- +# Introduction to WebRTC + +## JavaScript Chats Hack Session 4 Spring 2021 + +### April 26, 2021 + +#### By ACM Hack ## What is WebRTC? diff --git a/public/blogPosts/spring2021/js-chats-5-wasm/index.md b/public/blogPosts/spring2021/js-chats-5-wasm/index.md index 5d15c2134..0f265cf93 100644 --- a/public/blogPosts/spring2021/js-chats-5-wasm/index.md +++ b/public/blogPosts/spring2021/js-chats-5-wasm/index.md @@ -1,12 +1,10 @@ ---- -date: 2021-05-04 -title: Introduction to WebAssembly -subtitle: JavaScript Chats Hack Session 5, Spring 2021 -description: > - WebAssembly is a highly touted new technology that allows running - non-JavaScript code in browsers and Node.js at near-native speeds. This week, - we take a deeper look at it, and figure out its pros and cons. ---- +# Introduction to WebAssembly + +## JavaScript Chats Hack Session 5, Spring 2021 + +### May 04, 2021 + +#### By ACM Hack We usually associate the browser with the language JavaScript. The browser, such as Google Chrome, takes the JS code and then executes its instructions diff --git a/public/blogPosts/spring2021/js-chats-6-hooks/index.md b/public/blogPosts/spring2021/js-chats-6-hooks/index.md index a72da0284..31d724a22 100644 --- a/public/blogPosts/spring2021/js-chats-6-hooks/index.md +++ b/public/blogPosts/spring2021/js-chats-6-hooks/index.md @@ -1,12 +1,10 @@ ---- -date: 2021-05-18 -title: Advanced React Hooks -subtitle: JavaScript Chats Hack Session 6, Spring 2021 -author: Tristan Que -description: > - A survey of advanced React hooks, including useRef, useReducer, useContext - and custom hooks. ---- +# Advanced React Hooks + +## JavaScript Chats Hack Session 6, Spring 2021 + +### May 18, 2021 + +#### By Tristan Que > This blog post is written by one of JS Chat's participant Tristan Que. You can find Tristan on... > - LinkedIn: https://www.linkedin.com/in/tristanque2000/ diff --git a/public/blogPosts/spring2021/js-chats-7-typescript/index.md b/public/blogPosts/spring2021/js-chats-7-typescript/index.md index 0459cc3c5..62b14de8d 100644 --- a/public/blogPosts/spring2021/js-chats-7-typescript/index.md +++ b/public/blogPosts/spring2021/js-chats-7-typescript/index.md @@ -1,11 +1,10 @@ ---- -date: 2021-05-25 -title: TypeScript - What is it and why should I care? -subtitle: JavaScript Chats Hack Session 7, Spring 2021 -author: Omer Demirkan -description: > - An exploration of what TypeScript is and how to use it to catch type safety errors in development. ---- +# TypeScript - What is it and why should I care? + +## JavaScript Chats Hack Session 7, Spring 2021 + +### May 25, 2021 + +#### By Omer Demirkan > This blog post is written by one of JS Chat's participant Omer Demirkan. You can find Omer on... > - Website: https://omerdemirkan.com diff --git a/src/data/blogs.js b/src/data/blogs.js index d3fe39c85..5e4dc34ca 100644 --- a/src/data/blogs.js +++ b/src/data/blogs.js @@ -24,6 +24,154 @@ export const blogs = [ import.meta.url ).href, }, + { + id: 'spring2021-js-chat-7-typescript', + title: 'TypeScript - What is it and why should I care?', + author: 'Omer Demirkan', + date: 'May 25, 2021', + readTime: '30 min read', + summary: + 'An exploration of what TypeScript is and how to use it to catch type safety errors in development.', + markdown: new URL( + '/blogPosts/spring2021/js-chats-7-typescript/index.md', + import.meta.url + ).href, + }, + { + id: 'spring2021-js-chat-6-hooks', + title: 'Advanced React Hooks', + author: 'Tristan Que', + date: 'May 18, 2021', + readTime: '22 min read', + summary: + 'A survey of advanced React hooks, including useRef, useReducer, useContext and custom hooks.', + markdown: new URL( + '/blogPosts/spring2021/js-chats-6-hooks/index.md', + import.meta.url + ).href, + }, + { + id: 'spring2021-js-chat-5-wasm', + title: 'Introduction to WebAssembly', + author: 'ACM Hack', + date: 'May 04, 2021', + readTime: '20 min read', + summary: + 'WebAssembly is a highly touted new technology that allows running non-JavaScript code in browsers and Node.js at near-native speeds.', + markdown: new URL( + '/blogPosts/spring2021/js-chats-5-wasm/index.md', + import.meta.url + ).href, + }, + { + id: 'spring2021-js-chat-4', + title: 'Introduction to WebRTC', + author: 'ACM Hack', + date: 'April 26, 2021', + readTime: '10 min read', + summary: 'The first taste of WebRTC by building a video/audio application.', + markdown: new URL( + '/blogPosts/spring2021/js-chats-4/index.md', + import.meta.url + ).href, + }, + { + id: 'spring2021-js-chat-2', + title: 'JavaScript Chats Hack Session 2 Spring 2021', + author: 'ACM Hack', + date: 'April 11, 2021', + readTime: '10 min read', + summary: + 'The first step of optimization is to get a hold of performance. Using the Chrome DevTools, we profile a Node.js application.', + markdown: new URL( + '/blogPosts/spring2021/js-chats-2/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-summary', + title: 'JavaScript Chats Fall 2019', + author: 'ACM Hack', + date: 'November 21, 2019', + readTime: '5 min read', + summary: 'Summary of ACM Hacks JavaScript Chats!', + markdown: new URL( + '/blogPosts/fall2019/js-chats-summary/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-6', + title: 'Introduction to Testing with JavaScript', + author: 'ACM Hack', + date: 'November 20, 2019', + readTime: '20 min read', + summary: + 'An introduction of JavaScript testing framework and types of testing!', + markdown: new URL( + '/blogPosts/fall2019/js-chats-6/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-5', + title: 'Multi-threading in JavaScript: Worker Threads', + author: 'ACM Hack', + date: 'November 12, 2019', + readTime: '20 min read', + summary: 'An overview of multi-threading', + markdown: new URL( + '/blogPosts/fall2019/js-chats-5/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-4', + title: 'Optimizing Frontend and React Apps', + author: 'ACM Hack', + date: 'November 05, 2019', + readTime: '20 min read', + summary: 'Introduction to a Webpage Loading and Optimization', + markdown: new URL( + '/blogPosts/fall2019/js-chats-4/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-3', + title: 'A Gentle Introduction to React Hooks', + author: 'ACM Hack', + date: 'October 22, 2019', + readTime: '20 min read', + summary: 'What is a Hook in React?', + markdown: new URL( + '/blogPosts/fall2019/js-chats-3/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-2', + title: 'Asynchronous JavaScript', + author: 'ACM Hack', + date: 'October 8, 2019', + readTime: '20 min read', + summary: + 'What does it mean for JavaScript to be asynchronous and event-driven? How do promises and callbacks work? Let’s find out in the second installment of JavaScript Chats with ACM Hack.', + markdown: new URL( + '/blogPosts/fall2019/js-chats-2/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2019-js-chat-1', + title: 'Function and this', + author: 'ACM Hack', + date: 'October 8, 2019', + readTime: '20 min read', + summary: 'Let\'s learn about JavaScript\'s functions and \'this\'!', + markdown: new URL('/blogPosts/fall2019/js-chat-1/index.md', import.meta.url) + .href, + }, { id: 'fall2019-welcome', title: 'Welcome to ACM Hack!', @@ -47,4 +195,41 @@ export const blogs = [ import.meta.url ).href, }, + { + id: 'fall2018-hackschool-session-3-backend', + title: 'Hackschool: What is an API?', + author: 'Galen Wong', + date: 'October 24, 2018', + readTime: '21 min read', + summary: + 'Today, we\'ll learn about API and how server interacts with a HTML page!', + markdown: new URL( + '/blogPosts/fall2018/hackschool-session-3-backend/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2018-hackschool-session-2-backend', + title: 'Hackschool: Intro to Backend Development', + author: 'Timothy Gu and Galen Wong', + date: 'October 17, 2018', + readTime: '30 min read', + summary: 'Today, we\'ll learn about server, node.js, and NPM!', + markdown: new URL( + '/blogPosts/fall2018/hackschool-session-2/index.md', + import.meta.url + ).href, + }, + { + id: 'fall2018-hackschool-session-1-web-dev', + title: 'Hackschool: Intro to Web Development', + author: 'Kristie Lim and Prateek Singh', + date: 'October 10, 2018', + readTime: '30 min read', + summary: 'Today, we\'ll learn HTML/CSS and JavaScript!', + markdown: new URL( + '/blogPosts/fall2018/hackschool-session-1/index.md', + import.meta.url + ).href, + }, ];