Sign in

jonathantarun.bsky.social

@jonathantarun.bsky.social
4 followers 2 following 14 posts
PostsRepliesMedia
jonathantarun.bsky.social @jonathantarun.bsky.social · 22/04/2025
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...
observablehq.com
Player Replacement Finder for FIFA 22
This is a tool to find a replacement for any player in FIFA 22. Choose the player to replace, select any filters that fit the description of the replacements you might be looking for and voilà, you ha...
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 15/04/2025
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...
observablehq.com
Reactive Widget FIFA 22
FilterWidget is a custom reactive input widget built for ObservableHQ that enables users to interactively filter football player data. It allows for multiple selection options—via checkboxes and range...
001
jonathantarun.bsky.social @jonathantarun.bsky.social · 09/04/2025
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
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 02/04/2025
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/
diogodanielsoaresferreira.github.io
Using WebSockets to make an online pong game
How to use websockets to make an online game
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 26/03/2025
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. #ProgrammingParadigms@northeastern.bsky.social
010
jonathantarun.bsky.social @jonathantarun.bsky.social · 19/03/2025
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
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 12/03/2025
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...
medium.com
Harnessing the Power of Web Workers with Next.js
Delivering real-time data efficiently is crucial for maintaining the responsiveness of web applications. Though this post is not about…
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 26/02/2025
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
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 19/02/2025
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
flightradar24.com
Live Flight Tracker - Real-Time Flight Tracker Map | Flightradar24
The world’s most popular flight tracker. Track planes in real-time on our flight tracker map and get up-to-date flight status & airport information.
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 12/02/2025
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
010
jonathantarun.bsky.social @jonathantarun.bsky.social · 05/02/2025
🎨 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...
figma.com
Figma
Created with Figma
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 29/01/2025
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
000
jonathantarun.bsky.social @jonathantarun.bsky.social · 22/01/2025
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
020
jonathantarun.bsky.social @jonathantarun.bsky.social · 15/01/2025
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
020