@shuhandong.bsky.social
@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...
#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
April 22, 2025 at 3:19 AM
@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...
#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...
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
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
April 15, 2025 at 10:33 PM
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
See demo->https://observablehq.com/d/17ad2f133c3f874a
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
#ProgrammingParadigms
@northeasternu.bsky.social
April 13, 2025 at 7:06 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
April 13, 2025 at 6:29 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
April 6, 2025 at 5:16 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
April 6, 2025 at 4:48 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
April 1, 2025 at 3:38 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
April 1, 2025 at 2:29 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
March 24, 2025 at 6:13 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
March 24, 2025 at 5:29 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
March 18, 2025 at 6:58 PM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
March 18, 2025 at 5:59 AM
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
#WebDev
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
March 7, 2025 at 7:06 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
March 7, 2025 at 6:48 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
February 24, 2025 at 6:27 PM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
February 24, 2025 at 8:09 AM
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
#WebDev
@northeasternu.bsky.social
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
#WebDev
youtu.be/DNDWMKBB6fg
February 21, 2025 at 6:38 AM
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
#WebDev
youtu.be/DNDWMKBB6fg
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
#ProgrammingParadigms
@northeasternu.bsky.social
February 19, 2025 at 11:04 PM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
February 18, 2025 at 12:35 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
February 10, 2025 at 4:46 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
February 10, 2025 at 4:25 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
February 3, 2025 at 3:05 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
February 3, 2025 at 12:37 AM
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
#WebDev
@northeasternu.bsky.social
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
#ProgrammingParadigms
@northeasternu.bsky.social
January 28, 2025 at 3:33 AM
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
#ProgrammingParadigms
@northeasternu.bsky.social
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
#WebDev
@northeasternu.bsky.social
January 27, 2025 at 6:27 AM
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
#WebDev
@northeasternu.bsky.social