Lightnews — Scholar-powered news

shuhandong.bsky.social @shuhandong.bsky.social · Apr 22

@northeasternu.bsky.social
#ProgramDesignParadigms I built a reactive dashboard on observablehq.com that monitors mining machines and electricity prices in real-time, helping operators optimize efficiency and manage energy costs. See the demo: observablehq.com/d/17ad2f133c...

Observable: Explore and visualize data togetherLinkedInTwitterGitHubYouTubeLinkedInTwitterGitHubYouTube

Observable's collaborative data canvas helps you explore data, perform analysis, and build expressive charts and dashboards.

observablehq.com

1

shuhandong.bsky.social @shuhandong.bsky.social · Apr 15

For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class I built an observablehq.com reactive(MiningMonitorWidget) input that allows users to filter mining machine data by status and visualize summaries in real time.
See demo->https://observablehq.com/d/17ad2f133c3f874a

Observable: Explore and visualize data togetherLinkedInTwitterGitHubYouTubeLinkedInTwitterGitHubYouTube

Observable's collaborative data canvas helps you explore data, perform analysis, and build expressive charts and dashboards.

observablehq.com

1 2

shuhandong.bsky.social @shuhandong.bsky.social · Apr 13

Observable turned my data viz headaches into charts in just 10 minutes. People think I spent all night on complex D3 charts, but it's just the magic of a few code cells. Love how changing one parameter instantly updates the entire analysis.
#ProgrammingParadigms
@northeasternu.bsky.social

2

shuhandong.bsky.social @shuhandong.bsky.social · Apr 13

GitHub leverages GraphQL API for precise data queries, cutting redundancy. Netflix optimizes recommendations with single-request content fetching. Starbucks' PWA lets customers order even on weak networks. These technologies are reshaping our digital experiences.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Apr 6

Ruby on Rails: The magic of building a blog in just 15 minutes! DHH's original demo revolutionized web development with convention over configuration. 19 years later, Rails still proves simplicity and elegance are the efficient path to building web.
#ProgrammingParadigms
@northeasternu.bsky.social

2

shuhandong.bsky.social @shuhandong.bsky.social · Apr 6

ML in Face-api.js builds facial recognition models, analyzes expressions, extracts features, and identifies age/gender—enabling browsers to deliver emotion recognition and interactive experiences entirely client-side, ensuring privacy and instant response.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Apr 1

A WebSocket client uses the WebSocket API to build real-time two-way communication with a server. It creates a WebSocket with a target URL and optional protocols, sends data with send(), and listens for message events. Use close() to end connection.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Apr 1

Jest is a testing framework that supports various testing types, including unit, integration, endtoend, and load testing. Its comprehensive API and zero-configuration setup enable we to write efficient and maintainable tests across different application layers.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Mar 24

TDD is a methodology where tests are written before the functional code. This approach enhances code quality, facilitates early bug detection. However, it requires additional time and effort upfront can be challenging for projects with deadlines.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Mar 24

Web design isn’t about flashy effects — it’s about clear principles. The 8 golden rules matter: consistency, feedback, error prevention, undo, closure, user control, low memory load, and universal usability. Great design looks good — and works even better.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Mar 18

Jest is a powerful JavaScript testing framework for efficient unit testing like hw3. Paired with React Testing, it simulates user interactions, ensuring components work as expected without relying on internal logic, making React apps maintainable.
#ProgrammingParadigms
@northeasternu.bsky.social

2

shuhandong.bsky.social @shuhandong.bsky.social · Mar 18

Learning React marks the entry into Web 2.0! Unlike static sites, React enables dynamic, interactive experiences with components and state management. Bye, HTML-static websites feel outdated. Before, every page edit was manual, now, components will revolutionize!
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Mar 7

Hooks give function components memory and awareness. useState remembers data, useEffect knows when to update, making React simpler and replacing class components. CORS is an API security gate, controlling which websites can access your data.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Mar 7

Rendering large tables can slow a webpage. Web Workers process JSON and compute stats in the background, keeping the main thread focused on rendering for a smooth experience. They also handle real-time logs by analyzing data before updating the page.
#ProgrammingParadigms
@northeasternu.bsky.social

2

shuhandong.bsky.social @shuhandong.bsky.social · Feb 24

The Event Loop is like a restaurant manager, ensuring takeout orders (async) are handled when the chef is free, without disrupting cooking (sync). That’s why setTimeout(() => console.log("Hello"), 0) runs only after all sync tasks finish.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 24

Rails is the data factory powering JSON APIs, React is the interactive showroom visualizing insights, and Axios is the courier, delivering real-time HashRate, temperature, and electricity price updates, ensuring seamless and efficient mining operations.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 21

Hello, everyone, This is my mid-term summary including all the key points and my mind map. But, my pronunciation of some words isn't accurate. If you have any questions, please get in touch with me, and we can work on them together. I also want to thank everyone.
#WebDev
youtu.be/DNDWMKBB6fg

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 19

Asynchronous JavaScript is like delegating a task-package to the postal service-async operation and continuing with other tasks-main thread. When the package is delivered, you're notified-callback, Improved application performance-Avoid threads wait.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 18

A static HTML website is like a vending machine. The browser (client) requests files (snacks) from the server (machine), and the server delivers the files exactly as they are stored—HTML, JS, and images. There is no processing, just fast, direct delivery!
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 10

A Promise is like online shopping: you place an order, the seller processes it, and then you get a notification. If something goes wrong, you get a refund. Use then for chaining, catch for errors, and async/await for cleaner code.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 10

A web form is like an airport baggage check, allowing only authorized items. Special characters (<>$%) are like prohibited goods that trigger alarms. Web forms must filter inputs to keep bad actors out.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Feb 3

Following the Google JavaScript Style Guide is like laying a foundation to ensure code structure while using JSDoc is like adding clear labels to a building, making it easy to find functions. Code and documentation make team collaboration efficient.
#ProgrammingParadigms
@northeasternu.bsky.social

3

shuhandong.bsky.social @shuhandong.bsky.social · Feb 3

MongoDB is an implementation of a NoSQL database. It is like a super flexible cabinet that can store files in various formats, support fast searches, and be easily scalable. It is especially suitable for handling the massive data of internet e-commerce.
#WebDev
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Jan 28

I once read a book about the factory pattern that defines an automobile company interface, which is implemented by specific car classes. The factory class then created different types of car instances based on requirements, which impressed me.
#ProgrammingParadigms
@northeasternu.bsky.social

1

shuhandong.bsky.social @shuhandong.bsky.social · Jan 27

Node.js is like an efficient restaurant server that takes orders, notifies the kitchen, and moves on without waiting. Once a meal(response) is ready, it informs the table. This reflects Node.js's ability to handle multiple tasks concurrently on a single thread.
#WebDev
@northeasternu.bsky.social

1