Score |
40
Day 9 of 30 Software/Web Dev Tools in 30 Days
<p><span data-tbw-flag="true" style="background-color: transparent;">Tool: Chrome DevTools </span></p><p><br/></p><p>Category: Debugging, Inspecting & Performance Tools</p><p><br/></p><p>When I was learning JavaScript, our tutor told us to open Chrome and start testing code.</p><p><br/></p><p>At first, I was just typing simple stuff in the Console like: </p><p>2 + 2, 10 - 3, and <a class="tc-blue" href="https://console.log" rel="noopener noreferrer" target="_blank">console.log </a> ("Hello World") </p><p><br/></p><p>It felt like magic seeing the results appear instantly.</p><p><br/></p><p>I kept typing random things just to see what would happen. </p><p> </p><p>Before I knew it, I had spent over an hour testing, playing, and learning. </p><p><br/></p><p>It was so fun, I didn’t want to stop. </p><p><br/></p><p>That Console felt like my personal playground.</p><p><br/></p><p>So, what is Chrome DevTools? </p><p><br/></p><p>It’s a set of tools already built into your Chrome browser. </p><p>You can use it to test, debug, and inspect your code live.</p><p><br/></p><p>What can it do? </p><p>🤍 Console: Test JavaScript, check errors</p><p> </p><p>🤍 Elements: Edit and inspect HTML/CSS </p><p> </p><p>🤍 Network: Monitor site speed and file loading</p><p><br/></p><p>🤍 Sources: Step through JavaScript line by line </p><p><br/></p><p>Why it’s awesome: </p><p>🌼 No setup needed. Just right-click and hit “Inspect”</p><p><br/></p><p>🌼 Helps you practice and fix code in real time</p><p> </p><p>🌼 Great for both beginners and pros </p><p><br/></p><p>If you’re new to coding, open Chrome DevTools and try typing: </p><p><a class="tc-blue" href="https://console.log" rel="noopener noreferrer" target="_blank">console.log </a> ("I'm learning to code")</p><p><br/></p><p>Just right-click on any site and click Inspect. Or press Ctrl + Shift + I.</p><p><br/></p><p>You’ll feel like a real developer in no time.</p><p><br/></p><p>Follow me so you don’t miss Day 10.</p>
2
Other insights from Unwueni
Unwueni
Port Harcourt, Nigeria
Port Harcourt, Nigeria
Referral Earning
Points-to-Coupons
Insights for you.
331 views
7 upvotes
4 comments
Comments