Weekly JavaScript Roundup: Friday Links 12, November 22, 2024
Welcome to this week's edition of Friday Links, where we bring you the most interesting, insightful, and useful JavaScript-related content from around the web. Whether you're a seasoned developer or just starting your JavaScript journey, we've curated resources, tutorials, tools, and news to keep you informed and inspired. Let's dive into the highlights of the week!
Bjorn — A Viking-Themed Network Scanning and Data Breach Tool with a Twist
A GitHub user known as infinition has introduced Bjorn, a unique tool designed for comprehensive network scanning, vulnerability assessment, and even executing attacks. What sets this project apart is its modular structure, which allows for easy expansion through Python scripts, and its gamified presentation.
Bjorn transforms complex cybersecurity tasks into an adventure. Styled like a Tamagotchi game, you guide your virtual Viking companion through network exploits. Successful scans or breaches earn you in-game coins to upgrade your character, blending serious tasks with playful elements.
Features and Functionality
The current version of Bjorn includes:
- Identification of active hosts and open ports within networks;
- Vulnerability scanning using tools like Nmap and more;
- Brute-force attacks targeting services such as FTP, SSH, SMB, RDP, Telnet, and SQL;
- Data extraction from compromised services.
What You’ll Need
To bring Bjorn to life, you’ll need:
- A Raspberry Pi Zero W or Zero W2;
- A 2.13-inch e-ink screen with a GPIO driver;
- Optional control via a web interface or the e-ink display.
By combining a fun interface with practical functionality, Bjorn offers not just a tool but a unique experience, appealing to Raspberry Pi enthusiasts and cybersecurity professionals alike. Whether you’re scanning for vulnerabilities or earning coins with your Viking companion, Bjorn makes network security engaging and educational.
📜 Articles & Tutorials
The stereographic projection of the Stern–Brocot tree
The Ultimate Guide to Headless CMS
What’s the Difference Between HTML’s Dialog Element and Popovers?
Possible Future CSS: Tree-Counting Functions and Random Values
How should <selectedoption> work?
Hyper-responsive web components
5 differences between React server components and server-side rendering
React Anti-Pattern: Stop Passing Setters Down the Components Tree
Stop Using .d.ts Files in TypeScript
Build and Deploy a ReactJS App to AWS EC2 with Docker, NGINX, and Automate with GitHub Actions.
Diagram-as-Code: Creating Dynamic and Interactive Documentation for Visual Content
AAA - Analytical Anti-Aliasing
Mastering the Abstract Factory Pattern: A Comprehensive Guide
Mastering the Prototype Design Pattern: A Comprehensive Guide
How to Create Zig-Zag CSS Loaders Using One Element
⚒️ Tools
webvm - Virtual Machine for the Web
Easing Wizard - CSS easing functions made easy
Vratix - Build APIs Faster, Focus on What Matters.
📚 Libs
Electrobun is a cutting-edge framework designed for developers aiming to build, ship, and maintain ultra-fast, cross-platform desktop applications written entirely in TypeScript. It serves as a "batteries-included" solution, streamlining the app creation process by bundling everything you need—from development to distribution—into a single tool.
SOYO (Stream On Your Own) is an open-source project designed to simplify media streaming across a local network without relying on third-party servers or cloud solutions. Created by the developer "fal3n-4ngel," this tool is tailored for users looking to enjoy their personal media collections effortlessly on multiple devices.
Nova - Your favorite javascript and wasm engine
khoshnus - A library to bring life to your web writings!
react-scan - Scan for React performance issues and eliminate slow renders in your app
MLflow.js - A Javascript Library for MLOps
responsively-lazy - Lazy load responsive images and HTML
sortable - Makes any table with class="sortable", er, sortable. The user can click on a table header and change the sorting of the table rows.
capacitor - Capacitor lets you run web apps natively on iOS, Android, Web, and more with a single codebase and cross-platform APIs.
⌚ Releases
FreeCAD is an open-source parametric 3D modeler, crafted to design real-world objects of any scale. Its parametric modeling capabilities empower you to refine your designs effortlessly by revisiting the model history to tweak parameters.
With FreeCAD, you can sketch geometrically constrained 2D shapes and use them as a foundation for creating complex 3D objects. Its robust features include tools for adjusting dimensions and extracting design details, enabling you to generate precise, production-ready drawings.
Introducing Xogot - Godot for iPad
payload v3.0.0 - is the first-ever Next.js native CMS that can install directly in your existing /app folder. It's the start of a new era for headless CMS
📺 Videos
Create a blog with a headless CMS // Full 3-hour course // Astro + Wix Studio
Building more efficient locks with GSAP
Coding + Maths = Art - The Beauty of the Balanced Centrifuge Challenge with a Miraculous One-Liner!
The ONLY video you need for deploying with Github Actions
Build a Facial Recognition AI using TypeScript with Jack Herrington
Let's build a Full Stack E-Commerce App with NEXT.JS 15 (Sanity, Stripe, Clerk, Tailwind, TS)
Git & GitHub Tutorial | Visualized Git Course for Beginner & Professional Developers in 2024
The Most Important Design Pattern in React
That wraps up this week's roundup of JavaScript resources and insights! We hope these links spark new ideas, solve challenges you're facing, or introduce you to exciting tools and techniques. Have something cool to share or feedback on the roundup? Drop us a comment or connect with us on social media.
Until next Friday, happy coding and stay curious!