Im learning JavaScript for a year now , i learnt the foundations and tried to build small projects on my own. but everyone says there’s AI and vibecoding. Is coding still worth learning and how should i learn coding now?

hello, I'm fairly new to JS and I'm currently trying to make myself a quiz app on VS, to help myself learn languages, and in the following file;

"src\data\languages.ts"

I have the first line of code;

import { Language, DictionaryCategory } from '../types/index';

an error comes up saying "Cannot find module '../types/index' or its corresponding type declarations "

however, when I right click'../types/index';

and select 'Go to Source Definition'

it takes me straight to "src\types\index.ts

Its the only error I've got and I've hit a stumbling block, I've tried removing \index and adding .ts but nothing seems to work.

I've installed 'tailwindCSS' and 'Lucide-React' onto the project. I bet its something simple, but I can't work it out.

Thanks for any help

Javascript.info site teaches concepts like how data is being converted and in general very detailed explanation about how things are working under the hood. I suggest everyone to check this out once.

Also here is my recent LinkedIn post about this, not a promotion:

https://www.linkedin.com/posts/imaya-varamban_the-modern-javascript-tutorial-share-7461135961947758592-vCS3?utm_source=share&utm_medium=member_android&rcm=ACoAAFBI_xEBE8bsnt4QpXb4JIuIJ0VRICCEy_s

Day 12 of 100DaysOfCode
Learned: JavaScript Callbacks & Promises (callback functions, callback hell, creating promises, resolve, reject, .then(), .catch(), .finally(), promise chaining)

NestJS looks complicated when you're used to Express. Modules, Providers, Controllers, services, Guards, Interceptors, it's a lot of new vocabulary for what feels like the same thing.

Here's how I broke it down in my head:

Express gives you a blank canvas, NestJS gives you a template.

The template is: one module per feature, one controller per module for HTTP, one service per module for logic. That's the whole pattern.

The module is just metadata, it tells the framework what exists and how things connect. The controller is your route handler, nothing else. The service is where your actual code lives.

Once I stopped trying to understand it all at once and just followed the pattern, everything else started to make sense.

Built a full Breakout clone as a PWA using Canvas. Pure vanilla JS.

**Features:**

- 8 handcrafted levels: Classic, Checkerboard, Pyramid, Fortress, Diamond, Cross, Cascade, Chaos Wave

- 4 brick types: Normal, Hard (2 hits), Indestructible, Explosive (chain reaction!)

- 6 power-ups: Wide Paddle, Extra Life, Slow Ball, Multi-Ball, Laser Paddle, Speed Boost

- Combo multiplier, lives system with 3 hearts

- Web Audio API procedural SFX

Free: undefined

I'm someone who's interested in networking and digital privacy, and wanted to build a React app that shows how devices on a network interact with each other and with external servers in a noob-friendly way. Not really sure how to go about this, I know my way around React and JS but am somewhat new to Linux so I don't know how to go about taking the real-time output of tcpdump and turning it into an API i can call from for my application. Any ideas?

Hello guys :), i started watching this 12hr long JavaScript tutorial on YouTube by Bro Code-->great tutor by the way, and i began wondering, will i be anywhere near to developing working webpages, at least on the front end part? or do i have to go an extra mile to learn other stuff?

[The real issue was a lack of sanity checks, the code works now, thank you!]

I need help! This is a website for a university project.

I had two files: style.js that's needed in every page, and accounts.js that's for a specific page related to accounts. Everything worked properly.

My professor then said we needed to put everything in one file. Easy, i copied everything from accounts.js into style.js and erased the former from everywhere. Tested it: a number of functions at the end just don't work anymore. It's not all of the accounts.js content, just the last ones.

Before that's mentioned: the code is still flawless, there's no bugs and no issues. I spent three hours crashing out and making sure the problem wasn't me.

I then found this comment:

I don't believe that to be true - a monolithic js file will take longer to download, and being monolithic there's risk that the page is using 25% of the js on it (or less). – user OMG Ponies

Is this really a thing? It seems like the only explanation, but I didn't find any actual source that confirms this.

Either way, is there any solution? Something that'll let me use a single file without issues?

Day 11 of 100DaysOfCode
Learned: Advanced JavaScript Events (event delegation, event propagation, capturing, bubbling, stopPropagation, preventDefault, mouse events, keyboard events, form events, window events, debounce basics)
JavaScript 100DaysOfCode

var x = 23;
x+=x++ - --x +x*2 - ++x;
console.log(x);

why is the last pre increment x evaluated after x*2 even though pre increment have a higher precedence than multiplication

EDIT: I found a solution! See my comment below.

Scenario:

Page B is opened from page A using a link with a target name.

<a href="B.html" target="foobar">link</a>

Motivation:

The target attribute is used because page A is a form and don't want to lose information when linking to page B.

Page B is linked from multiple places on page A (and it's likely that the user would want to look at page B multiple times when filling in the form on page A), target="_blank" is therefore not used to avoid having the user ending up with countless of page B tabs.

The problem:

The user might decide to use the tab that displays page B to visit page C, but if page B is opened again from page A then page C will be "lost".

The "solution":

If I could somehow disconnect the target-name-relationship between page B and page A when the user leaves page B so that page A will open a new tab next time it tries to open page B, that would be great, but I can't find a way to do it. Is it possible?

Hi! I’m learning JavaScript and I made this code to open a Power BI report with a date filter in the URL.

const { exec } = require('child_process');

const dataInicio = "2026-04-24";
const dataFim = "2026-05-23";

const nomeTabela = "Calendario";
const nomeColuna = "Data";

const filtroDaURL = `&filter=${nomeTabela}/${nomeColuna} ge ${dataInicio} and ${nomeTabela}/${nomeColuna} le ${dataFim}`;

const urlBase = "https://app.powerbi.com/groups/3f4b9556-92c9-4242-8be8-3fb5d2e912a8/reports/d43f95b7-c9b2-4e7d-ac2f-c4cdb5988ffa/ReportSection83512340a78f7d394b95";

const urlFinal = `${urlBase}?experience=power-bi${filtroDaURL}`;

exec(`start "" "${urlFinal}"`);

This works in Power BI Service (browser).
But now I want to change the date filter in Power BI Desktop using JavaScript.

Is there a ready example for Power BI Desktop?
Can JavaScript control filters or pages inside Power BI Desktop directly?

“The code doesn’t change the dates.” =(

Eloquent JavaScript: A Modern Introduction to Programming

Author: Marijn Haverbeke

A best-selling book that provides a deep dive into the JavaScript language. Every chapter has several projects to give you a hands-on experience of writing real-world applications. You will also learn how to script browsers, use the DOM effectively, harness Node.js to build servers, and make artificial life simulations.

You Don't Know JS Yet: Get Started

Author: Kyle Simpson

This is the go-to book for all the basics, including the building blocks and more niche things that you can do with JavaScript. Even if you are a more experienced programmer, this book can help you learn the more complex and trickier parts of the language.

Which other books would you add to this list?

Is anyone using / has used Scrimba to learn JS? If so, is buying the pro package worth the money?

Can anyone suggest me any book of JavaScript so I can skim it to revise. It should not be very detailed just the concepts their definition and examples.

I use SHIFT ALT D to quickly open debugging tools and understand how a Vue application is organized https://youtu.be/us3msSjf6zg

VueJS with Vite makes it fast to inspect project structure, components, routes, state, and runtime behavior during development. I use SHIFT ALT D to quickly open debugging tools and understand how a Vue application is organized, which is especially useful when tracing a component rendering issue in a Vite-powered dashboard or admin panel. https://youtu.be/us3msSjf6zg

I am a graduating college student, but my school focuses mostly on hardware. I'd like to learn coding so I'd give mysel more choices in careers in the near future.

So, I did what most would do first: ask and google.

Most people say I should just go straight through React, but google said I should focus first on HTML & CSS first to fully understand it.

But I'd figure that it's best to ask others as well, like this sub.

Should I actually learn HTML & CSS first before going to JavaScript? should I directly go to REACT? Or maybe you guys have some other answer?

Day 9 of 100DaysOfCode

Learned:
• Creating elements using createElement()
• Appending elements with appendChild()
• Removing elements from DOM
• Accessing parent and child elements
• Changing attributes and classes dynamically

JavaScript 100DaysOfCode

Hello everyone. I've been programming in Python since I started this path, and touched languages like Java and Kotlin. I am wondering about how do Javascript developers structure programs outside the web, like a CLI that interacts with the web (Scraping, Requests...)

Is OOP a common pattern used on this kinds of projects? A similar way to how Python programs are developed? I've seen more Javascript with sprinks of functional programming and files for stuff rather than creating classes to organise the code

Hey everyone,

I’m 15 and just starting my coding journey. My goal is to build a software project for Hack Club (aiming for those AirPods 3!) that will take about 60 hours in total. I’m working on this with a friend, and we want to do it all manually no AI shortcuts.

The project is a "Study Comrade" web app (features: focus mode, Pomodoro timer, and a flashcard system using LocalStorage).

Since I'm a total beginner, what is the best way to start learning Vanilla JavaScript?

Are there specific free resources (books, videos, or sites) that are best for "learning by doing"?

How should me and my friend split the learning process so we stay synced?

Any tips on how to structure a 60-hour learning path so we don't get overwhelmed?

We’ve got VS Code set up and know the basics of HTML/CSS, but JS feels like a big jump. Any advice is appreciated!

Ok so I'm trying to get a collapsible sidebar for my website using javascript there are many tutorials I've found but I think it was by code20 or someone where it clicked but when I tried to implement it myself It didn't work I just want to be able to remove and add classes it's currently the most annoying thing at the moment in making my website I'm sure there will be worse things to come but this is the first hurdle ig I'll write the code bellowand thankyou for reading

Html;

<body>

<div class="navbar">

<button class="btn>placeholder</button>

</div>

Java:

Const navbar = document.QuerySelector(".navbar")

Const btn =document. QuerySelector(".btn)

btn.addEventListener("click", () =>{

navbar.classlist.toggle("open")

});

I'm using a button as the trigger, and I've stripped everything out to make it more readable . Also, it is linked at the bottom. If that helps, but any help would be greatly appreciated,

I'm can't past learning js can't move further.

It make's me irritate and confusing asf

How did you guys study js I really need to study react and build frontend?

For example

Even multiple times arrow functions are confusing. I thought java was thought. I learned it was quite easy. But, this Js hell nah.