<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Zero To Mastery</title>
    <description>The latest articles on Forem by Zero To Mastery (@zerotomastery).</description>
    <link>https://forem.com/zerotomastery</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F1490%2Ff64f3287-bbac-463b-ac3a-d79175b8c427.png</url>
      <title>Forem: Zero To Mastery</title>
      <link>https://forem.com/zerotomastery</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/zerotomastery"/>
    <language>en</language>
    <item>
      <title>7 Lessons From My First 6 Months as a Developer</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Thu, 26 Jun 2025 22:56:19 +0000</pubDate>
      <link>https://forem.com/zerotomastery/7-lessons-from-my-first-6-months-as-a-developer-2h3i</link>
      <guid>https://forem.com/zerotomastery/7-lessons-from-my-first-6-months-as-a-developer-2h3i</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;This post was originally written by &lt;em&gt;Igor Houwat&lt;/em&gt; and published on the Zero To Mastery blog. To read the full version (including all 7 lessons and Igor’s full story), &lt;a href="https://zerotomastery.io/blog/lessons-learned-as-a-developer/" rel="noopener noreferrer"&gt;click here&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Six months ago, I landed my first full-time job as a developer — at the age of 38, after switching careers completely.&lt;/p&gt;

&lt;p&gt;Since then, I’ve learned a lot. From navigating new codebases to finding my voice in meetings, the first few months have been full of challenges, wins, and growth.&lt;/p&gt;

&lt;p&gt;In this post, I’m sharing the 5 most valuable lessons I’ve learned so far on the job — as well as what helped me get here in the first place.&lt;/p&gt;




&lt;h2&gt;
  
  
  Before Day One: What Helped Me Get the Job
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Networking Can Be a Game-Changer
&lt;/h3&gt;

&lt;p&gt;I didn’t land my first job just by cold applying — it started with a conversation.&lt;/p&gt;

&lt;p&gt;Through a friend who had already made a similar switch into tech, I got introduced to someone at his company. That person saw potential in me and encouraged me to start learning the right skills, giving me guidance and feedback along the way.&lt;/p&gt;

&lt;p&gt;Of course, I still had to put in the work. But the connection gave me direction and eventually helped me get a foot in the door.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Takeaway:&lt;/strong&gt; Don’t underestimate the power of your network. Whether it’s LinkedIn, local meetups, online communities, or just friends — reach out, be curious, and look for ways to build real connections.&lt;/p&gt;

&lt;h3&gt;
  
  
  Master the Basics First
&lt;/h3&gt;

&lt;p&gt;When I started learning, I didn’t jump into the latest frameworks. I spent over a year and a half studying the fundamentals:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTML, CSS, and JavaScript&lt;/li&gt;
&lt;li&gt;Java (to balance a statically typed language)&lt;/li&gt;
&lt;li&gt;Data structures and algorithms&lt;/li&gt;
&lt;li&gt;Functional programming and design patterns&lt;/li&gt;
&lt;li&gt;How programming languages and compilers work&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It wasn’t flashy, but it gave me a rock-solid foundation to stand on — and made it much easier to learn frameworks later on.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bonus:&lt;/strong&gt; I found the basics fun. Understanding &lt;em&gt;how&lt;/em&gt; things work under the hood gave me confidence and made me a better problem solver.&lt;/p&gt;




&lt;h2&gt;
  
  
  5 Lessons From My First 6 Months on the Job
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Make a 'Getting Started' Plan
&lt;/h3&gt;

&lt;p&gt;Your first few weeks will be a whirlwind: onboarding, learning the company culture, setting up your dev environment, reading unfamiliar code, and trying to remember everyone’s name.&lt;/p&gt;

&lt;p&gt;It’s easy to feel overwhelmed.&lt;/p&gt;

&lt;p&gt;Having a personal roadmap helped me stay focused. I set small goals — things like "read through this part of the codebase" or "get this basic feature working locally" — and slowly built up momentum.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pro tip:&lt;/strong&gt; I followed &lt;a href="https://www.samueltaylor.org/articles/how-to-learn-a-codebase.html" rel="noopener noreferrer"&gt;this great blog post&lt;/a&gt; about how to get started as a new dev. Start with small tasks, and ask lots of questions (more on that below).&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Ask Questions (Early &amp;amp; Often)
&lt;/h3&gt;

&lt;p&gt;It can be intimidating to speak up when you’re new. You don’t want to slow others down or look unprepared. But here’s the truth:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Asking questions is how you grow.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Most people are happy to help — especially if you’ve done a bit of homework first. Just don’t wait too long to ask if you’re stuck. A five-minute conversation can save you hours of frustration.&lt;/p&gt;

&lt;p&gt;That said, be respectful of others' time:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Avoid asking the same question repeatedly&lt;/li&gt;
&lt;li&gt;Try to research first before asking&lt;/li&gt;
&lt;li&gt;Take notes so you can reference answers later&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The people who grow the fastest aren’t the ones who stay quiet — they’re the ones who stay curious.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Find Mentors
&lt;/h3&gt;

&lt;p&gt;Mentorship is a superpower in tech.&lt;/p&gt;

&lt;p&gt;I’ve had mentors help me with technical topics, code reviews, company culture, soft skills, and more. One helped me become a better communicator. Another helped me understand our team’s coding philosophy.&lt;/p&gt;

&lt;p&gt;Each mentor brought a different perspective — and all of them accelerated my growth.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; You don’t need a formal mentorship program. If you admire someone’s work or approach, ask if they’re open to answering questions or reviewing your code now and then. Most people are flattered — and willing to help.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Your Age &amp;amp; Background Don’t Matter
&lt;/h3&gt;

&lt;p&gt;I’m 38. And guess what? I’m not the oldest dev on my team.&lt;/p&gt;

&lt;p&gt;There’s a stereotype in tech that it’s a young person’s game — but that’s just not true. I’ve met great developers in their 40s and 50s. What matters most is your ability to learn, solve problems, and communicate well.&lt;/p&gt;

&lt;p&gt;Whether you’re coming from sales, teaching, construction, or any other field — your experience is valid. And it often brings transferable skills that make you a better teammate.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bottom line:&lt;/strong&gt; If you’re passionate about learning and willing to put in the work, you belong here.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Keep Learning
&lt;/h3&gt;

&lt;p&gt;The learning doesn’t stop once you land the job — in fact, that’s when it really starts.&lt;/p&gt;

&lt;p&gt;There’s always a new tool, a new pattern, or a better way of doing things. And that’s part of what makes software development so exciting.&lt;/p&gt;

&lt;p&gt;After my daughter was born, I used some of my parental leave to strengthen skills I knew I’d need on the job. Even if it was just 30 minutes here or there, it made a big difference in my confidence when I came back.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Some ways I keep learning:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ask senior devs for feedback on my code&lt;/li&gt;
&lt;li&gt;Rewatch course material when I get stuck&lt;/li&gt;
&lt;li&gt;Write about what I’m learning (blogging is a great tool!)&lt;/li&gt;
&lt;li&gt;Make a habit of small daily improvements&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;No one knows everything. The best devs I’ve met are the ones who never stop learning.&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;Want to read &lt;strong&gt;all 7 lessons&lt;/strong&gt; and Igor’s full story? &lt;a href="https://zerotomastery.io/blog/lessons-learned-as-a-developer/" rel="noopener noreferrer"&gt;Check out the full blog post on ZTM&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
    </item>
    <item>
      <title>How To Start Freelance Consulting in 2025 (Even Without a Degree)</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Tue, 24 Jun 2025 23:47:22 +0000</pubDate>
      <link>https://forem.com/zerotomastery/how-to-start-freelance-consulting-in-2025-even-without-a-degree-424c</link>
      <guid>https://forem.com/zerotomastery/how-to-start-freelance-consulting-in-2025-even-without-a-degree-424c</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;This post is a summarized version of Paul Mendes' full guide on how to become a freelance consultant, originally published on &lt;a href="https://zerotomastery.io/blog/how-to-become-a-freelance-consultant/" rel="noopener noreferrer"&gt;Zero To Mastery&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  What is a Freelance Consultant?
&lt;/h2&gt;

&lt;p&gt;A freelance consultant is essentially a professional problem-solver. Unlike traditional freelancers hired to complete specific tasks (e.g. build a website), consultants are brought in to analyze problems, present solutions, and provide strategic advice — often in the form of reports or presentations.&lt;/p&gt;

&lt;p&gt;Think of consultants as on-demand specialists who help businesses overcome challenges using their unique skillsets.&lt;/p&gt;

&lt;h2&gt;
  
  
  Freelance Consulting vs. General Freelancing
&lt;/h2&gt;

&lt;p&gt;While both involve project-based work, the difference lies in the nature of the work:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Freelancers&lt;/strong&gt; execute specific tasks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Consultants&lt;/strong&gt; identify and solve strategic problems.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Consulting often leads to more in-depth engagements and higher rates, since businesses aren’t just paying for labor — they’re paying for insight and expertise.&lt;/p&gt;

&lt;h2&gt;
  
  
  Is Freelance Consulting Worth It?
&lt;/h2&gt;

&lt;p&gt;Absolutely. Many freelance consultants earn higher rates than traditional freelancers or even salaried employees - especially when they specialize in a niche area.&lt;/p&gt;

&lt;p&gt;For example, software consultants and tech-focused freelancers have reported average earnings over $100,000/year, especially when working with high-value clients. Platforms like ZipRecruiter back this up with similar estimates.&lt;/p&gt;

&lt;p&gt;The real advantage? You're charging for your brain, not just your time.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Top 10 Sectors for Freelance Consulting
&lt;/h2&gt;

&lt;p&gt;Here are some of the most in-demand consulting areas in 2025:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Strategy
&lt;/li&gt;
&lt;li&gt;Marketing
&lt;/li&gt;
&lt;li&gt;Operations
&lt;/li&gt;
&lt;li&gt;Human Resources
&lt;/li&gt;
&lt;li&gt;Business Development
&lt;/li&gt;
&lt;li&gt;Procurement
&lt;/li&gt;
&lt;li&gt;Digital &amp;amp; Tech
&lt;/li&gt;
&lt;li&gt;Interim Leadership Roles
&lt;/li&gt;
&lt;li&gt;Innovation &amp;amp; R&amp;amp;D
&lt;/li&gt;
&lt;li&gt;Internal Relations&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Even if you don’t have experience in these sectors yet, your existing skills, like web development, Python, or SEO — can often be applied directly to solve business challenges in these areas.&lt;/p&gt;

&lt;h2&gt;
  
  
  How To Get Started: A 4-Step Roadmap
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Choose a Niche + Build Your Offer
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fay23q9ghoju9lexraqvu.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fay23q9ghoju9lexraqvu.gif" alt="Kind of obvious" width="480" height="210"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Start by identifying your strengths and experiences. Whether it’s from your day job, side projects, or volunteering, chances are you already have expertise others would pay for.&lt;/p&gt;

&lt;p&gt;Next, research the demand. Use freelance platforms like Upwork or job boards to see what clients are actively looking for.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bonus tip:&lt;/strong&gt; Consider using a value ladder — offer different service tiers to cater to both small and premium clients.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Land Your First Clients
&lt;/h3&gt;

&lt;p&gt;Use platforms like Upwork, Freelancer.com, or even your LinkedIn network. Many new consultants start by offering to work for free in exchange for a case study, a powerful portfolio builder that often leads to paid work.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Prove Your Value
&lt;/h3&gt;

&lt;p&gt;Don’t just complete the work, show your impact. Whether it’s faster load times, better conversions, or increased productivity, use metrics to demonstrate ROI. This helps build trust and justifies higher rates.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Build Authority Over Time
&lt;/h3&gt;

&lt;p&gt;Start putting your ideas out there. Whether through a blog, LinkedIn, or YouTube, consistently sharing insights builds trust and makes you more attractive to clients.&lt;/p&gt;

&lt;p&gt;You don’t need thousands of followers to look credible — you just need to show you care about your field and stay informed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzifq79dwixuywsqqcc4n.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzifq79dwixuywsqqcc4n.gif" alt="Inspire" width="120" height="120"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Freelance consulting is one of the most flexible and lucrative career paths available today. And no, you don’t need a fancy degree or years of corporate experience to get started. You just need a skill, a clear offer, and a willingness to do the work.&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;Ready to dive deeper? &lt;a href="https://zerotomastery.io/blog/how-to-become-a-freelance-consultant/" rel="noopener noreferrer"&gt;Check out the full guide&lt;/a&gt; by Paul Mendes on the ZTM blog for detailed case studies, examples, and bonus lessons.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>freelance</category>
      <category>webdev</category>
      <category>career</category>
      <category>data</category>
    </item>
    <item>
      <title>Beginner's Guide To The UX Design Process</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Fri, 20 Jun 2025 20:01:03 +0000</pubDate>
      <link>https://forem.com/zerotomastery/beginners-guide-to-the-ux-design-process-3flb</link>
      <guid>https://forem.com/zerotomastery/beginners-guide-to-the-ux-design-process-3flb</guid>
      <description>&lt;p&gt;&lt;strong&gt;👉 &lt;em&gt;This post is a portion of Laura's full blog post on &lt;a href="https://zerotomastery.io/blog/ux-design-process/" rel="noopener noreferrer"&gt;Zero To Mastery&lt;/a&gt;. To read the full article, head over there.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The UX Design Process
&lt;/h2&gt;

&lt;p&gt;Ever tried navigating a website that just doesn’t work the way you expect? Frustrating, right? On the flip side, some apps just feel effortless. Everything clicks and using them is a breeze. That’s the magic of great UX design.&lt;/p&gt;

&lt;p&gt;If you’re wondering how to create that same experience, it all starts with mastering the UX design process. This guide walks you through the key steps so you can turn ideas into designs that not only look good but work seamlessly.&lt;/p&gt;




&lt;h2&gt;
  
  
  What is the UX design process?
&lt;/h2&gt;

&lt;p&gt;The UX design process is a roadmap for creating products that people love to use. It guides you from initial concept to final product while keeping user needs at the center. Think of it as a GPS for your project, helping you navigate toward the best solutions.&lt;/p&gt;

&lt;p&gt;It includes steps like understanding users, brainstorming ideas, prototyping, testing, and refining your designs based on feedback.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why is the UX design process so important?
&lt;/h2&gt;

&lt;p&gt;Great UX leads to happy users, higher engagement, and ultimately more revenue. On the flip side, poor UX frustrates users and increases abandonment rates. Mastering this process helps you exceed expectations and build products that people stick with.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step #1. Research
&lt;/h2&gt;

&lt;p&gt;Research lays the foundation for the whole process. You need to understand your users, their goals, frustrations, and behaviors.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Qualitative research:&lt;/strong&gt; Involves interviews and open-ended questions. For example, talking to gym-goers about what they wish their fitness apps did better.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quantitative research:&lt;/strong&gt; Gathers data through surveys or analytics. Maybe you find out 75% of respondents are unhappy with their current fitness app.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Affinity mapping:&lt;/strong&gt; Organizes insights into patterns so you can identify major opportunities.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Competitive research:&lt;/strong&gt; Study existing products to find gaps or opportunities. Reading negative reviews of top fitness apps, for example, can highlight areas where your app can stand out.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9g8czwy0ms56cckiwd54.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9g8czwy0ms56cckiwd54.webp" alt="design research image" width="720" height="484"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Step #2. Ideation
&lt;/h2&gt;

&lt;p&gt;This is the brainstorming phase. Based on your research, you and your team generate as many ideas as possible, no matter how unconventional.&lt;/p&gt;

&lt;p&gt;Examples:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Gamifying workouts to motivate users.&lt;/li&gt;
&lt;li&gt;Adding easy options for sharing achievements on social media.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal: explore many angles and uncover innovative solutions.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step #3. Prototyping
&lt;/h2&gt;

&lt;p&gt;Prototypes bring your ideas to life. They can be:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Sketches:&lt;/strong&gt; Quick, rough layouts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wireframes:&lt;/strong&gt; Low-fidelity structures showing layout and functionality.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;UI mockups:&lt;/strong&gt; High-fidelity visuals with colors, icons, and typography.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactive prototypes:&lt;/strong&gt; Clickable models created in tools like Figma, simulating the user experience.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe688wpd9jkt5rc5ie77f.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe688wpd9jkt5rc5ie77f.webp" alt="Course lesson image" width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;👉 &lt;em&gt;To continue learning and build real-world UX projects, check out &lt;a href="https://zerotomastery.io/courses/ui-ux-product-design-bootcamp" rel="noopener noreferrer"&gt;Dan’s Complete UI/UX Design Bootcamp&lt;/a&gt;. The course covers the entire process in-depth, with hands-on practice in Figma and more.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fut58e5rc80vjoy390w2y.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fut58e5rc80vjoy390w2y.jpg" alt="UI/UX Bootcamp landing page" width="800" height="710"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Beginner's Guide To Tree Of Thoughts Prompting (With Examples)</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Wed, 18 Jun 2025 22:58:34 +0000</pubDate>
      <link>https://forem.com/zerotomastery/beginners-guide-to-tree-of-thoughts-prompting-with-examples-4op6</link>
      <guid>https://forem.com/zerotomastery/beginners-guide-to-tree-of-thoughts-prompting-with-examples-4op6</guid>
      <description>&lt;p&gt;Have you ever felt like AI models rush to give answers without reasoning things through? &lt;strong&gt;Tree of Thoughts (ToT) prompting&lt;/strong&gt; is designed to solve that. Unlike simple prompting techniques, ToT helps AI slow down, think step-by-step, explore multiple solutions, and choose the best one, much like how humans approach complex problems.&lt;/p&gt;

&lt;p&gt;👉 &lt;em&gt;This post is a portion of Scott's full blog post on Zero To Mastery. To read the full article, &lt;a href="https://zerotomastery.io/blog/tree-of-thought-prompting/" rel="noopener noreferrer"&gt;click here&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🌳 What is Tree of Thoughts Prompting?
&lt;/h2&gt;

&lt;p&gt;Tree of Thoughts (ToT) prompting is a framework that replicates human problem-solving by having AI generate, evaluate, and refine multiple lines of reasoning. Instead of following a single path (like Chain of Thought), ToT explores various ideas at each stage, building a tree-like structure of possibilities. This method came from research by Princeton, Google DeepMind, and Long in 2023.&lt;/p&gt;




&lt;h2&gt;
  
  
  🌱 How Does Tree of Thoughts Work?
&lt;/h2&gt;

&lt;p&gt;Here’s how ToT operates:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Generate Thoughts:&lt;/strong&gt; The AI creates several possible solutions at each stage.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Evaluate Thoughts:&lt;/strong&gt; It assesses which ideas to keep exploring and which to discard.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expand Promising Thoughts:&lt;/strong&gt; The best ideas branch into further possibilities.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Search for the Best Solution:&lt;/strong&gt; Algorithms like Breadth-First Search (BFS) or Depth-First Search (DFS) guide exploration.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Example: Imagine planning a vacation. You start with general ideas (beach, city, skiing). Based on your preferences (you hate cold), you eliminate skiing. Then, you narrow choices to cities and finally pick Paris. This mirrors how ToT prunes ideas to find the best one.&lt;/p&gt;




&lt;h2&gt;
  
  
  💡 Why Use Tree of Thoughts?
&lt;/h2&gt;

&lt;p&gt;ToT shines because it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Encourages &lt;strong&gt;iterative exploration&lt;/strong&gt;, increasing the chance of finding the right solution.&lt;/li&gt;
&lt;li&gt;Helps &lt;strong&gt;discard weak ideas early&lt;/strong&gt;, saving time and resources.&lt;/li&gt;
&lt;li&gt;Adapts across domains — from math problems to creative writing.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Game of 24 Example:
&lt;/h3&gt;

&lt;p&gt;In this problem-solving game, you must combine 4 numbers using arithmetic to reach 24.&lt;/p&gt;

&lt;p&gt;👉 Example solution:&lt;br&gt;&lt;br&gt;
Numbers: 8, 3, 3, 2&lt;br&gt;&lt;br&gt;
Solution: (8 ÷ 2) × (3 + 3) = 24&lt;/p&gt;

&lt;p&gt;When tested on this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Input-Output prompting: 7.3% success&lt;/li&gt;
&lt;li&gt;Chain of Thought: 4% success&lt;/li&gt;
&lt;li&gt;Self-consistency CoT: 9% success&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tree of Thoughts (B=1): 45% success&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tree of Thoughts (B=5): 74% success&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The more paths ToT explores (higher B), the better it performs.&lt;/p&gt;




&lt;h2&gt;
  
  
  🚀 How To Implement Tree of Thoughts
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Option 1: Via Code
&lt;/h3&gt;

&lt;p&gt;Ideal if you want full control. You can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Generate multiple paths programmatically&lt;/li&gt;
&lt;li&gt;Score and filter ideas automatically&lt;/li&gt;
&lt;li&gt;Apply BFS/DFS algorithms for exploration&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Option 2: Prompt Chaining
&lt;/h3&gt;

&lt;p&gt;Guide the AI with a sequence of prompts:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Generate multiple ideas&lt;/li&gt;
&lt;li&gt;Evaluate them through follow-up prompts&lt;/li&gt;
&lt;li&gt;Expand on the most promising&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Example:&lt;br&gt;&lt;br&gt;
"List 3 strategies for warehouse logistics" → "Evaluate these strategies" → "Expand on the best one"&lt;/p&gt;

&lt;h3&gt;
  
  
  Option 3: Zero Shot ToT
&lt;/h3&gt;

&lt;p&gt;Use a single structured prompt:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Imagine 3 experts answering this question. Each writes one step, shares it, and leaves if they realize they're wrong. Repeat until a solution is reached."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This simulates multiple reasoning paths in one go — perfect for quick experimentation.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Tree of Thoughts helps AI reason smarter by exploring and pruning multiple paths. It’s a flexible method you can try with or without code to tackle complex challenges.&lt;/p&gt;

&lt;p&gt;Ready to level up your prompting skills? &lt;a href="https://zerotomastery.io/courses/prompt-engineering-bootcamp/" rel="noopener noreferrer"&gt;Check out the full ZTM Prompt Engineering course&lt;/a&gt; for a deeper dive!&lt;/p&gt;




</description>
    </item>
    <item>
      <title>How To Convince Your Boss To Pay for Your Upskilling</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Thu, 12 Jun 2025 17:10:42 +0000</pubDate>
      <link>https://forem.com/zerotomastery/how-to-convince-your-boss-to-pay-for-your-upskilling-c3f</link>
      <guid>https://forem.com/zerotomastery/how-to-convince-your-boss-to-pay-for-your-upskilling-c3f</guid>
      <description>&lt;p&gt;Looking to level up your skills in AI, Cybersecurity, Cloud, or automation, and get your company to cover the cost?&lt;/p&gt;

&lt;p&gt;In this post, you'll learn how to make a compelling case to your manager (without sounding salesy or desperate).&lt;/p&gt;

&lt;p&gt;📩 Want the full guide with a ready-to-use email template?&lt;br&gt;&lt;br&gt;
👉 &lt;a href="https://zerotomastery.io/blog/training-request-letter/" rel="noopener noreferrer"&gt;Check out the full version on the ZTM blog&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Your &lt;strong&gt;employer should be paying for it&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It’s not just possible, it’s smart business. Companies want productive, efficient teams. And in tech, that means learning never stops. So why not let your boss foot the bill for your growth?&lt;/p&gt;

&lt;p&gt;Here’s how to make the ask and get a “yes” without sounding salesy or desperate.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧠 It’s Not About You (At First)
&lt;/h2&gt;

&lt;p&gt;If you want your manager to say yes, the key is simple: &lt;strong&gt;frame it as a benefit for them&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It’s not about "I want to learn more."&lt;br&gt;&lt;br&gt;
It’s about "Here's how this will help the team/company."&lt;/p&gt;

&lt;p&gt;Ask yourself:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Can I automate something tedious?&lt;/li&gt;
&lt;li&gt;Can I work faster or smarter with this new skill?&lt;/li&gt;
&lt;li&gt;Can this save time or reduce costs?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you can link upskilling to &lt;em&gt;visible impact&lt;/em&gt;, they’ll listen.&lt;/p&gt;




&lt;h2&gt;
  
  
  🚀 Start Before You Pitch
&lt;/h2&gt;

&lt;p&gt;Before you even ask, &lt;strong&gt;start learning&lt;/strong&gt;.&lt;br&gt;&lt;br&gt;
Not the whole course, just enough to show initiative.&lt;/p&gt;

&lt;p&gt;For example, if you’re learning automation or Python scripting, apply what you learn to a small task at work. Save the team an hour a week. Clean up a report. Eliminate a bottleneck.&lt;/p&gt;

&lt;p&gt;Then, when you approach your boss, you can say:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“I’ve already started learning this on my own, and here’s what I was able to improve.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Now it’s not just a training request—it’s a &lt;strong&gt;business case&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  💬 Address Objections Up Front
&lt;/h2&gt;

&lt;p&gt;When managers say no, it’s usually for one of these reasons:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;“What if you don’t finish?”&lt;/li&gt;
&lt;li&gt;“What if you leave the company?”&lt;/li&gt;
&lt;li&gt;“Will this distract you from your job?”&lt;/li&gt;
&lt;li&gt;“Is it worth the money?”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here’s how to handle each one:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;✔️ You’ve already started&lt;/strong&gt; – shows initiative&lt;br&gt;&lt;br&gt;
&lt;strong&gt;✔️ You’ll learn outside work hours&lt;/strong&gt; – no productivity risk&lt;br&gt;&lt;br&gt;
&lt;strong&gt;✔️ You want to grow &lt;em&gt;with&lt;/em&gt; the company&lt;/strong&gt; – reduces fear of turnover&lt;br&gt;&lt;br&gt;
&lt;strong&gt;✔️ Cost is reasonable &amp;amp; tax-deductible&lt;/strong&gt; – lowers financial barrier&lt;/p&gt;




&lt;h2&gt;
  
  
  🧾 What to Recommend
&lt;/h2&gt;

&lt;p&gt;If you're looking for a platform to suggest, &lt;strong&gt;Zero To Mastery (ZTM)&lt;/strong&gt; is built for real-world upskilling. It’s used by employees at Google, Amazon, Shopify, and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Costs&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;$299/year or $1,299 for lifetime access&lt;/li&gt;
&lt;li&gt;Tax deductible for most companies&lt;/li&gt;
&lt;li&gt;Includes full access to courses in:

&lt;ul&gt;
&lt;li&gt;Machine Learning&lt;/li&gt;
&lt;li&gt;Generative AI &amp;amp; Prompt Engineering&lt;/li&gt;
&lt;li&gt;Cloud &amp;amp; DevOps&lt;/li&gt;
&lt;li&gt;Cybersecurity&lt;/li&gt;
&lt;li&gt;Fullstack Web Dev&lt;/li&gt;
&lt;li&gt;Data Science, and more&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Bonus&lt;/strong&gt;: Most courses have free previews, so you and your boss can try before buying.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧠 Final Thought
&lt;/h2&gt;

&lt;p&gt;Convincing your boss to pay for training isn’t about being persuasive, it’s about showing value.&lt;br&gt;&lt;br&gt;
If you demonstrate initiative, tie it to outcomes, and offer a low-risk ask, you’ve already done 80% of the work.&lt;/p&gt;




&lt;p&gt;📚 Want the full guide with sample language and deeper strategy?&lt;br&gt;&lt;br&gt;
&lt;a href="https://zerotomastery.io/blog/training-request-letter/" rel="noopener noreferrer"&gt;Read the complete post on the Zero To Mastery blog&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>productivity</category>
      <category>career</category>
    </item>
    <item>
      <title>Is Tech a Good Career Path? Pros, Cons, and How To Get Started</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Tue, 10 Jun 2025 17:34:48 +0000</pubDate>
      <link>https://forem.com/zerotomastery/is-tech-a-good-career-path-pros-cons-and-how-to-get-started-1pne</link>
      <guid>https://forem.com/zerotomastery/is-tech-a-good-career-path-pros-cons-and-how-to-get-started-1pne</guid>
      <description>&lt;p&gt;Thinking about starting a career in tech but not sure if it’s the right move? You’re not alone.&lt;/p&gt;

&lt;p&gt;This post is a summarized version of a full guide by Daniel Daines-Hutt over at &lt;a href="https://zerotomastery.io/blog/is-technology-a-good-career-path/" rel="noopener noreferrer"&gt;Zero To Mastery&lt;/a&gt;, where he breaks down whether tech is worth it, what the path actually looks like, and how to get started from scratch.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Pros of Working in Tech
&lt;/h2&gt;

&lt;h3&gt;
  
  
  You Don’t Need a Degree
&lt;/h3&gt;

&lt;p&gt;One of the biggest advantages in tech? You don’t need a college degree to get hired. Companies care more about your skills and whether you can do the job, not where you learned it.&lt;/p&gt;

&lt;p&gt;That’s why most people learn through platforms like YouTube, online courses, or bootcamps. And the costs are a fraction of a university degree. For example, Zero To Mastery students have gotten hired at FAANG companies after just 5–9 months of focused self-study.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;You can literally start learning the skills for $50/month instead of $100k in student debt.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  The Salaries Are Fantastic
&lt;/h3&gt;

&lt;p&gt;Even entry-level tech roles can start at $50k–$70k per year. And if you specialize, like in cybersecurity, machine learning, or cloud, you can hit six figures quickly.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj8iagi7wlz756r2xasxj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj8iagi7wlz756r2xasxj.png" alt="Salaries Comparison Chart" width="730" height="490"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Some people go from the lowest tax bracket to the highest with their first tech job. It’s a serious financial shift.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Industry Keeps Growing
&lt;/h3&gt;

&lt;p&gt;According to the US Bureau of Labor Statistics, tech is expected to add around &lt;strong&gt;356,000 jobs per year&lt;/strong&gt; for the next 7 years.&lt;/p&gt;

&lt;p&gt;Cybersecurity alone is growing at &lt;strong&gt;33%&lt;/strong&gt;, and companies outside the traditional tech space are hiring too. Yes, you’ll hear about layoffs, but the context matters:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;8,000 layoffs at Amazon = less than 0.5% of their 1.5M workforce.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyejlh6s3ya7qwddtj2ac.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyejlh6s3ya7qwddtj2ac.webp" alt="Job Growth Chart" width="720" height="597"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Compared to construction (2%) or hospitality (1.5%), tech is still one of the most stable and futureproof industries around.&lt;/p&gt;

&lt;h3&gt;
  
  
  Flexibility &amp;amp; Work-Life Balance
&lt;/h3&gt;

&lt;p&gt;Remote and hybrid roles are common in tech, with many companies valuing &lt;strong&gt;outcomes over hours&lt;/strong&gt;. You can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Work asynchronously&lt;/li&gt;
&lt;li&gt;Choose your own schedule&lt;/li&gt;
&lt;li&gt;Focus on results, not face time&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It’s not perfect everywhere, but more and more companies are ditching the 9–5 in favor of flexibility.&lt;/p&gt;

&lt;h3&gt;
  
  
  There’s a Role for Everyone
&lt;/h3&gt;

&lt;p&gt;You don’t need to love math or be obsessed with code to have a place in tech. Whether you’re creative, analytical, or a great communicator, there’s likely a role for you.&lt;/p&gt;

&lt;p&gt;Examples:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Visual? → UI/UX or Front-End Dev&lt;/li&gt;
&lt;li&gt;Problem Solver? → QA, DevOps, or Cybersecurity&lt;/li&gt;
&lt;li&gt;Love data? → Analytics or Data Science&lt;/li&gt;
&lt;li&gt;Organized &amp;amp; communicative? → Product Management or Tech Writing&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 &lt;a href="https://zerotomastery.io/tech-career-path-quiz/" rel="noopener noreferrer"&gt;Take the Tech Career Path Quiz&lt;/a&gt; to find your match and get a roadmap to start learning.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Flip Side: Cons of Working in Tech
&lt;/h2&gt;

&lt;p&gt;Tech is great, but it’s not all sunshine. Here’s what to watch for:&lt;/p&gt;

&lt;h3&gt;
  
  
  You’ll Need To Keep Learning
&lt;/h3&gt;

&lt;p&gt;Tools and frameworks evolve quickly. If you want to stay competitive (and get pay raises), you’ll need to keep your skills sharp.&lt;/p&gt;

&lt;p&gt;For some, that’s exciting. For others, it can feel exhausting, especially if you’re used to jobs where you “train once and you’re good.” But it’s manageable. Just follow a solid roadmap and stay curious.&lt;/p&gt;

&lt;h3&gt;
  
  
  It Takes Work To Get Your First Job
&lt;/h3&gt;

&lt;p&gt;No degree? That’s fine. But you &lt;em&gt;will&lt;/em&gt; need to prove your skills, typically by:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Completing a course or roadmap&lt;/li&gt;
&lt;li&gt;Building projects&lt;/li&gt;
&lt;li&gt;Creating a portfolio&lt;/li&gt;
&lt;li&gt;Passing technical interviews&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You might also face competition and need to apply to multiple jobs before landing one. That’s normal, and totally doable with consistency.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Culture Isn’t Always Perfect
&lt;/h3&gt;

&lt;p&gt;There are amazing tech companies out there... and some not-so-great ones.&lt;/p&gt;

&lt;p&gt;While many offer async, remote, and flexible vibes, others still want you in an office 9–5 or expect long hours. Just like any field, &lt;strong&gt;company culture varies&lt;/strong&gt;, so be sure to ask the right questions when interviewing.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Pro tip: Look for companies that value self-ownership and clear communication.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  TL;DR — Is Tech Right for You?
&lt;/h2&gt;

&lt;p&gt;If you want flexibility, financial upside, and an industry with massive growth potential, tech is a great path. But you’ll need to stay adaptable, keep learning, and push through the tough early days of getting started.&lt;/p&gt;

&lt;h3&gt;
  
  
  Want To Start Today?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Already know what you want to do? → &lt;a href="https://zerotomastery.io/career-paths/" rel="noopener noreferrer"&gt;Check out the tech roadmaps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Still unsure? → &lt;a href="https://zerotomastery.io/tech-career-path-quiz/" rel="noopener noreferrer"&gt;Take the tech career path quiz&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🧠 Full original post: &lt;a href="https://zerotomastery.io/blog/is-technology-a-good-career-path/" rel="noopener noreferrer"&gt;Is Technology a Good Career Path?&lt;/a&gt;&lt;/p&gt;




</description>
      <category>career</category>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Beginner’s Guide to setTimeout in JavaScript</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Fri, 06 Jun 2025 13:46:04 +0000</pubDate>
      <link>https://forem.com/zerotomastery/beginners-guide-to-settimeout-in-javascript-51mj</link>
      <guid>https://forem.com/zerotomastery/beginners-guide-to-settimeout-in-javascript-51mj</guid>
      <description>&lt;p&gt;If you’ve ever written JavaScript and wondered why certain things happen out of order, a log shows up late, an event fires too early, you're not alone. One of the simplest and most useful tools to help make sense of this is &lt;code&gt;setTimeout&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;In this post, we’ll look at what &lt;code&gt;setTimeout&lt;/code&gt; is, when you’d use it, and some common mistakes to avoid.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Want the full deep-dive? &lt;a href="https://zerotomastery.io/blog/javascript-settimeout/" rel="noopener noreferrer"&gt;Check out the complete version on the ZTM blog&lt;/a&gt; for more detailed examples and advanced use cases.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  What is &lt;code&gt;setTimeout&lt;/code&gt;?
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;setTimeout&lt;/code&gt; is a built-in JavaScript function that lets you schedule code to run after a delay (in milliseconds). Instead of freezing the entire program, it lets your code continue running while the callback is queued up to execute later.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;This runs after 2 seconds&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="mi"&gt;2000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Even a delay of &lt;code&gt;0&lt;/code&gt; milliseconds doesn’t run immediately. JavaScript finishes its current tasks first, then checks the timeout queue — this is thanks to the event loop. It’s a great way to see JavaScript’s asynchronous nature in action.&lt;/p&gt;




&lt;h3&gt;
  
  
  When You Might Use It
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;setTimeout&lt;/code&gt; comes in handy for a bunch of real-world scenarios like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Delaying a tooltip or message
&lt;/li&gt;
&lt;li&gt;Waiting before retrying a failed request
&lt;/li&gt;
&lt;li&gt;Deferring heavy logic until after a UI update
&lt;/li&gt;
&lt;li&gt;Creating animations with slight delays
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example: Show a quick confirmation message after a button click:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;click&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;innerText&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Saved!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;innerText&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="mi"&gt;1500&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;It’s not a performance hack — it won’t speed up your page — but it can make things feel smoother by giving the browser time to render changes before heavier operations kick in.&lt;/p&gt;




&lt;h3&gt;
  
  
  How to Cancel a &lt;code&gt;setTimeout&lt;/code&gt;
&lt;/h3&gt;

&lt;p&gt;You can cancel a timeout before it fires by using &lt;code&gt;clearTimeout&lt;/code&gt;. First, you’ll need to store the timeout ID returned by &lt;code&gt;setTimeout&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;timeoutId&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;This will never run&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="mi"&gt;3000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nf"&gt;clearTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;timeoutId&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This is especially useful in interactive UI elements — like canceling a tooltip that shouldn’t appear if the user moves their mouse away quickly:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;tooltipTimeout&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;mouseenter&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;tooltipTimeout&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nf"&gt;showTooltip&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="mi"&gt;500&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="nx"&gt;button&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;mouseleave&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nf"&gt;clearTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;tooltipTimeout&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  Common Pitfalls to Avoid
&lt;/h3&gt;

&lt;p&gt;Even though &lt;code&gt;setTimeout&lt;/code&gt; is simple to use, it trips up beginners in a few key ways:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Calling the function too early&lt;/strong&gt; Don’t use parentheses when passing your function:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;  &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;doSomething&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;2000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// ✅ correct&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Not storing the ID&lt;/strong&gt; If there’s even a small chance you’ll want to cancel the timeout, save the ID.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Thinking it blocks code&lt;/strong&gt; It doesn’t wait like a &lt;code&gt;sleep()&lt;/code&gt; function, it schedules the code and immediately continues.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Using it for loops&lt;/strong&gt; Want to delay actions one after another? Use recursion instead:&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;  &lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;i&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;logNext&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;i&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;i&lt;/span&gt;&lt;span class="o"&gt;++&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;logNext&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;1000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
  &lt;span class="nf"&gt;logNext&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  Try It Yourself
&lt;/h3&gt;

&lt;p&gt;Playing around with &lt;code&gt;setTimeout&lt;/code&gt; is one of the best ways to better understand how JavaScript handles time and asynchronous operations.&lt;/p&gt;

&lt;p&gt;Want more examples, advanced tips, and best practices? &lt;a href="https://zerotomastery.io/blog/javascript-settimeout/" rel="noopener noreferrer"&gt;Read the full guide here →&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Web Developer Monthly - May 2025</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Wed, 04 Jun 2025 20:45:40 +0000</pubDate>
      <link>https://forem.com/zerotomastery/web-developer-monthly-may-2025-22nd</link>
      <guid>https://forem.com/zerotomastery/web-developer-monthly-may-2025-22nd</guid>
      <description>&lt;p&gt;Welcome to the May 2025 issue of Web Developer Monthly!&lt;br&gt;&lt;br&gt;
Every month, we share the most interesting updates, tools, articles, and developer news from around the web—cutting through the noise so you don’t have to.&lt;/p&gt;

&lt;p&gt;If you enjoy it, make sure to subscribe so you get the next issue before anyone else: &lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://zerotomastery.io/blog/web-developer-monthly-newsletter-may-2025/" rel="noopener noreferrer"&gt;Read the full newsletter here&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🍦 Plain Vanilla Web
&lt;/h2&gt;

&lt;p&gt;A great reminder for any web developer: this article breaks down how to build modern websites &lt;em&gt;without&lt;/em&gt; relying on frameworks or build tools. Just a browser, an editor, and the fundamentals. Definitely worth a read if you want to brush up on the raw skills.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://plainvanillaweb.com/index.html" rel="noopener noreferrer"&gt;Check it out&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🎳 A Unique Way to Job Hunt
&lt;/h2&gt;

&lt;p&gt;Someone built an AI-powered resume server that acts like a fully interactive portfolio using MCP (Model Context Protocol). It’s open source, and although a bit niche, it could definitely help you stand out—especially in AI-focused roles.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/jhgaylor/node-candidate-mcp-server" rel="noopener noreferrer"&gt;Explore the project&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💎 React &amp;amp; Remix News
&lt;/h2&gt;

&lt;p&gt;React remains a favorite, and this month brings updates worth checking out:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.blog/ai-and-ml/github-copilot/github-for-beginners-building-a-react-app-with-github-copilot/" rel="noopener noreferrer"&gt;Building a React App with GitHub Copilot&lt;/a&gt; (for those experimenting with Copilot)
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://remix.run/blog/wake-up-remix" rel="noopener noreferrer"&gt;Updates from Remix/React-Router&lt;/a&gt; you’ll want to catch up on if you're using either in production&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🎂 JavaScript Turns 30
&lt;/h2&gt;

&lt;p&gt;JS officially hit 30 years old this month. If you’re curious how it went from a 10-day hack to the backbone of the modern web, this retrospective is a fun read.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://deno.com/blog/history-of-javascript" rel="noopener noreferrer"&gt;Walk through JS history&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🚄 Converting Strings in JavaScript
&lt;/h2&gt;

&lt;p&gt;It sounds simple, but string conversion in JS can be tricky. This guide dives into some surprising edge cases and best practices.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://2ality.com/2025/04/stringification-javascript.html" rel="noopener noreferrer"&gt;Understand the nuances&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🗿 New Libraries &amp;amp; Tools
&lt;/h2&gt;

&lt;p&gt;Some standout releases this month:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://gsap.com/blog/3-13/" rel="noopener noreferrer"&gt;GSAP 3.13&lt;/a&gt;&lt;/strong&gt; – Still one of the best animation libraries around
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://mantine.dev/changelog/8-0-0/" rel="noopener noreferrer"&gt;Mantine v8.0.0&lt;/a&gt;&lt;/strong&gt; – A powerful React component library with accessibility baked in
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://nodejs.org/en/blog/release/v24.0.0" rel="noopener noreferrer"&gt;Node.js v24&lt;/a&gt;&lt;/strong&gt; – New version of everyone’s favorite runtime
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/" rel="noopener noreferrer"&gt;TypeScript Native Preview&lt;/a&gt;&lt;/strong&gt; – Major speed boost (up to 10x) in the new TS compiler
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🗺 Around the World in Tech
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://www.techradar.com/pro/security/login-and-password-details-for-apple-google-and-meta-accounts-found-in-huge-data-breach-of-184-million-accounts" rel="noopener noreferrer"&gt;Apple, Google, and Meta&lt;/a&gt;&lt;/strong&gt; were caught in a massive breach of 184M login credentials
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://www.nytimes.com/2025/05/15/health/gene-editing-personalized-rare-disorders.html" rel="noopener noreferrer"&gt;Gene editing milestone&lt;/a&gt;&lt;/strong&gt;: A baby received the world’s first personalized CRISPR treatment
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🏢 AI News &amp;amp; Big Tech Updates
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://www.anthropic.com/news/integrations" rel="noopener noreferrer"&gt;Claude Integrations&lt;/a&gt;&lt;/strong&gt; let developers extend Claude with remote toolsets
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://openai.com/index/introducing-codex/" rel="noopener noreferrer"&gt;Codex&lt;/a&gt;&lt;/strong&gt; by OpenAI launches: a multi-tasking software agent in the cloud
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://www.bloomberg.com/news/articles/2025-05-06/openai-reaches-agreement-to-buy-startup-windsurf-for-3-billion" rel="noopener noreferrer"&gt;Windsurf&lt;/a&gt;&lt;/strong&gt; (formerly Codeium) acquired by OpenAI for $3B 🤯
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ✅ Best Resource of the Month
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=iqVhUX4Vel8" rel="noopener noreferrer"&gt;Is AI making us dumber?&lt;/a&gt; This thoughtful video explores how we use AI tools—and how they might be shaping how we think, learn, and build. Definitely worth a watch and reflection.&lt;/p&gt;




&lt;p&gt;That’s all for now! &lt;/p&gt;

&lt;p&gt;If you want the full newsletter with more resources, AI news, dev tools, and random internet gems, &lt;a href="https://zerotomastery.io/blog/web-developer-monthly-newsletter-may-2025/" rel="noopener noreferrer"&gt;read the full version here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;See you next month! 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Beginner’s Guide to React Query (Now TanStack Query)</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Wed, 28 May 2025 19:40:05 +0000</pubDate>
      <link>https://forem.com/zerotomastery/beginners-guide-to-react-query-now-tanstack-query-2d31</link>
      <guid>https://forem.com/zerotomastery/beginners-guide-to-react-query-now-tanstack-query-2d31</guid>
      <description>&lt;p&gt;If you’ve ever tried fetching data in a React app, you know how messy it can get—&lt;code&gt;useEffect&lt;/code&gt; here, &lt;code&gt;useState&lt;/code&gt; there, maybe some retry logic, a loading spinner, and boom: you’re knee-deep in complexity just to display something simple.&lt;/p&gt;

&lt;p&gt;It doesn’t have to be this way.&lt;/p&gt;

&lt;p&gt;That’s exactly what &lt;strong&gt;React Query&lt;/strong&gt;—now officially renamed &lt;strong&gt;TanStack Query&lt;/strong&gt;—was built to fix. It's a game-changer when it comes to managing server state in your app.&lt;/p&gt;

&lt;p&gt;Let’s break it down and see why it deserves a spot in your React toolbox.&lt;/p&gt;




&lt;h2&gt;
  
  
  🔍 What is React Query?
&lt;/h2&gt;

&lt;p&gt;React Query is not just a utility function you tack onto a component and move on. It’s a full-blown tool designed to manage &lt;strong&gt;server state&lt;/strong&gt;—data that comes from an external source like an API or backend.&lt;/p&gt;

&lt;p&gt;Before libraries like this, developers had to manually handle fetching, error handling, caching, and refetching logic using &lt;code&gt;useEffect&lt;/code&gt;, &lt;code&gt;useState&lt;/code&gt;, or more complex state tools like Redux or Context. It worked—but scaling that approach cleanly was a pain.&lt;/p&gt;

&lt;p&gt;React Query flips that process on its head by letting you declare &lt;strong&gt;what&lt;/strong&gt; you need, and then handling &lt;strong&gt;how&lt;/strong&gt; and &lt;strong&gt;when&lt;/strong&gt; to fetch or refresh it behind the scenes.&lt;/p&gt;

&lt;p&gt;It means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;No boilerplate&lt;/li&gt;
&lt;li&gt;Automatic background updates&lt;/li&gt;
&lt;li&gt;Built-in caching and retries&lt;/li&gt;
&lt;li&gt;And no need for global state just to share API data across components&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🏷️ Wait… What’s TanStack Query?
&lt;/h2&gt;

&lt;p&gt;You’ll see both names floating around—React Query and TanStack Query. Same library, same API.&lt;/p&gt;

&lt;p&gt;The rename just reflects the broader set of libraries from the same developer (Tanner Linsley), like React Table and React Charts, all grouped under the &lt;strong&gt;TanStack&lt;/strong&gt; umbrella.&lt;/p&gt;

&lt;p&gt;But don’t worry—everything you see in this guide applies regardless of which name is used.&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚙️ Installing and Setting Up
&lt;/h2&gt;

&lt;p&gt;Getting started is straightforward.&lt;/p&gt;

&lt;p&gt;First, install the package:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install @tanstack/react-query
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then you’ll need to set up a QueryClient. This is the engine behind the scenes that manages your queries, caches, and syncing logic.&lt;/p&gt;

&lt;p&gt;You only need one, and it’s usually added to the top-level of your app:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import {
  QueryClient,
  QueryClientProvider,
} from '@tanstack/react-query'

const queryClient = new QueryClient()

function App() {
  return (
    &amp;lt;QueryClientProvider client={queryClient}&amp;gt;
    &amp;lt;YourApp /&amp;gt;
    &amp;lt;/QueryClientProvider&amp;gt;
  )
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;⚠️ Forgetting to wrap your app in QueryClientProvider is one of the most common setup mistakes. Without it, none of the React Query hooks will work.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  🔄 Fetching Data with useQuery
&lt;/h2&gt;

&lt;p&gt;Once set up, the easiest way to fetch data is with the useQuery hook.&lt;/p&gt;

&lt;p&gt;Here’s a quick example using the JSONPlaceholder API:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import { useQuery } from '@tanstack/react-query'

function Posts() {
  const { data, isLoading, error } = useQuery({
    queryKey: ['posts'],
    queryFn: () =&amp;gt;
    fetch('https://jsonplaceholder.typicode.com/posts').then(res =&amp;gt;
        res.json()
    ),
  })

  if (isLoading) return &amp;lt;p&amp;gt;Loading...&amp;lt;/p&amp;gt;
  if (error) return &amp;lt;p&amp;gt;Something went wrong&amp;lt;/p&amp;gt;

  return (
    &amp;lt;ul&amp;gt;
    {data.map(post =&amp;gt; (
        &amp;lt;li key={post.id}&amp;gt;{post.title}&amp;lt;/li&amp;gt;
    ))}
    &amp;lt;/ul&amp;gt;
  )
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here’s what’s going on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;queryKey: This uniquely identifies the query and is used for caching.&lt;/li&gt;
&lt;li&gt;queryFn: This is your data-fetching function—can be fetch, axios, etc.&lt;/li&gt;
&lt;li&gt;Returned values like data, isLoading, and error make managing states dead simple.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And the best part? Caching.&lt;/p&gt;

&lt;p&gt;If you navigate away from the component and return later, cached data is shown instantly while React Query silently fetches fresh data in the background. No extra logic required.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;✋ That’s just the first half of the guide!&lt;/p&gt;

&lt;p&gt;Want to go deeper into common mistakes, best practices, and how to avoid stale data traps? &lt;a href="https://zerotomastery.io/blog/react-query/" rel="noopener noreferrer"&gt;Check out the full article here on the Zero To Mastery blog.&lt;/a&gt; &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;P.S. If you’re looking to &lt;strong&gt;truly master&lt;/strong&gt; React in 2025, check out the &lt;a href="https://zerotomastery.io/courses/learn-react/" rel="noopener noreferrer"&gt;Complete React Developer Course&lt;/a&gt;. It’s helped thousands land jobs at companies like Google, Shopify, and Apple — and could help you do the same.&lt;/p&gt;

</description>
      <category>react</category>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Beginner’s Guide to IDS vs IPS in Cyber Security</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Thu, 22 May 2025 23:38:55 +0000</pubDate>
      <link>https://forem.com/zerotomastery/beginners-guide-to-ids-vs-ips-in-cyber-security-4j51</link>
      <guid>https://forem.com/zerotomastery/beginners-guide-to-ids-vs-ips-in-cyber-security-4j51</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;📝 This post is a summarized version of &lt;a href="https://zerotomastery.io/blog/ids-vs-ips/" rel="noopener noreferrer"&gt;Beginner’s Guide to IDS vs IPS in Cyber Security&lt;/a&gt; by Aleksa Tamburkovski, originally published on the ZTM blog. &lt;/p&gt;

&lt;p&gt;For the full post and more in-depth insights, check out the original article.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;You’ve probably seen &lt;strong&gt;IDS&lt;/strong&gt; and &lt;strong&gt;IPS&lt;/strong&gt; mentioned in job listings or security docs. But what do they actually do, and how are they different?&lt;/p&gt;

&lt;p&gt;This guide breaks down both tools in simple terms — no fluff, no jargon — so you can actually understand what’s happening when your network is under threat.&lt;/p&gt;




&lt;h3&gt;
  
  
  🚨 What is an Intrusion Prevention System (IPS)?
&lt;/h3&gt;

&lt;p&gt;An &lt;strong&gt;IPS&lt;/strong&gt; is an active gatekeeper. It doesn’t just detect threats — it &lt;em&gt;blocks&lt;/em&gt; them in real time.&lt;/p&gt;

&lt;p&gt;For example: If someone is brute-forcing your login form, an IPS can detect the pattern and block them instantly.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where it sits:&lt;/strong&gt; Directly in-line with traffic. Every request goes through it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Signature-based&lt;/strong&gt;: Matches known attack patterns&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Anomaly-based&lt;/strong&gt;: Flags weird behavior&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Policy-based&lt;/strong&gt;: Custom rules you define&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Gotchas:&lt;/strong&gt;&lt;br&gt;
Because it can block traffic, an IPS has to be finely tuned. Misconfigurations could lead to service disruptions — which is why teams often run it in passive mode first, to see what it &lt;em&gt;would&lt;/em&gt; block.&lt;/p&gt;

&lt;p&gt;Popular tools: &lt;a href="https://www.cisco.com/site/us/en/products/security/firewalls/firepower-1000-series/index.html" rel="noopener noreferrer"&gt;Cisco Firepower&lt;/a&gt;, &lt;a href="https://www.paloaltonetworks.com/network-security/advanced-threat-prevention" rel="noopener noreferrer"&gt;Palo Alto Threat Prevention&lt;/a&gt;, &lt;a href="https://suricata.io/" rel="noopener noreferrer"&gt;Suricata&lt;/a&gt;, &lt;a href="https://www.snort.org/" rel="noopener noreferrer"&gt;Snort&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  👀 What is an Intrusion Detection System (IDS)?
&lt;/h3&gt;

&lt;p&gt;An &lt;strong&gt;IDS&lt;/strong&gt; is more like a security camera. It watches traffic and alerts you if something looks suspicious — but it doesn’t block it.&lt;/p&gt;

&lt;p&gt;This makes IDS ideal for spotting:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lateral movement inside your network&lt;/li&gt;
&lt;li&gt;Strange login behavior&lt;/li&gt;
&lt;li&gt;New, unknown attacks that don’t match a signature&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Where it sits:&lt;/strong&gt; Out-of-band, watching a copy of traffic. It won’t slow things down or interfere.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How it detects threats:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Signature-based&lt;/strong&gt;: Fast and accurate for known threats&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Anomaly-based&lt;/strong&gt;: Useful for zero-days, but needs tuning&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Popular IDS tools: &lt;a href="https://www.snort.org/" rel="noopener noreferrer"&gt;Snort&lt;/a&gt;, &lt;a href="https://zeek.org/" rel="noopener noreferrer"&gt;Zeek&lt;/a&gt;, &lt;a href="https://suricata.io/" rel="noopener noreferrer"&gt;Suricata&lt;/a&gt; (in IDS mode)&lt;/p&gt;




&lt;h3&gt;
  
  
  🧠 IDS vs IPS: Key Differences
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;IDS&lt;/th&gt;
&lt;th&gt;IPS&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Response&lt;/td&gt;
&lt;td&gt;Passive (alerts)&lt;/td&gt;
&lt;td&gt;Active (blocks threats)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Placement&lt;/td&gt;
&lt;td&gt;Out-of-band&lt;/td&gt;
&lt;td&gt;In-line with traffic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Risk&lt;/td&gt;
&lt;td&gt;Low (no interference)&lt;/td&gt;
&lt;td&gt;Medium-High (if misconfigured)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Detection Methods&lt;/td&gt;
&lt;td&gt;Signature + Anomaly&lt;/td&gt;
&lt;td&gt;Signature + Anomaly + Policy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Best Use&lt;/td&gt;
&lt;td&gt;Internal monitoring&lt;/td&gt;
&lt;td&gt;Real-time protection&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h3&gt;
  
  
  ⚠️ Common Mistakes to Avoid
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Turning them on without tuning&lt;/strong&gt; — Always start in monitoring mode.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Relying on default rules&lt;/strong&gt; — Customize for your environment.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Using only signatures&lt;/strong&gt; — Combine with anomaly detection.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Not integrating with workflows&lt;/strong&gt; — Make sure alerts go somewhere actionable (like your SIEM).&lt;/li&gt;
&lt;/ol&gt;




&lt;h3&gt;
  
  
  🛡️ Why You Need Both
&lt;/h3&gt;

&lt;p&gt;It’s not &lt;strong&gt;IDS vs IPS&lt;/strong&gt; — it’s &lt;strong&gt;IDS + IPS&lt;/strong&gt;.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use IPS for real-time protection (e.g. login portals, APIs)&lt;/li&gt;
&lt;li&gt;Use IDS for internal visibility and threat context&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Tools like Snort and Suricata support both modes. Start with IDS mode, tune it, then switch to IPS when ready.&lt;/p&gt;




&lt;h3&gt;
  
  
  Want to learn how attackers &lt;em&gt;really&lt;/em&gt; bypass these systems?
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://zerotomastery.io/courses/advanced-ethical-hacking/" rel="noopener noreferrer"&gt;Check out the Advanced Ethical Hacking Bootcamp: Network Hacking &amp;amp; Security&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Learn how to exploit network vulnerabilities and understand what it really takes to defend them.&lt;/p&gt;




&lt;blockquote&gt;
&lt;p&gt;🔐 This post is a condensed summary. For the full guide, examples, and deeper context, read the original: &lt;a href="https://zerotomastery.io/blog/ids-vs-ips/" rel="noopener noreferrer"&gt;Beginner’s Guide to IDS vs IPS in Cyber Security&lt;/a&gt; by Aleksa Tamburkovski on the ZTM blog.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>cybersecurity</category>
      <category>security</category>
      <category>tutorial</category>
      <category>learning</category>
    </item>
    <item>
      <title>How To Get Into Tech Without a Degree!</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Thu, 15 May 2025 18:31:29 +0000</pubDate>
      <link>https://forem.com/zerotomastery/how-to-get-into-tech-without-a-degree-43m5</link>
      <guid>https://forem.com/zerotomastery/how-to-get-into-tech-without-a-degree-43m5</guid>
      <description>&lt;p&gt;It sounds wild, but it’s true — you don’t need a degree to land a job in tech. In fact, tech is one of the few high-paying industries where your skills and portfolio matter more than a diploma. &lt;/p&gt;

&lt;p&gt;In this post, we’ll break down the main ways to get into tech without going to college, how to pick the right career path, and what the interview process actually looks like.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why Tech Doesn’t Care About Your Degree
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Tech evolves fast&lt;/strong&gt; – A 4-year degree often teaches outdated material. Most companies value real-time learning and adaptability.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Knowledge ≠ ability&lt;/strong&gt; – You can have a CS degree and still not know how to build real-world applications. Employers care more about &lt;em&gt;what you can do&lt;/em&gt; than what you’ve memorized.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learning is faster (and cheaper) online&lt;/strong&gt; – Everything you need to know can be learned through updated, structured online courses without racking up student debt.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Main Paths Into Tech (Without a Degree)
&lt;/h2&gt;

&lt;p&gt;There are several legit ways to get started in tech. Each has pros and cons, and what works best really depends on your learning style, budget, and goals.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Self-Taught
&lt;/h3&gt;

&lt;p&gt;Learning from free resources like YouTube, documentation, and open-source projects is one of the most common starting points. It’s completely free and gives you full control over what you learn and when. A lot of successful devs got their start this way. That said, it can be overwhelming trying to figure out what to learn, in what order, and how to know when you’re ready. Many people also fall into “tutorial hell” — endlessly watching tutorials but never building real projects or applying for jobs. It’s a solid place to begin, but many people eventually move to a more structured path once they hit a wall.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Online Courses &amp;amp; Platforms
&lt;/h3&gt;

&lt;p&gt;This is one of the most popular and effective paths today. You get the flexibility of learning online, along with expert-led instruction and a clear roadmap to follow.&lt;/p&gt;

&lt;p&gt;For example, at &lt;a href="https://zerotomastery.io/" rel="noopener noreferrer"&gt;Zero To Mastery&lt;/a&gt; you get:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Access to all courses for &lt;a href="https://zerotomastery.io/academy/" rel="noopener noreferrer"&gt;$49/month&lt;/a&gt; or &lt;a href="https://zerotomastery.io/academy/" rel="noopener noreferrer"&gt;$299/year&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Support from instructors and a community of 500,000+ students&lt;/li&gt;
&lt;li&gt;Focused learning based on what real employers want&lt;/li&gt;
&lt;li&gt;Projects to build your portfolio&lt;/li&gt;
&lt;li&gt;Certificates you can showcase on LinkedIn or your resume&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://zerotomastery.io/courses/?category=all" rel="noopener noreferrer"&gt;Explore ZTM Courses&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Bootcamps
&lt;/h3&gt;

&lt;p&gt;Bootcamps are immersive programs designed to take you from beginner to job-ready in a few months. They usually follow a set schedule and include live instruction, career support, and sometimes direct hiring connections. They can work well for people who want more accountability or need a deadline to stay motivated. However, they’re expensive — often ranging from $5,000 to $10,000+, and some take a percentage of your salary once you get hired. Bootcamps can be effective, but you’re often learning the same material you could get elsewhere for a fraction of the price.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Apprenticeships/Internships
&lt;/h3&gt;

&lt;p&gt;These are paid opportunities where you learn on the job, often with the goal of landing a full-time role. They’re growing in popularity and offer valuable hands-on experience. For people who learn best by doing, this can be a great entry point. The downside is that roles can be limited and competitive, and you may start with lower pay or slower advancement. In many cases, learning the skills first and applying directly to junior roles can be a faster and higher-paying route. Still, if you find one, it can be a solid way to break into the industry.&lt;/p&gt;




&lt;h2&gt;
  
  
  How To Choose a Tech Career Path
&lt;/h2&gt;

&lt;p&gt;You don’t have to be a math wizard or a hardcore coder. Tech offers a wide range of roles based on your interests and strengths:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Web Development&lt;/strong&gt; – Great if you like problem solving and building things (&lt;a href="https://zerotomastery.io/career-paths/become-a-frontend-developer/" rel="noopener noreferrer"&gt;Frontend&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-backend-developer/" rel="noopener noreferrer"&gt;Backend&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-web-developer/" rel="noopener noreferrer"&gt;Full-Stack&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;UI/UX Design&lt;/strong&gt; – Ideal if you're creative and love making digital experiences easier to use (&lt;a href="https://zerotomastery.io/career-paths/become-a-ui-ux-designer/" rel="noopener noreferrer"&gt;UI/UX&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;DevOps / Cloud Engineering&lt;/strong&gt; – Perfect for detail-oriented people who like streamlining systems (&lt;a href="https://zerotomastery.io/career-paths/become-a-devops-engineer/" rel="noopener noreferrer"&gt;DevOps&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-cloud-engineer/" rel="noopener noreferrer"&gt;Cloud&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data &amp;amp; AI Roles&lt;/strong&gt; – If you enjoy numbers, patterns, and analytics (&lt;a href="https://zerotomastery.io/career-paths/become-a-data-analyst/" rel="noopener noreferrer"&gt;Data Analysis&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-data-scientist/" rel="noopener noreferrer"&gt;Data Science&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-machine-learning-engineer/" rel="noopener noreferrer"&gt;Machine Learning&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cybersecurity&lt;/strong&gt; – For those who enjoy puzzles, investigation, and protecting systems (&lt;a href="https://zerotomastery.io/career-paths/become-an-ethical-hacker/" rel="noopener noreferrer"&gt;Cybersecurity&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mobile &amp;amp; Game Dev&lt;/strong&gt; – Great for people interested in apps or interactive experiences (&lt;a href="https://zerotomastery.io/career-paths/become-a-mobile-developer/" rel="noopener noreferrer"&gt;Mobile Dev&lt;/a&gt;, &lt;a href="https://zerotomastery.io/career-paths/become-a-game-developer/" rel="noopener noreferrer"&gt;Game Dev&lt;/a&gt;)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Just want to make bank? &lt;a href="https://zerotomastery.io/blog/highest-paying-tech-jobs/" rel="noopener noreferrer"&gt;Check out the highest-paying roles in 2025&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  How To Pass the Tech Interview Without a Degree
&lt;/h2&gt;

&lt;p&gt;We break this down in full detail in this blog post: &lt;a href="https://zerotomastery.io/blog/how-to-ace-coding-interview/" rel="noopener noreferrer"&gt;How To Ace the Coding Interview&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But here’s a quick summary of what the typical interview process looks like:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Apply with a solid portfolio or GitHub profile
&lt;/li&gt;
&lt;li&gt;Take a short fundamentals quiz
&lt;/li&gt;
&lt;li&gt;Do a technical interview to walk through your thinking and skills
&lt;/li&gt;
&lt;li&gt;Finish with a behavioral interview
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Again, &lt;a href="https://zerotomastery.io/blog/how-to-ace-coding-interview/" rel="noopener noreferrer"&gt;check out the full post&lt;/a&gt; for all the details on each stage and how to prepare.&lt;/p&gt;




&lt;h2&gt;
  
  
  TL;DR – You Don’t Need a Degree, You Just Need to Start
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Choose a tech role that fits you&lt;/li&gt;
&lt;li&gt;Follow a roadmap and build skills&lt;/li&gt;
&lt;li&gt;Build a portfolio and apply to roles&lt;/li&gt;
&lt;li&gt;Practice interviews and land your job&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It takes &lt;strong&gt;months, not years&lt;/strong&gt;, and costs &lt;strong&gt;hundreds, not thousands&lt;/strong&gt;. The key is simply getting started.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Web Developer Monthly – April 2025</title>
      <dc:creator>Aldo Pagani Jr.</dc:creator>
      <pubDate>Wed, 07 May 2025 18:17:40 +0000</pubDate>
      <link>https://forem.com/zerotomastery/web-developer-monthly-april-2025-1n6j</link>
      <guid>https://forem.com/zerotomastery/web-developer-monthly-april-2025-1n6j</guid>
      <description>&lt;p&gt;Hey devs! Here’s a quick snapshot of some of the most interesting news and tools from April. As always, this is a curated mix of things worth knowing, without the endless scroll. No fluff, just the good stuff.&lt;/p&gt;

&lt;p&gt;If you enjoy it, make sure to subscribe so you get the next issue before anyone else:&lt;br&gt;&lt;br&gt;
👉 &lt;a href="https://zerotomastery.io/blog/web-developer-monthly-newsletter-april-2025/" rel="noopener noreferrer"&gt;Read the full newsletter here&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🧠 The “USB-C of AI Agents”?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;MCP (Model Context Protocol)&lt;/strong&gt; is gaining traction fast — being called the new standard for how LLMs interact with tools and data. Google’s backing it, and security is a core part of the spec.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://iamcharliegraham.substack.com/p/mcps-gatekeepers-and-the-future-of" rel="noopener noreferrer"&gt;Why MCP matters →&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💎 React Updates
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;React Compiler is now in &lt;a href="https://react.dev/blog/2025/04/21/react-compiler-rc" rel="noopener noreferrer"&gt;release candidate phase&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Deep dive: &lt;a href="https://cekrem.github.io/posts/react-reconciliation-deep-dive/" rel="noopener noreferrer"&gt;how the reconciliation engine works&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Bonus: &lt;a href="https://www.robinwieruch.de/react-ai-chat/" rel="noopener noreferrer"&gt;Build an AI chat app with React + OpenAI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;And if you like pain: &lt;a href="https://overreacted.io/jsx-over-the-wire/" rel="noopener noreferrer"&gt;JSX Over the Wire&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🪇 Finally: A Modern &lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt; Element
&lt;/h2&gt;

&lt;p&gt;Chrome 135 brings a huge upgrade to the native HTML &lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt; tag. Style it with CSS, accessible by default — no JS hacks required → &lt;a href="https://developer.chrome.com/blog/a-customizable-select" rel="noopener noreferrer"&gt;Demo &amp;amp; details&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🧪 Node.js Testing: The Ultimate Guide
&lt;/h2&gt;

&lt;p&gt;Updated deep-dive on Node testing best practices. If testing isn’t your strong suit (yet), start here → &lt;a href="https://github.com/goldbergyoni/nodejs-testing-best-practices#readme" rel="noopener noreferrer"&gt;NodeJS Testing Best Practices&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🧰 Tools Worth Trying
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://bare.pears.com/" rel="noopener noreferrer"&gt;Bare&lt;/a&gt; — Run JavaScript... everywhere.
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://andrews.substack.com/p/hako" rel="noopener noreferrer"&gt;Hako&lt;/a&gt; — A secure, portable JS engine forked from PrimJS.
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://echarts.apache.org/en/index.html" rel="noopener noreferrer"&gt;Apache ECharts&lt;/a&gt; — Arguably the best open-source charting lib right now.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ✅ Resource of the Month
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://manuel.kiessling.net/2025/03/31/how-seasoned-developers-can-achieve-great-results-with-ai-coding-agents/" rel="noopener noreferrer"&gt;Senior Dev Skills in the AI Age&lt;/a&gt; – A practical take on how to work &lt;em&gt;with&lt;/em&gt; AI coding assistants effectively without sacrificing quality.&lt;/p&gt;




&lt;p&gt;That’s just a slice of what happened this month. &lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://zerotomastery.io/blog/web-developer-monthly-newsletter-april-2025/" rel="noopener noreferrer"&gt;Read the full newsletter with everything from Llama 4 to Firebase Studio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See you next month! 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>coding</category>
      <category>react</category>
    </item>
  </channel>
</rss>
