Forem: Emmanuel Olusegun

Overcoming Self-Doubt: Lessons from My First Year as a Self-Taught Developer

Emmanuel Olusegun — Sat, 16 Aug 2025 14:38:01 +0000

Hey everyone, I'm Emmanuel Olusegun, a frontend developer and aspiring full-stack dev. Originally, I wanted to study Electrical and Electronic Engineering, but I fell in love with the world of solving problems through code and programming languages—creating my own little worlds online. If you're on dev.to, you've probably battled that inner voice saying, "You're not cut out for this," especially as a self-taught learner. Self-doubt was my biggest hurdle in my first year, but it taught me invaluable lessons. In this article, I'll share my raw experiences, the frustrations, and practical tips to help you push through. If you're starting out or feeling stuck, I hope this helps you keep grinding.

The Reality Check: Why Self-Doubt Creeps In

I kicked off my self-taught journey with zero formal background—just a burning passion and a super basic setup. I started on my Itel A14 mobile phone with only 500MB RAM, using the ACode app for coding. It hung constantly, frustrating me to no end, but I was determined. I dove into resources like Goal Kickers programming books and YouTube tutorials on HTML and CSS. Building my first simple page felt like a win, but transitioning to JavaScript? That was a nightmare.

I'd forget syntax basics, loop back to the same tutorials repeatedly, and after taking tons of courses, I still couldn't build a simple website without everything breaking. Scrolling through dev communities, seeing pros share polished projects, made me question everything: "Am I even progressing?" Imposter syndrome hit hard—maybe 80% of my time was doubting myself instead of coding. But here's the truth: Self-doubt is normal, especially when learning on a shoestring setup. Recognizing it as growth pain was my first step.

Lesson 1: Set Micro-Goals to Build Momentum

Overwhelming goals killed my vibe early on. I'd aim to "master JavaScript in a week," then crash when I couldn't. The fix? Micro-goals that fit my limited phone setup.

For example:

Day 1: Watch one YouTube video on variables and practice in ACode.
Day 2: Code a simple alert script and tweak it.
Week 1: Build a basic button that changes text on click.

These tiny wins built confidence, even when the phone lagged. Later, when ChatGPT gained fame, I started using it for quick explanations—like debugging why my loops weren't working. It was a game-changer for self-learners like me.

Track these in a notes app—each one quiets the doubt a bit more. Pro tip: Reward yourself, like a short break after a session, to keep the momentum.

Lesson 2: Embrace Failure as Feedback

Failure felt personal. My phone crashing mid-code (yep, it eventually died 😂) or forgetting JS concepts after hours of study made me want to quit. Parents and siblings complained about my screen time, warning me not to wreck the device, which, ironically, happened anyway. But I learned to see failures as data, not defeats.

One low point: After multiple courses, I tried building a todo list app but got stuck on array methods. I'd go back to YouTube or books, fix it, then forget again. Joining online forums helped—I'd post questions and get tips that stuck better.

Tip: Keep a "failure log" in your phone notes. Mine had gems like:

"Forgot semicolons—always double-check syntax first."
"Phone lag? Save code often and test in small chunks."

This mindset shift turned "I'm bad at this" into "I'm getting better."

Lesson 3: Find Your Support System

Isolation amplified my doubts, especially coding solo on a phone. My biggest motivator? My dream to one day found a company that leads in using software to solve real-world problems, like resource sharing in education.

I didn't have formal mentors, but online communities filled the gap:

YouTube comments and dev subreddits for quick advice.
Later, ChatGPT for personalized explanations when I felt too embarrassed to ask publicly.

No fancy accountability partners, but sharing progress mentally toward my company dream kept me going. If you're in a similar spot, lean into your "why" - it drowns out the noise.

Lesson 4: Prioritize Mental Health and Balance

Burnout was real with that lagging phone and family nagging about screen time. I'd code late into the night, forgetting to rest, which made doubt worse. My simple tip? Just try dey sleep 😔,seriously, aim for decent rest to recharge.

Other habits that helped:

Short walks to clear my head after a frustrating session.
Setting phone timers for focused 25-minute bursts.
Reminding myself: Balance keeps you sane and sharp.

Your worth isn't your code output. Resting made me more effective when I did code.

Wrapping Up: You're Further Than You Think

Over the years I have grow to building projects and not just watching tutorials for hours.
Recently, I built CampuusX—a website to enhance sharing resources among students and eager learners check it out on my portfolio. I've gone from a crashing 500MB phone to frontend gigs, all self-taught. Doubt still whispers, but my dream and persistence shout louder.

If you're battling self-doubt, remember: Starting small, like I did on a basic phone, leads to big things. What's your biggest hurdle? Drop it in the comments, let's chat and maybe inspire each other.

Self-doubt isn't failure; it's feedback that you're stretching your limits.

Thanks for reading!

Emmanuel Olusegun
Founder and CEO, Algoritic Inc| emmanuelolusegun.netlify.app

Understanding the DOM: A Practical Guide for Beginners

Emmanuel Olusegun — Mon, 03 Mar 2025 21:40:32 +0000

Hey there, future JavaScript wizard!
If you’ve ever stared at a webpage and thought, "How does JavaScript actually change stuff on the screen?"—welcome! You're about to unlock one of the most magical parts of web development: The DOM.

By the end of this post, you’ll know how to:

Grab elements from a webpage like a pro
Change text, colors, and even delete stuff(responsibly)
Make buttons do cool things when clicked
Feel like a JavaScript sorcerer _Let's jump in! _

What the Heck is the DOM?
Think of the DOM (Document Object Model) as a blueprint of your webpage. It's like a family tree, but instead of relatives, it has HTML elements.

For example, if your webpage is:

  <body>
    <h1>Hello, DOM!</h1>
    <button>Click me!</button>
  </body>
</html>

JavaScript sees it like this:

📁 document (the entire page)
┣ 📂 html (the root)
┃ ┣ 📂 body
┃ ┃ ┣ 📄 h1 (Hello, DOM!)
┃ ┃ ┗ 📄 button (Click me!)

Each of these elements is a node that JavaScript can find, change, or remove. Now let’s learn how to do just that!

Finding Elements in the DOM
Before we can do cool things, we need to grab elements. Here’s how:

1. Get an element by ID

let title = document.getElementById("main-title");
console.log(title.innerText); //Logs text inside the element

2. Get an element by class

let button = document.querySelector(".btn"); //Selects the first button with class "btn"

3. Get all elements of a type (like all <li> tags)

let listItems = document.querySelectorAll("li");
console.log(listItems.length); //Counts all <li> elements

Think of these like treasure maps: They help JavaScript find the exact thing you want to change.

Changing Stuff in the DOM
Okay, we’ve found the elements—now let's mess with them.

1. Change the text inside an element

let heading = document.getElementById("main-title");
heading.innerText = "DOM Magic Activated!"; //Boom! Text changed.

2. Change styles dynamically

heading.style.color = "blue"; // Changes text color to blue
heading.style.fontSize = "30px"; // Makes it bigger

3. Change attributes (like links)

let link = document.querySelector("a");
link.setAttribute("href", "https://dev.to"); // Updates the link destination

Fun experiment: Try changing the backgroundColor of the body to "black" and see what happens!

Creating & Removing Elements

1. Add a new element (like a paragraph)

let newParagraph = document.createElement("p");
newParagraph.innerText = "JavaScript just created me!";
document.body.appendChild(newParagraph); // Adds it to the page

2. Remove an element (like deleting a button)

let unwantedButton = document.querySelector(".btn");
unwantedButton.remove(); // Poof! It's gone.

Making Things Interactive (Event Listeners)
Want to make a button actually do something? Add an event listener!

let btn = document.querySelector(".btn");
btn.addEventListener("click", function () {
  alert("You clicked me!");
});

Try this: Instead of an alert, change the background color when clicked.

Conclusion
Congratulations, you’ve just taken your first big step into the world of DOM manipulation!

What Next:
🔹 Try making a simple to-do list using what you just learned.
🔹 Experiment with changing different properties dynamically.
🔹 Keep building, breaking, and experimenting—that's how you grow as a developer!

If you found this useful, drop your questions and thought in the comments and let’s keep the DOM magic alive!
Happy coding!

Exploring Project IDX

Emmanuel Olusegun — Tue, 04 Feb 2025 03:55:45 +0000

Introduction

In the ever-evolving world of software development, new tools and platforms constantly emerge, aiming to simplify workflows and boost productivity. One of the standout tools in this space is Project IDX. But what exactly is it, and why should developers be paying attention?

Project IDX is a cloud-based integrated development environment (IDE) designed to provide a seamless, collaborative coding experience. Whether you're a seasoned developer or just starting out, Project IDX aims to make coding faster, more efficient, and more accessible. With the rise of cloud computing and remote collaboration, this tool stands out by offering a lightweight, yet powerful platform that can be accessed from anywhere.

In this post, we'll take a closer look at what Project IDX brings to the table, explore its features, and discuss how it can revolutionize your development workflow.

What is Project IDX?

Project IDX is a cloud-based integrated development environment (IDE) designed to streamline coding, collaboration, and project management. With the increasing trend toward remote work and distributed teams, cloud-based solutions are becoming indispensable. Project IDX is built with this in mind, allowing developers to access their projects from anywhere, at any time, with minimal setup.

Whether you're working solo on a personal project or collaborating with a team of developers across the globe, Project IDX provides the tools to do it all. From code editing to version control, and even deployment, this platform aims to reduce the friction developers typically experience when managing projects.

Key Features of Project IDX

1. Cloud-Based Access
The major draw of Project IDX is its cloud-native design. Gone are the days of having to configure a local environment or worry about syncing files across multiple devices. All your code, assets, and settings are stored in the cloud, making it easy to jump into your project from any device. Whether you're using a laptop at home, a workstation at the office, or even a tablet on the go, your development environment is just a few clicks away.

2. Seamless Collaboration
Collaboration is a breeze with Project IDX. Whether you're working with a team or contributing to an open-source project, the platform allows real-time collaboration with version control built in. This is a big win for teams working remotely or across time zones, as it eliminates the need for constant communication on updates or merges.

3. Customizable Workspace
Project IDX offers flexibility in how you set up your development environment. You can personalize your workspace to fit your coding style, whether that's through themes, extensions, or setting up custom keyboard shortcuts. Plus, the platform supports multiple programming languages, making it versatile enough for different types of development—from web development to machine learning.

4. Integrated Tools and Extensions
One of the highlights of Project IDX is its integration with a wide range of tools and extensions. You can easily incorporate features like debugging, testing, and deployment into your workflow. These tools are built right into the platform, which means no more switching between different applications or worrying about compatibility issues.

5. Cloud Deployment
After coding, deploying your application can be a hassle, especially when you need to manage servers or cloud infrastructure. With Project IDX, deployment is simplified. The platform integrates directly with cloud services, allowing developers to push code to production with just a few clicks, saving both time and effort.

A Solution for Older Machines and Compatibility Issues

As technology advances, so do the tools and platforms we use in development. However, not all developers have access to the latest machines or operating systems, and that can sometimes make it difficult to keep up. For instance, I personally face challenges with my MacBook Pro 2011, which runs macOS High Sierra. Installing modern technologies like Node.js on older machines can be a headache, and many of the latest tools aren’t fully compatible with older hardware or software versions.

This is where Project IDX truly shines. By being cloud-based, it bypasses the need for complex installations and system requirements. You don’t need to worry about whether your machine supports the latest versions of technologies like Node.js or modern JavaScript frameworks. Since everything runs in the cloud, you can access a fully functional development environment without worrying about system limitations.

For developers like me, working on older hardware, this is a game-changer. Project IDX allows me to focus on coding and development without the constant frustration of compatibility issues or outdated local environments.

Why Should Developers Care?

You might be wondering—why should I switch to or start using Project IDX? Here are a few reasons why it's worth considering:

1. Remote-first Development

In today’s remote-first world, having a cloud-based IDE is a game-changer. You don't have to worry about whether you're working from the same machine or location as your team. Project IDX ensures that everything you need is available, right at your fingertips, no matter where you are.

2. Time-Saving Features

The ease of use and integrations offered by Project IDX help developers spend more time coding and less time managing tools. Automatic code formatting, real-time collaboration, and one-click deployment mean less time wrestling with setup and configuration.

3. Open to All Skill Levels

Whether you’re a beginner or a seasoned developer, Project IDX caters to all skill levels. The platform is intuitive and user-friendly for newcomers, while offering the depth and customization that experienced developers expect.

Conclusion

Project IDX is more than just a cloud IDE—it's a solution for modern developers who want a powerful, flexible, and collaborative environment. By integrating a variety of essential tools, offering cloud-based access, and streamlining the development process, Project IDX is poised to become a game-changer in the world of software development.

If you're looking for a platform that can help you develop, collaborate, and deploy with ease, Project IDX might just be the tool you've been waiting for.

I'd love to hear your thoughts on Project IDX! Have you used it yet, or are you considering giving it a try? Feel free to drop your experiences or questions in the comments below—let’s start a conversation! If you have any tips or alternatives that you think are worth exploring, share them with the community. Happy coding!

Why Mobile-First Design is Crucial for Today’s Web

Emmanuel Olusegun — Wed, 29 Jan 2025 02:07:14 +0000

In today's digital landscape, where mobile devices account for the majority of web traffic, adopting a mobile-first design approach is no longer optional—it’s essential. Mobile-first design prioritizes creating an optimal user experience on mobile devices before scaling up to larger screens, ensuring that websites are responsive, fast, and easy to navigate. This approach not only improves performance but also enhances the overall user experience, boosts SEO, and helps future-proof your site for an increasingly mobile-driven world. In this article, we'll explore the key benefits of starting with a mobile-first mindset and how it can transform the way users interact with your website.

Responsive Design: Mobile-first design naturally encourages responsive practices, meaning your website will adjust beautifully across all devices. By starting with mobile, you're ensuring that the site will work seamlessly on everything from phones to desktops. This approach creates a consistent and smooth experience for your users, no matter how they choose to browse. Whether someone is using a small phone or a large desktop, they’ll always have access to a fully functional, easy-to-use site. It’s all about making sure your website feels just right, no matter what device is being used.
Improved User Experience (UX): When you start with mobile-first design, you’re forced to focus on what truly matters—simplicity, speed, and clarity. With the limited space on mobile screens, there’s no room for unnecessary clutter, so you’re left with only the most important features. This naturally leads to a cleaner, more intuitive experience. By prioritizing mobile users first, websites become more efficient and responsive, providing smooth and seamless navigation no matter what device someone’s using. It’s about making the experience easy and enjoyable, no matter where or how users access your site.
Faster Load Times: Mobile-first design focuses on optimizing performance by cutting out anything that’s not essential. Since mobile devices often deal with slower internet connections, keeping the design simple and efficient means your site loads faster. This not only improves user satisfaction but also encourages people to stay longer and engage with your content. In today’s fast-paced world, no one likes to wait, so a faster loading time can make all the difference in keeping visitors on your site.
Better SEO Performance: Search engines, especially Google, favor websites that are mobile-friendly in their rankings. By adopting a mobile-first approach, you're ensuring that your website is optimized for mobile devices, which can give your SEO a big boost. Google uses mobile-first indexing, meaning it looks at the mobile version of your site first when deciding how to rank it. So, by focusing on mobile, you’re not just creating a better experience for users, but also improving your visibility in search results. It’s a win-win for both your visitors and your search engine ranking!
Increased Conversion Rates: Mobile-first design helps simplify content and navigation, which can lead to higher conversion rates. Mobile users are often looking for quick access to what they need, whether it’s a product to buy or a service to sign up for. By designing with mobile in mind, you make it easier for them to find what they’re looking for and take action without any unnecessary hassle. This streamlined approach helps guide users toward key steps, making the process faster and more intuitive—ultimately boosting your conversions.
Future-Proofing Your Website: As mobile devices continue to take over the way we browse the internet, designing with a mobile-first approach ensures your website stays relevant for years to come. With more people shifting to mobile-centric browsing, mobile-first websites are naturally more adaptable to future devices and technologies. By starting with mobile, you're not just meeting today’s needs—you’re setting your site up to thrive as new devices and trends emerge, keeping it ready for whatever comes next.

In conclusion, adopting a mobile-first design approach isn’t just a trend—it’s a smart, long-term strategy that benefits both users and businesses. By prioritizing simplicity, speed, and adaptability, mobile-first design leads to a better user experience, faster load times, improved SEO, and increased conversions. As mobile devices continue to dominate the digital landscape, designing with mobile in mind ensures that your website remains relevant and future-proof. Embracing mobile-first means you're not just designing for today, but for tomorrow as well, creating a seamless, engaging experience for users across all devices.