This VS Code extension is super useful 🔥 It lets you generate the file tree structure of your project in multiple formats like JSON, SVG, Markdown, or ASCII, with or without icons. Just right-click in the directory sidebar and generate it instantly. Perfect for: - documenting project structure - creating visuals for README files - sharing folder layouts with your team Watch the video for a quick demo :) #html #ai #javascript #coding #webdevelopment #vscode
More Relevant Posts
-
Balance a Binary Search Tree Using Inorder Traversal 👉 Day 87 / Day 93 👈 36 🔥 Key Points 👉 Inorder traversal guarantees sorted node values for a BST 👉 Choosing the middle element ensures height balance 👉 Recursive construction creates a balanced BST 👉 Time Complexity: O(n) 👉 Space Complexity: O(n) (for storing traversal result and recursion stack) #JavaScript #TypeScript #DataStructures #Algorithms #BinarySearchTree #Trees #DSA #CodingInterview #ProblemSolving #Recursion #LeetCode #SoftwareEngineering #FrontendDevelopers
To view or add a comment, sign in
-
-
It's 5:45 am & I am still looking at my dreams. Today[2/28/2026] is day 23 of learning javascript Today & tommorow i will learn are: 1. Difference between let, const & var 2. How to use the default parameter 3. Template string, Multiline string, Dynamic string 4. Arrow Function Syntax, params 5. Spread Operator, Array Max, Copy Arrays 6. Object & Array destructuring 7. Keys, Values, Entries, Delete, Seal, Freeze 8. Accessing Object Data: Nested Object, Optional Chaining 9. Looping Object 10. Primitive Type, Non Primitive Type 11. Null Vs Undefines 12. Truthy & Falsy Values 13. ==, === , implicit conversion 14. Block Scope, Global Scope, Simple Unders. of Hoisting 15. Closure 16. Callback Function & pass different function 17. Function Arguments, pass by ref. pass by value 18. Map, ForEach 19. Filter, Find, Reduce #letsconnect #programmer #frontenddeveloper #mernstakedeveloper #Coding
To view or add a comment, sign in
-
## DAY 2 — Captcha Generator Day 2/30: Built a Captcha Generator from scratch. It creates randomized text and validates user input against it. No libraries, no APIs — just canvas rendering and string manipulation. The tricky part: making the captcha distorted enough to be hard to OCR but readable enough for humans. Turns out that balance is harder than it sounds. 🔗 Live: https://lnkd.in/gPzprnKc 🔗 Code: https://lnkd.in/gbqKTYrp #30DaysOfCode #JavaScript #WebDevelopment #BuildInPublic #WomenInTech
To view or add a comment, sign in
-
-
LeetCode Problem: Longest Common Prefix What I Learned: • How nested loops simulate 2D comparison (character index vs string index) • Comparing each string character with the first string as a reference • Using the OR operator (||) to handle multiple stopping conditions • Understanding short-circuit evaluation to prevent unnecessary checks • How .slice(0, i) extracts the valid prefix before mismatch • Why return immediately stops the entire function execution • Handling edge cases like complete match or no common prefix • Writing an efficient O(n × m) solution using simple iteration logic Problem Summary: You’re given an array of strings and need to find the longest common prefix among them. The core idea is: Compare each character of the first string With the same position in all other strings. If: • A string becomes shorter • OR characters don’t match → Stop immediately and return the prefix until that index. If no mismatch is found after full iteration → return the entire first string. This problem strengthened my understanding of control flow, string indexing, and early returns in JavaScript. A great example of breaking execution at the right time instead of overcomplicating logic. #100DaysOfLeetCode #leetcode #javascript #problemsolving #codingjourney #DSA #StringManipulation #AlgorithmicThinking Link: https://lnkd.in/gnvmJK-r
To view or add a comment, sign in
-
-
I was today years old when I found this out 😂 You can actually use Live Expressions inside Chrome DevTools. Click the "👁" icon in the Console to create a Live Expression. It evaluates your JavaScript expression automatically every ~250ms. Super useful for watching: - Variable changes - DOM state - Timers - Scroll position - FPS metrics #html #ai #coding #javascript #webdevelopment
To view or add a comment, sign in
-
I thought I understood map(), filter() and reduce()… until I wrote their polyfills. We use these methods daily in JavaScript. But I wanted to understand what actually happens behind the scenes. Building polyfills is one of the best ways to master: 1️⃣ Prototypes: How inheritance actually works in JS. 2️⃣ Execution Context: Mastering the behavior of this. 3️⃣ Edge Cases: Handling reduce() accumulators without an initial value. I’ve put together a deep dive into these internals. What’s inside: The logic behind Array.prototype. Step-by-step custom implementations. The "hidden" index logic in .reduce(). Which polyfill was the hardest for you to learn? Let’s discuss below! #Javascript #Chai aur Code #Polyfills
To view or add a comment, sign in
-
I was today years old when I found this out 😂 You can actually use Live Expressions inside Chrome DevTools. Click the 👁 icon in the Console to create a Live Expression. It evaluates your JavaScript expression automatically every ~250ms. Super useful for watching: - Variable changes - DOM state - Timers - Scroll position - FPS metrics Hope this helps ✅ Drop a like if you found this post helpful! 👍 Follow Ram Maheshwari for more 💎 #html #ai #coding #javascript #webdevelopment Chrome for Developers
To view or add a comment, sign in
-
🚀 Day 1 of JavaScript Pattern Practice! Today I practiced building a simple star pattern using JavaScript functions. Patterns are a great way to improve your logic and get comfortable with loops. Here's the code I wrote: // Function to print star pattern function printStars(rows) { for (let i = 1; i <= rows; i++) { console.log('*'.repeat(i)); } } // Call the function printStars(4); Output: * ** *** **** ⭐ Key Learnings: Using for loops to control rows Using string.repeat() to create repeated characters Functions help in reusing code easily Looking forward to learning more patterns in the coming days! 💻 #100DaysOfCode #JavaScript #Coding #FrontendDevelopment #Patterns #LearnToCode
To view or add a comment, sign in
-
The hell of parsers. One day, you think you’ve written a simple unit test. The next day, you realize you’ve opened a crack in the geometry of JavaScript. I was testing what felt like a safe invariant: source code → structure → source code. No transformation. No creativity. Just fidelity. And yet, something vanished. No error. No crash. No warning. Just a quiet absence. That’s when you learn the hard lesson: in JavaScript, structure is not always where you expect it to be. Some constructs don’t live inside what they initialize. They orbit it. Parsers rarely fail loudly. They fail silently and structurally. And once you see it, you can’t unsee it. Welcome to the hell of parsers. #Programming #JavaScript #Parsing #AST #Compilers #SoftwareEngineering #SystemsThinking #DeveloperLife #DeepTech #UnderTheHood
To view or add a comment, sign in
-
-
I built this animation using pure JavaScript and mathematical logic — no libraries, no frameworks. Everything you see — the motion, transitions, and color shifts — is driven by mathematical formulas and core JavaScript fundamentals. This project reminded me of something important: When you truly understand the fundamentals, you don’t need heavy tools to create something powerful. Math + Logic + Creativity = Limitless possibilities. #JavaScript #WebDevelopment #Frontend #CreativeCoding #Programming here is the code let t = 0; function setup() { createCanvas(400, 400); colorMode(HSB, 360, 100, 100, 100); strokeWeight(1); } function organism(x, y) { let k = 5 * cos(x / 14) * cos(y / 30); let e = y / 8 - 13; let d = pow(mag(k, e), 2) / 59 + 4; let angleTerm = atan2(k, e); let q = 60 - 3 * sin(angleTerm * e); let wave = k * (3 + 4 / d * sin(d * d - t * 2)); let c = d / 2 + e / 99 - t / 18; let xCoord = (q + wave) * sin(c) + 200; let yCoord = (q + d * 9) * cos(c) + 200; // 🎨 Only color added — no motion changes let hue = (200 + d * 15 + t * 40) % 360; let sat = 90; let bri = 80; stroke(hue, sat, bri, 80); point(xCoord, yCoord); } function draw() { background(9); // ← same as your original t += PI / 20; // ← same speed for (let i = 0; i < 10000; i++) { let x = i % 80; let y = i / 43; organism(x, y); } }
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development