Marcos Cattaneo’s Post

I have been recently having fun with Javascript and I recently create about 3hours plus video trying to explain concept like Object Oriented programming(OOP), Async/Await and Promise in Javascript. For the OOP part, I talked about the four features of OOP which: 1. Abstraction 2. Encapsulation 3. Inheritance 4. Polymorphism. I also talked about the three ways someone can implement OOP in Javascript which are through the class, Object.create and through contructor function. I also talked about the fact that Js does not really have true class but a synthetic sugar implementation over constructor function/prototypal inheritance. For the Async part, I talked about asynchronous Javascript, Event loop, Callback Queue, Promises, resolving promises and how to basically promisify an async functions. Nothing Complex just having fun: https://lnkd.in/gBFqVgBe

JavaScript looks simple, but there’s a lot more beneath the surface 👇 At first, it feels easy: Variables Functions Loops But then you encounter: Closures Hoisting Async behavior Promises vs async/await this keyword And suddenly, things aren’t that simple anymore. Understanding JavaScript deeply changed how I write code not just in Angular, but everywhere. Frameworks come and go. Strong JavaScript fundamentals stay. #JavaScript #FrontendDevelopment #WebDevelopment #SoftwareEngineering #Programming

Just published a new blog on Array Flattening in JavaScript 🚀 At first glance, it feels like a small concept… but once you go deeper, it touches recursion, problem-solving, and even interview-level thinking. In this blog, I covered: • What nested arrays actually are (with clear visuals) • Step-by-step thinking behind flattening • Different approaches (flat(), recursion, reduce, iterative) • Common interview scenarios and edge cases If you're learning JavaScript or preparing for interviews, this will be useful 👇 https://lnkd.in/gQgjYv54 #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearnInPublic #100DaysOfCode #Programming #SoftwareDevelopment

⚛️ What is a Prototype in JavaScript? This is the concept that made everything click for me. Every object in JavaScript has a hidden link: 👉 [[Prototype]] 💡 Simple example: const user = { sayHi() { console.log("Hi"); } }; const ahmed = { name: "Ahmed" }; ahmed.__proto__ = user; ahmed.sayHi(); // "Hi" Wait… ahmed doesn’t have sayHi. So how did it work? 👉 JavaScript looks up the prototype chain 🔥 What actually happens: JS looks inside ahmed Not found Goes to its prototype Finds sayHi → executes 🧠 That’s inheritance in JavaScript. Not copying code… but linking objects together. 🚀 My takeaway: Objects in JS don’t stand alone — they’re part of a chain. And understanding that chain changes everything. #JavaScript #Frontend #Programming #OOP

🚀 Understanding Template Literals in JavaScript 📖 Read full guide: https://lnkd.in/ghJ6jZRm While working with JavaScript, I explored how Template Literals simplify string handling and improve code readability. 🔍 Old way (messy): "Hello " + name + "!" ✨ New way (clean): Hello ${name}! 💡 Key Benefits: ✔ Easy variable embedding ✔ Multi-line strings ✔ Cleaner, more readable code Small feature, but a big impact in modern JavaScript 🚀 #JavaScript #WebDevelopment #Coding #FrontendDevelopment #LearningJourney #CleanCode

In 2026, JavaScript tooling is no longer written in JavaScript. Vite's bundler is Rust. TypeScript's compiler is being rewritten in Go. Biome (the linter replacing ESLint) is Rust. Tailwind's engine is Rust. Your test runner (Vitest) is the only tool still in JS -- and it runs on Vite's Rust infrastructure. The tools that build your JavaScript have left JavaScript behind. Here's the full landscape -- what's winning, what's dying, and what just shipped. Which tool switch made the biggest difference in your workflow this year? Strengthen your JavaScript fundamentals for interviews: https://lnkd.in/gmBgzHDi #JavaScript #FrontEnd #WebDevelopment #Vite #TypeScript #GreatFrontEnd

This landscape graphic perfectly separates the layers of a modern frontend application. It's a great visual checklist to ensure you are using the fastest tools available for bundling, type checking, and testing. Awesome compilation.

🔸 I built a simple project using JavaScript Fetch API to retrieve data from a public API. This project demonstrates how to fetch and display users and posts dynamically from a server and render them on a webpage. It helped me understand: Asynchronous JavaScript (async/await) Fetch API DOM manipulation Error handling Working with JSON data 🔹 Features: Fetch user list from API Fetch posts from API Display data dynamically in UI Clean and responsive layout This is a great step toward mastering frontend development and working with real-world APIs. 💻 #JavaScript #FetchAPI #WebDevelopment #FrontendDevelopment #HTML #CSS #Coding #Programming #APIs #LearnToCode 👩💻

Functions vs Classes in JavaScript — the confusion, explained. If you've ever wondered what's really happening under the hood when JS runs your code, this one's for you. #JavaScript #TypeScript #WebDevelopment #Programming

Spread and Rest in JavaScript use the same ... syntax but behave differently. • Spread expands values • Rest collects values In this blog, I’ve explained both with clear examples using arrays, objects, and practical use cases 👇 https://lnkd.in/g3p4YVH4 #javascript #webdevelopment #frontend #coding #programming #learninpublic