Zijie Zhao
@zijiezhao.bsky.social
3 followers 1 following 15 posts
Posts Media Videos Starter Packs
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Do you want to plan your events easily? Try this event planner app by Observable! Powered by a custom widget. Add, edit, drag events, filter by category, and visualize your week with auto-updating charts.
See it at-> observablehq.com/@ryans-works...
Event Planner Application
Event Planner – Weekly Event Scheduling Application What it does Event Planner is a fully interactive and reactive scheduling application built with Observable and based on the Event Planner Widget. I...
observablehq.com
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Observable can makes interactive data notebooks, dynamic charts, and real-time data analysis! It can easily achieve results that are difficult to achieve with traditional methods, which is very beneficial for development!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
This Ruby on Rails demo shows how to build a blog system from scratch in just awesome 15 minutes! Generate the framework, configure the database, Scaffold to quickly build the UI, easy configuration automatic routing, and testing support! So crazy!🙌
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
WebSocket = Real-time communication tool: new WebSocket(url) establish a connection, listens to open, message, error, close, and uses send() to send data. It has full-duplex communication, ultra-low latency, suitable for real-time scenarios.
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Writing JavaScript with Test-Driven Development (TDD) is like writing a script first and then acting: writing tests → writing code → refactoring. Repeated cycles make your code more robust! Want to make your code more stable and elegant? Try TDD!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Jest + React Testing Library = the ultimate testing combination! Jest provides async and mock function, and React Testing Library focus on user interaction rather than implementation details, avoid testing internal logic, and make tests more robust!🙌
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Want to make web pages smoother? Try Web Workers! They Create with new Worker(), and use postMessage for main-child threads to communicate. Offload heavy tasks to a background thread, keeping the main thread responsive. Perfect for complex tasks!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Promise in JS makes async smoother! Create with new Promise((resolve, reject) => {...}), .then() handles success, .catch() handles reject, and .finally() is always executed. Use Promise.all() and Promise.race() to control the asynchronous process!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
JavaScript async magic! Did you know that setTimeout(…) doesn’t actually “pause” your code? It just passes the task to the event loop and continues with the next line of code! Want to dive deeper into Async JS? 👇
developer.mozilla.org/en-US/docs/L...
Asynchronous JavaScript - Learn web development | MDN
In this module, we take a look at asynchronous JavaScript, why it is important, and how it can be used to effectively handle potential blocking operations, such as fetching resources from a server.
developer.mozilla.org
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
If you want to build web in a simpler way, trying Svelte! It compiles directly into native JS, avoids virtual DOM, has better performance, and requires less code. Just write .svelte files, define components, bind data, and update responsively!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Want to make your JS code clearer? Try JSDoc! Automatically generate documentation, easily interpret functions, and make teamwork smoother. Code should not only run well, but also be written clearly! The clearer the code, the more timid the bugs!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Refactoring magic!🙌 This interesting essay shows how abstract classes & factory methods can cut redundant code by 40%! By designing with interfaces & polymorphism, you can swap implementations seamlessly and coexist without breaking client code!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
Create 3D magic with Three.js! Start by setting up a scene, adding a camera to view it, and using a renderer to bring everything to life. Next, add a cube, set its color, and let it spin! Finish with an animated render loop, and the 3D world is alive!
zijiezhao.bsky.social
#ProgrammingParadigms @northeasternu.bsky.social
OOP is like a versatile toolkit in the hands of an artist. In JS, classes and objects are the brushes and colors, inheritance adds depth, and prototypes sketch the blueprint. Master these tools, and you'll craft your own dynamic digital masterpieces!