Want a tool that finds replacements for any player on your #FIFA22 squad? Check out my new app! It’s fast and easy. Select a player, apply filters for potential replacements, and see the most similar options. #ProgrammingParadigms @northeastern.bsky.social

Try it: observablehq.com/d/5c35988404...

For @johnguerra.bsky.social @northeastern.bsky.social #ProgramDesignParadigms class, I built an @observablehq.com reactive input that allows users to filter fifa player data interactively.

See demo --> observablehq.com/d/2ea3948c8e...

One of the most exciting aspects of Observable Notebooks is their reactive programming model. Every cell is interdependent, so tweak a variable and watch your charts, maps, and simulations update instantly—making data exploration feel almost magical. #ProgrammingParadigms @northeastern.bsky.social

WebSockets power real-time scenarios such as synchronizing player movements in online games! The blog below discusses how to build a game of pong - synchronizing the paddle movements using web sockets! #ProgrammingParadigms @northeastern.bsky.social

diogodanielsoaresferreira.github.io/websockets/

Coding with TDD in JavaScript is like building spaceship 🚀 from scratch. Each test is a pre-flight check testing systems. When a test fails, it tells you to fix code until green light powers a perfect orbit. #[email protected]

Snapshot testing in Jest is like taking a before-and-after image of your UI. If something changes unexpectedly, it alerts you. But many devs just hit "Update snapshot" without checking, this isn't real protection. What do you do? Be honest 👀 #ProgrammingParadigms @northeastern.bsky.social

Working with large data? Web Workers are GAME CHANGERS! They handle data chunks to keep your app responsive while processing continues in background. #ProgrammingParadigms @northeastern.bsky.social

Eg: demo of keeping your UI smooth when handling massive data streams -
medium.com/%40ngrato/ha...

Think of promises in JS like ordering a coffee - the barista gives you an order number (a promise), then you wait (pending) and finally you get your order (fulfilled) or the barista says "sorry we are out of chocolate coffee" (rejected). ☕ #ProgrammingParadigms
@northeastern.bsky.social

You click a button, and data appears—no reloads, no waiting. Asynchronous JS (async/await, fetch(), promises) makes it happen! Check out this real-time flight radar ✈️, built with async JS: www.flightradar24.com

#ProgrammingParadigms @northeastern.bsky.social

Svelte compiles your components into lean, optimized JavaScript at build time, eliminating runtime overhead and enabling lightning-fast page loads even on low-end devices. The NY-Times Crossword app, runs smoothly thanks to this feature. #ProgrammingParadigms @northeastern.bsky.social

🎨 Figma = The Ultimate App Mockup Tool
No installs. No messy file versions. Just real-time collaboration, smooth prototyping - all in your browser! #ProgrammingParadigms @northeastern.bsky.social
Here are some mockups I did for a Social networking App: www.figma.com/design/ArMUt...

Good design principles are like a solid blueprint—Single Responsibility ensures classes focus on one task. Principles like this help you build scalable, maintainable software. See it in action with this example! 🏗️ #ProgrammingParadigms @northeastern.bsky.social

PolyTrack - a racing game by #Kodub using #threejs. Curious about their ghost car feature, I looked for source code failing which I asked GPT how it might work—x, y, z coordinates, rotations, and timestamps recreate ghost car replays of your best run! #ProgrammingParadigms @northeastern.bsky.social

Ever noticed how OOP mirrors real life? 🤔 Objects = people. Classes = professions. Inheritance = family traits. Polymorphism? Acting differently depending on the situation. OOP is humanity in code form. #ProgrammingParadigms @northeastern.bsky.social