DEV Community: Benjamin H

"Uncaught SyntaxError: Unexpected token '.'" Explained

Benjamin H — Wed, 03 Apr 2024 14:37:57 +0000

Have you ever encountered the cryptic error message "Uncaught SyntaxError: Unexpected token '.'" while working with JavaScript code? If so, you're not alone. This error can be perplexing, especially for those new to programming. I'm going to briefly explain what this error means.

The error message "Uncaught SyntaxError: Unexpected token '.'" typically occurs in JavaScript when the interpreter encounters a period (".") where it wasn't expecting one. This usually happens when there's a syntax error in your code. Here's what each part of the error message means:

"Uncaught": This indicates that the error was not caught by a try...catch block, meaning it wasn't handled by your code.
"SyntaxError": This indicates that there is a problem with the syntax of your JavaScript code.
"Unexpected token '.'": This specifies that the interpreter encountered a period (".") unexpectedly. It expected something else in that position based on the JavaScript syntax rules.

Here are some common scenarios where you might encounter this error:

Missing or misplaced punctuation: If you forget a semicolon or use incorrect punctuation in your code, it can lead to unexpected tokens.
Incorrect use of dot notation: Using dot notation (e.g., object.property) incorrectly can also trigger this error. For example, if you try to access a property on an undefined or null object, it will result in an "Uncaught TypeError" rather than a "SyntaxError," but in some cases, dot notation can be involved in a syntax error.
Incorrectly formed expressions or statements: Writing expressions or statements incorrectly can lead to syntax errors. For example, using a dot (".") in a place where it's not allowed, such as at the beginning of a line or as part of an identifier name, can cause this error.

To fix this error, carefully review the line of code mentioned in the error message and check for any syntax mistakes, such as missing or misplaced punctuation, incorrect use of dot notation, or improperly formed expressions or statements.

App Ideas to Build and Monetize

Benjamin H — Fri, 29 Sep 2023 20:41:55 +0000

I've been thinking about developing apps that I can monetize while learning to code. Thanks to the internet and ChatGPT, I came across some interesting ones and decided to share. With some of these you can just build an MVP (Minimum Viable Product) or a Single-Feature app depending on your level of expertise. You can also try collaborate with other developers because working alone is not easy if you're building a comprehensive app.

1. Task Management App: Create a user-friendly task management app with features like to-do lists, project management, and reminders. You can offer a free basic version and charge for premium features such as team collaboration and advanced reporting.

2. Weather App: Develop a beautiful and accurate weather app that provides real-time weather forecasts, radar images, and weather-related news. You can monetize it through ads or by offering a premium, ad-free version.

3. Recipe Finder and Meal Planner: I know my wife would love this one. Build an app that helps users find recipes based on ingredients they have on hand, plan their meals, and generate shopping lists. You can earn money through affiliate marketing with grocery stores and premium recipe packs.

4. Language Learning App: Create an interactive language learning app that teaches users new languages through games, quizzes, and lessons. Offer a freemium model with basic lessons for free and charge for more advanced content.

5. Fitness Tracking App: Design a fitness app that allows users to track their workouts, set fitness goals, and monitor their progress. Monetize it by offering premium workout plans and personal coaching services.

6. E-commerce Product Comparison Tool: Build a tool that lets users compare prices and features of products across multiple e-commerce websites. You can earn affiliate commissions for purchases made through your app.

7. Travel Planner and Itinerary App: Develop an app that helps travelers plan their trips, book accommodations, and create detailed itineraries. Partner with travel agencies or hotels for commissions on bookings.

8. Pet Care App: Create an app for pet owners to track their pets' health, set reminders for vaccinations, and connect with local veterinarians and pet stores. You can generate revenue through partnerships with pet-related businesses.

9. Budget and Expense Tracker: Design an app that simplifies personal finance management by allowing users to track expenses, create budgets, and set financial goals. Offer premium features like investment tracking and financial advice.

10. Virtual Event Platform: In the age of remote work and online events, develop a platform for hosting virtual conferences, webinars, and trade shows. Monetize it through event ticket sales, sponsorships, and premium features like virtual exhibition booths.

11. Online Portfolio Builder: Create a tool for individuals and businesses to easily build and customize their online portfolios or websites. Offer premium templates and hosting services.

12. Mental Health and Well-being App: Develop an app that provides mental health resources, meditation guides, and mood tracking features. Monetize it through subscription-based access to premium content and therapy services.

The idea with these ideas is to learn with the hope that what you produce while learning can possibly evolve into becoming something viable enough to go to market instead of just having it in your portfolio for job prospects. There's really no harm in learning while trying to make some extra cash.

If you have any other idea please feel free to share here. If you would like to collaborate on some projects, please hit me up. I'm sure there's a lot we can learn from each other.

Learn to take breaks!

Benjamin H — Thu, 14 Sep 2023 15:45:34 +0000

In my journey as a developer I've realized that it's important to take breaks, especially after every small win within your code blocks, testing and debugging. Breaks personally help me think better. Go outside and inhale some fresh air, make a cup of coffee, drink water or take a pee, etc. You get my drift!

Coding is hard and mentally demanding. As developers we often want to keep going until we feel extremely exhausted but this habit can take a toll on you if you don't take regular breaks. I've learnt this the hard way. I've been so burnt out to the point I felt like "may be I should just choose another career". Giving up becomes an easy temptation when you're too hard on yourself.

I'm learning that taking breaks:

Reduces stress
Prevents burnout
Improves health
Enhances creativity
Boosts productivity

Breaks while coding are not a sign of being unproductive but a strategic move to sustain your performance. Always remember why you first started on this path and lock your eyes on the vision while being patient with yourself because "Rome wasn't built in a day!".

Root level logger middleware should be active

Benjamin H — Wed, 13 Sep 2023 21:22:01 +0000

If you're doing the Backend-Dev freeCodeCamp course like myself there's a possibility that you came across the error "Root level logger middleware should be active" on the Basic Node and Express track.

This error got me scratching for hours and I just want to help someone experiencing it only because the hint is missing spaces in the string formatting example.

Make sure to have spaces between the dash and req.path and req.ip in your root-level request logger middleware, like this console.log(req.method + " " + req.path + " " + "-" + " " +req.ip)

I hope this helps.

Is Frontend Dev Enough?

Benjamin H — Mon, 11 Sep 2023 20:01:25 +0000

As a frontend developer, I've spent countless hours trying to develop beautiful user interfaces, ensuring seamless user experiences, and diving deep into the intricacies of HTML, CSS, and JavaScript.

Frontend development has been my passion, and my creative outlet. But lately, I find myself pondering a question that many in the field may have also asked themselves: Is frontend development enough, or should I learn backend development too?

I can never undermine frontend dev, considering that the skills required for frontend development are essential, diverse and ever-evolving. However, my struggle is with the curiosity that I often have regarding what happens behind the scenes. I'm intrigued by the idea of handling server-side logic, databases and APIs.

As a frontend developer, sometimes backend development seems like a mystery. I feel like a waiter in a restaurant, eager to know how the food I serve is prepared in the kitchen.

In a sense I feel limited, especially when dealing with complex data-driven applications. This realization has led me to question whether learning backend development could enhance my skillset and career prospects.

What are your thoughts on this?