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
More Relevant Posts
-
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 5 of #100DaysOfCode Built a Dice Roll Simulator using JavaScript. Features: 🎲 Random dice generation 🎲 Roll history tracking 🎲 Dynamic dice images Learning how randomness and DOM manipulation work together in JavaScript. Repo:-https://lnkd.in/geZqCnQ9 #JavaScript #WebDevelopment #100DaysOfCode
To view or add a comment, sign in
-
-
Just had my first PR merged into a 21k+ star open source repo I contributed a Three.js skill to "Antigravity skills repo" — a guide covering: → r128 CDN setup (no build tools needed) → Raycasting + custom mouse controls → Visual polish: shadows, env maps, tone mapping → GSAP animations + scroll interactions This is the same repo that teaches Claude how to vibe code better 3D scenes. So yeah, I literally made AI smarter at Three.js Still a CS student figuring things out, but this felt like a real milestone. 🔗 https://lnkd.in/gk2UjYG7 #OpenSource #ThreeJS #WebDevelopment #JavaScript #BuildInPublic #VibeCoding #CreativeCoding #WebGL
To view or add a comment, sign in
-
-
Day 11/60: Leveling up the JavaScript Game. 📈 Today wasn't about new syntax—it was about controlling the flow of time in my code. ⏳ Tackled Asynchronous JavaScript head-on: ✅ Promises: Taming the pending state. ✅ Async/Await: Making my code read like a story, not a maze. ✅ Fetch: Reaching out into the internet and bringing data home. We're done with the sandbox examples. Time to plan some real-world apps where this async magic actually matters. Async/Await > Callback Hell. It's not even close. What's the first app you ever built that used an API? Let me know in the comments! 👇 #JavaScript #Coding #Developer #AsyncJS #Programming #60DayChallenge
To view or add a comment, sign in
-
Practicing JavaScript by building small interactive programs using prompt(), Math.random(), and conditional logic. Exploring how user input and operators work in real-time execution. code:https://lnkd.in/diEUDahk
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
-
🚀 Day 2/30 – Random Color Generator Continuing my 30 Days JavaScript Challenge. Today I built a Random Color Generator using HTML, CSS, and JavaScript. What it does: 🎨 Generates a random HEX color 🖱 Changes background on button click 🔢 Displays the color code dynamically What I learned: ✔ Math.random() logic ✔ DOM manipulation ✔ Updating styles dynamically ✔ Handling events properly Small projects, but strong fundamentals 💪 Live Demo: https://lnkd.in/gTw_h_G3 GitHub Repository: https://lnkd.in/gci2tTXc 28 more projects to go 🚀 #javascript #webdevelopment #codingjourney #30daysofcode #mernstack
To view or add a comment, sign in
-
-
🚀 DSA Foundations Series – Arrays Basics Today I worked on three fundamental array problems in JavaScript: • Reverse an Array • Copy an Array • Find Maximum Element These problems may look simple, but they build the core understanding of: ✅ Array traversal ✅ Time Complexity – Why most array problems are O(n) ✅ Space Complexity – O(1) vs O(n) ✅ Memory behavior while copying arrays Strong foundations in DSA are not built by solving 100 random problems. They are built by deeply understanding simple ones. I’ve explained everything step-by-step in today’s video. 🔗 Video link is in the comments. If you’re starting your DSA journey, consistency matters more than speed. #DSA #JavaScript #DataStructures #CodingJourney #ProblemSolving #SoftwareDevelopment #LearningInPublic #JDCodebase
To view or add a comment, sign in
-
DAY 17 – Virtual Piano Using DOM 🎹 Built a Virtual Piano using pure HTML, CSS & JavaScript (DOM Manipulation) no libraries, no frameworks. What looks simple on the screen actually strengthened my understanding of: 1. DOM Selection & Traversing 2. Event Handling (click + keypress) 3. addEventListener() in real scenarios 4. Audio object integration 5. Keyboard key mapping logic 6. Dynamic UI feedback The best part? When you press a keyboard key or click a piano key… it instantly plays sound 🎵 Frameworks make you productive. Fundamentals make you powerful. #Day17 #AdvancedJavaScript #WebDevelopment #FrontendDeveloper #LearningJourney #Consistency #Html #Css #React #Node #Python #JavaScript #DOM #Kodex #SheryiansCodingSchool
To view or add a comment, sign in
-
Today I published a new blog on how "this" works in JavaScript. One thing that confuses many beginners is that "this" is not fixed. Its value depends on who is calling the function. In the article I break down: What "this" refers to in different environments "this" inside normal functions vs inside objects How function borrowing works The difference between call(), apply(), and bind() https://lnkd.in/dEKGEZGw I also used simple examples (including a fun Ferrari F1 analogy) to make the concept easier to understand. Chai Aur Code Hitesh Choudhary Piyush Garg Akash Kadlag Jay Kadlag #javascript #webdevelopment #coding #learninpublic #chaicode
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