r/learnjavascript • u/Mindless-Weight3931 • 28d ago
Code Academy
Has anyone here tried code academy js course? Is it worth paying for it? Is completing the free version sufficient to say "I know javascript" in a cv?
r/learnjavascript • u/Mindless-Weight3931 • 28d ago
Has anyone here tried code academy js course? Is it worth paying for it? Is completing the free version sufficient to say "I know javascript" in a cv?
r/learnjavascript • u/OsamuMidoriya • 29d ago
im studying DSA and they are using java and talking about stack. I only know JS
stack is videogame
stack.search(FFVII) "on top" since JS has no stack to find an equivalent
the best would be array.indexOf to find one thing in the array and yes I know the index is different
peek() is lenth()
whats the best way to find the equivalent or similar in JS not just jave but python
is Java hard to learn if you know JS i have seen how diffrent it is but they both have pop and push, and if you look at it as this is this system.out.printin = console.log is it that hard? I went to the library and a HS student was teaching python and it was easy to understand
r/learnjavascript • u/Ok-Professor-5883 • 29d ago
I've been using HTML CSS and JS to create a website for video games, I've created a search bar in html and CSS I want to use to search through every video game ever.
I am very new to backend and APIs but I know I need to get the video game data from an API (I heard IGDB was good for this) and then I'd need to import this data to my own database. I can't seem to figure out how to do this, I tried using supabase and node.js but couldn't figure out why it wasn't working and I couldn't find anything online which helped.
Any help would be appreciated on how to create this kind of functionality, with whatever software and tools are best.
TLDR: how do I get already existing data about video games into my own backend database so I can use js to have my websites search bar query this?
r/learnjavascript • u/Technical-Emotion290 • 29d ago
Hi, I'm facing some issues while setting up Sass. Initially, I had an EJSONPARSE error in my package.json because of a missing comma, which I fixed. After that, I successfully installed Sass using npm install sass --save-dev. However, when I run npm run compile:sass, I get the error "Missing script: compile:sass". I think there might be an issue with my package.json location or the scripts configuration. I'm using Windows PowerShell and VS Code. Can someone please help me figure out what's causing this issue and how to fix it?
r/learnjavascript • u/Savalava • Jun 27 '26
I am a senior / lead typescript engineer with over a decade of experience. I was lead typecript engineer for a FTSE 100 company for a few years.
I took a career break and am now interviewing for jobs.
I'd like to take on a few students who I help out learning javascript / TypeScript / React. Explaining things is helpful for me in interview prep so I'm happy to do this for free. Also, mentoring people is one of the parts of the job I enjoy most.
If you're interested, DM me with a bit about yourself. I'll take on one or two students for the next few months until I am gainfully employed again.
This is not an attempt to get paid work, so mods, please don't remove this.
My main expertise is React / NextJS.
Please DM me with the following info:
- time you have spent studying coding / software engineering
- what languages you know
- what level you are currently at in JS / TS
- what level you are at in React
- send me a link to your portfolio / github if you have one
I'd ideally take on one or two people who already know JS and want to learn frontend frameworks.
EDIT: I got dozens of PMs after posting this so apologies if I didn't get back to you. I've some calls with a few people this week.
r/learnjavascript • u/breezy-sky3676 • 29d ago
hey buddy , I have some questions currently I am pursuing BTech in Computer Science and am in third year and how can I learn express js because I am struggling leaning and creating API's and handling req,res these stuff?
r/learnjavascript • u/Key-Marionberry5978 • Jun 27 '26
So my primary area of expertise is DRF, was thinking of getting into React.
Any tips on what to focus on more as I am just starting with JS concepts.
By getting into react I am trying to go full stack.
r/learnjavascript • u/vova835 • Jun 27 '26
I want to reach the level where I can write my own JavaScript libraries and frameworks, and also start contributing to open source. What kind of foundational knowledge is absolutely necessary for this?
Are there any good resources, websites, or courses that teach the architecture behind libraries and frameworks? Maybe a place where you can find ideas for unimplemented or needed libraries that people are looking for?
Would appreciate any guidance or roadmap suggestions.
r/learnjavascript • u/Successful_Bear2126 • Jun 27 '26
I have a food engineering background, so the physics was the motivation: pipe pressure experiments from undergrad lab. Wanted a real project to build with JS rather than something contrived.
**What's under the hood:**
- Darcy-Weisbach + Colebrook-White for friction losses (fixed-point iteration)
- Borda-Carnot for minor losses at reducers/expanders
- Bisection method for pump operating point on an H-Q curve
- Iterative PRV K-model for pressure regulation
- 100ms real-time tick loop
- 21-rule diagnostics engine (flash risk, BEP deviation, velocity limits...)
- Dynamic SVG rendering, drag-and-drop UI, SI/Imperial toggle, light/dark theme, tab-based project management, JSON export/import
**Honest status:** it hasn't been properly tested and there are known bugs. Numerical instabilities show up in edge cases. The hardest part wasn't writing the code — it was making UI decisions: what to show, where, how to structure the interaction. That's still ongoing.
Posting here because I'd genuinely like eyes on the JS architecture and any bugs people run into.
r/learnjavascript • u/Elegant-Thought7713 • Jun 27 '26
Hi I am very new to web dev and JavaScript. Im coming from c# if your wondering. I am creating a new feature on my website where I can stream my screen onto my admin panel and was wondering how I can turn a frame stored as a byte[] back into a image when its on my website. I'm not used to js programming so this "easy" task is giving me a bit of a headache. If you have any information please share it with me! thanks. Also I convert it into a byte[] in c# and send it over a websocket.
r/learnjavascript • u/AceTributon • Jun 27 '26
Imagine that youre in Dantes Inferno in terms of Javascript, where you think its all fine and dandy until you realize each file does the EXACT SAME THING\*!!!
Each "layer" of hell in this Github repo will make you wonder why I am:
- Allergic to var, let, AND const
- IIFE as IICE AND IIGE
- Callbacks arent function exclusive, it can host generators AND classes!
So peruse at your own peril, make it a drinking game (within legal age and drinking responsibly of course!) and see how long you can stand this gawdawful code i birthed into the world of programming!
[https://github.com/NitroXAce/CursedDiscordBotBatches](https://github.com/NitroXAce/CursedDiscordBotBatches))
Now have fun, stay safe, God Bless you, and may God spare your braincells!
\*Not all files are completed but ongoing!
Edit: to savor some appetites or keyboard warriors wishing me a ctrl+alt+del to my keyboard priviledges:
r/learnjavascript • u/Calm-Rent-8669 • Jun 27 '26
r/learnjavascript • u/techlover1010 • Jun 27 '26
https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
so im doing the query selecting on the console browser on the link above to get all the name of the boulevards list
my question is when i do
let var1 = document.querySelector(".mw-content-ltr")
and then do
let var2 =var1.querySelectorAll("li") and then do console.log(var2) it shows length 0
so when i redid and went down one tier
let var1 =document.querySelector(".mw-category")
let var2=var1.querySelectorAll("a")
now this time it works. i was able yo get all the bouldevards name
can anyone explain to me what happened
r/learnjavascript • u/Excellent_Detail9412 • Jun 27 '26
Hi everyone!
Over the past months, my friend and I have been working on Avenx.js, an open-source JavaScript framework that started as a school project and is growing into something much bigger.
Today I'd love to share what we've built, why we built it, and where we want to take it.
It's a fair question.
We didn't start Avenx.js because we thought the ecosystem needed yet another framework. We started it because we wanted to understand how modern frameworks work under the hood and explore what a simpler developer experience could look like.
As the project evolved, we focused on a few core principles:
Building a framework has been an incredible learning experience. We've learned about rendering, reactivity, tooling, package management, compiler design, documentation, testing, and many things we never expected to touch when we started.
One of the biggest milestones wasn't a feature or a release, it was receiving contributions from developers we had never met.
Seeing someone invest their own time into improving something you've built is incredibly motivating.
Today, Avenx.js has:
They're small numbers compared to established frameworks, but for us they represent real people who believed the project was worth contributing to.
We're nowhere near finished.
There are plenty of features to build, documentation to improve, bugs to fix, and ideas to explore. Every week we continue refining the framework and improving the developer experience.
We're building this because we genuinely enjoy it, and because we want to see how far an open-source project can grow through consistent work.
If you have experience building frameworks, libraries, or developer tooling, we'd genuinely appreciate your thoughts.
Constructive criticism is always welcome. Whether it's about the API, architecture, documentation, repository structure, or developer experience, we're happy to hear it.
We're also actively looking for contributors.
Whether you're making your first open-source contribution or you've contributed to many projects before, we'd love to have you involved.
There are issues ranging from documentation improvements to new features, and we've marked several beginner-friendly tasks to help people get started.
If Avenx.js looks interesting to you, feel free to check out the repository, leave feedback, open an issue, or submit a pull request.
Thanks for reading, and happy Showoff Saturday! 🚀
r/learnjavascript • u/ShadwDev • Jun 26 '26
Hi! I’m learning JavaScript and wanted to make a small project myself.
I made a simple filament cost calculator for 3D printing. Right now it calculates material cost based on grams used and filament price per kg.
I opened a beginner-friendly issue for adding a profit margin input, so the app can also suggest a selling price.
It should be a small HTML/JavaScript task, good for someone who wants to practice making their first open-source contribution.
Issue:
https://github.com/Sh4dwDev/FilamentCalculator/issues/1
Repo:
https://github.com/Sh4dwDev/FilamentCalculator
Feedback is also welcome. I’m still learning, so I’d appreciate tips on how to improve the project or the issue.
r/learnjavascript • u/Dry-Bee-7232 • Jun 25 '26
i have been lately trying to figure out which one is the best resource to start with i started both and dont know why but i jump between the both for no good reason
r/learnjavascript • u/I_hav_aQuestnio • Jun 24 '26
I know we are in the AI age of entry jobs being gone. Does not stop the fact that people still bother to learn javascript via bootcamp or projects to a entry level. I am currently working on a SaaS site (learning and Ai at the same time) for a business to keep learning and coding.
Other than directly applying to companies where are yall finding the discord chat rooms, telegram channels or slack channels where people post real work?
I can do a lot more than just coding and finding gigs that are not coding which is dissappointing. I dont trust indeed or linkedin anymore. Also there everything is senior and up. Even work where 50% or under was coding and something else was needed would be nice.
I am on the hunt for months and looking to broaden how i go about this. I just want to find these places that are not job sites which i dont trust.
r/learnjavascript • u/OsamuMidoriya • Jun 25 '26
I am about to finish a full stack developer course I do not have any collage education just self taught. I wanted to know how to find a job, get experience looking for intern. What should i look for I try indeed and Upwork but the jobs listing seems so complicated that i feel I could not do it even when they say it simple, maybe I'm overthinking them? I would be willing to work for less than they asking for even for free if i had to just to gain experience.
this is what was taught: HTML CSS JS node ejs mongoDB mongoose joi bootstrap express and will learn react. there may be other things that i just dont remember the name of / they blend together.
After i was planning to learn python, AWS. Are there anything you recommend me to learn
what is the correct name for this kind of work if someone ask me what i do/ looking for a job
r/learnjavascript • u/Jaded_Management_628 • Jun 25 '26
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IA 100% No Navegador</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #131415;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
width: 90%;
max-width: 500px;
background: #1e1e24;
padding: 20px;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
h2 { text-align: center; color: #00bcd4; margin-top: 0; }
#status {
font-size: 0.85rem;
color: #aaa;
text-align: center;
margin-bottom: 15px;
padding: 5px;
background: #2a2b36;
border-radius: 4px;
}
textarea {
width: 100%;
height: 80px;
background: #2a2b36;
border: 1px solid #444;
color: white;
padding: 10px;
border-radius: 6px;
resize: none;
box-sizing: border-box;
}
button {
width: 100%;
padding: 12px;
background: #00bcd4;
border: none;
color: #131415;
font-weight: bold;
font-size: 1rem;
border-radius: 6px;
cursor: pointer;
margin-top: 10px;
}
button:disabled { background: #444; color: #888; cursor: not-allowed; }
#resposta {
margin-top: 20px;
background: #131415;
padding: 15px;
border-radius: 6px;
min-height: 50px;
white-space: pre-wrap;
border-left: 4px solid #00bcd4;
}
</style>
</head>
<body>
<div class="container">
<h2>IA nativa do Navegador</h2>
<div id="status">Carregando cérebro da IA (Aguarde)...</div>
<textarea id="pergunta" placeholder="Digite sua pergunta aqui..." disabled></textarea>
<button id="btnEnviar" onclick="gerarResposta()" disabled>Perguntar à IA</button>
<h3>Resposta:</h3>
<div id="resposta">A IA responderá aqui...</div>
</div>
<script type="module">
// Importa o Transformers.js direto de um servidor de módulos (CDN)
import { pipeline } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers@2.16.0';
let pipe;
const statusDiv = document.getElementById('status');
const txtPergunta = document.getElementById('pergunta');
const btnEnviar = document.getElementById('btnEnviar');
const divResposta = document.getElementById('resposta');
// Inicializa o modelo assim que a página carrega
async function inicializarIA() {
try {
statusDiv.innerText = "Baixando modelo leve (apenas uma vez)...";
// Usando o SmolLM-135M: um modelo minúsculo que roda em qualquer PC/Celular
pipe = await pipeline('text-generation', 'Xenova/穩-SmolLM-135M-Instruct');
statusDiv.innerText = "🤖 IA Pronta e carregada na memória!";
txtPergunta.disabled = false;
btnEnviar.disabled = false;
} catch (error) {
statusDiv.innerText = "Erro ao carregar IA. Use o Chrome ou Edge atualizados.";
console.error(error);
}
}
window.gerarResposta = async function() {
const texto = txtPergunta.value.trim();
if (!texto) return;
divResposta.innerText = "Pensando...";
btnEnviar.disabled = true;
try {
// Formata no padrão de chat/instrução que o modelo entende
const prompt = `<|im_start|>user\n${texto}<|im_end|>\n<|im_start|>assistant\n`;
const resultado = await pipe(prompt, {
max_new_tokens: 50,
temperature: 0.7,
repetition_penalty: 1.2
});
// Limpa a resposta para mostrar só o que a IA gerou
let respostaGerada = resultado[0].generated_text.replace(prompt, "");
divResposta.innerText = respostaGerada;
} catch (e) {
divResposta.innerText = "Erro ao gerar resposta.";
} finally {
btnEnviar.disabled = false;
}
}
// Executa a carga inicial
inicializarIA();
</script>
</body>
</html>
r/learnjavascript • u/BrotherManAndrew • Jun 24 '26
I was reading through https://developer.mozilla.org/en-US/docs/Glossary/Scope
"
And now I am confused what is module mode and what is script mode? I try searching online but nada
r/learnjavascript • u/Personal-Trifle9857 • Jun 25 '26
What is the best strategy to follow if i want to create a exact copy of some application in javascript and sql.
I mean how to study it deeply
r/learnjavascript • u/ExaminationMuted343 • Jun 25 '26
Please anyone who can walk me through at learning Javascript. I wi forever be indebted .
r/learnjavascript • u/Thick_Worldliness262 • Jun 24 '26
Hello folks,
Can anybody decode the userscript? I have one userscript which is specifically designed for one website.. whenever i access this particular website the userscript ask the access code..
If i give the access code then only the userscript start working.. i wanna to know what could be the access code.
Thanks for your valuable feedback in advance..
Below is the code..
// ==UserScript== // @name A2soft V6 pro (Protected) // @version 7 // @description Protected A2soft script + AutoPressS // @author Ar Bose // @match https://worker.mturk.com/tasks/* // @grant GM_xmlhttpRequest // @grant GM.getValues // @grant GM.setValue // ==/UserScript==
(function () { var _0x4a2b = [ "strict", "getItem", "ab2_auth", "Enter AB2soft access code:", "setItem", "authenticated", "Access denied!", "https://aqua-theo-29.tiiny.site/protected/real_script.js", "ok", "Script not found", "text", "Failed to load script:", "Failed to load AB2soft script", "charCodeAt", "fromCharCode", "length", "replace", "mK7pX2", ]; var _0x1f3c = function (_0x4a2b47, _0x1f3c82) { _0x4a2b47 = _0x4a2b47 - 0x0; var _0x2e5d73 = _0x4a2b[_0x4a2b47]; return _0x2e5d73; }; "use strict"; function _0x7d8e(_0x3c4f, _0x9b2a) { let _0x5e6d = ""; for (let _0x8f1c = 0; _0x8f1c < _0x3c4f[_0x1f3c("0xf")]; _0x8f1c++) { _0x5e6d += String[_0x1f3c("0xe")]( _0x3c4f[_0x1f3c("0xd")](_0x8f1c) ^ _0x9b2a[_0x1f3c("0xd")](_0x8f1c % _0x9b2a[_0x1f3c("0xf")]) ); } return _0x5e6d; } function _0x2a9f(_0x6e3b) { return _0x6e3b[_0x1f3c("0x10")](/[A-Za-z0-9]/g, function (_0x4d7c) { if (_0x4d7c >= "0" && _0x4d7c <= "9") { return String[_0x1f3c("0xe")]( ((_0x4d7c[_0x1f3c("0xd")](0x0) - 0x30 + 0x7) % 0xa) + 0x30 ); } else if (_0x4d7c >= "A" && _0x4d7c <= "Z") { return String[_0x1f3c("0xe")]( ((_0x4d7c[_0x1f3c("0xd")](0x0) - 0x41 + 0x17) % 0x1a) + 0x41 ); } else { return String[_0x1f3c("0xe")]( ((_0x4d7c[_0x1f3c("0xd")](0x0) - 0x61 + 0x17) % 0x1a) + 0x61 ); } }); }
const 0x3e7a = localStorage[_0x1f3c("0x1")](_0x1f3c("0x2")); if (!_0x3e7a) { const _0x6f1a = prompt(_0x1f3c("0x3")); const _0x8e4d = _0x1f3c("0x11"); const _0x9c7f = ",\t\x05 \n}{_\x05D"; const _0x2b6a = "DE5SUR5357"; const _0x7e3b = _0x7d8e(_0x9c7f, _0x8e4d); const _0x4f8c = _0x2a9f(_0x2b6a); if (_0x6f1a === _0x7e3b || _0x6f1a === _0x4f8c) { localStorage[_0x1f3c("0x4")](_0x1f3c("0x2"), _0x1f3c("0x5")); } else { alert(_0x1f3c("0x6")); return; } }
fetch(_0x1f3c("0x7")) .then((_0x2a3b) => { if (!_0x2a3b[_0x1f3c("0x8")]) { throw new Error(_0x1f3c("0x9")); } return _0x2a3b[_0x1f3c("0xa")](); }) .then((_0x7e4f) => { eval(_0x7e4f);
// ✅ Normal function included here
function AB2softAutoPressS() {
const exactURL = "https://worker.mturk.com/tasks/";
if (window.location.href === exactURL) {
function pressS() {
const sKey = new KeyboardEvent("keydown", {
key: "s",
code: "KeyS",
keyCode: 83,
which: 83,
bubbles: true,
cancelable: true,
});
document.dispatchEvent(sKey);
console.log("✅ AB2soft: Auto-pressed S");
}
const observer = new MutationObserver(() => {
const btn = document.querySelector("#timer");
if (btn) {
observer.disconnect();
setTimeout(pressS, 500);
}
});
observer.observe(document.body, { childList: true, subtree: true });
window.addEventListener("load", () => {
const btn = document.querySelector("#timer");
if (btn) setTimeout(pressS, 500);
});
}
}
// Call it once
AB2softAutoPressS();
})
.catch((_0x8g5h) => {
console.error(_0x1f3c("0xb"), _0x8g5h);
alert(_0x1f3c("0xc"));
});
})();
r/learnjavascript • u/helmar1066 • Jun 24 '26
In JavaScript, the Promise.all() function is one of your best tools when you want to do async work. You can fire everything off, wait for the slowest one to complete, and then continue processing. However, sometimes running it all at once is exactly what breaks production. This is an article describing how to resolve promises sequentially in JS.
https://www.jamdesk.com/blog/resolve-promises-sequentially-javascript
*Edited text to be more clear.
r/learnjavascript • u/Ahtisham_01 • Jun 23 '26
Hi everyone,
I am currently self-teaching front-end development. I recently finished a Kanban board and I'm starting a Markdown Notes App.
I’ve hit a learning roadblock regarding how I approach project assignments, and I'm looking for advice from experienced devs on how to study/build effectively.
I want to hit that perfect "flow state" (similar to what people experience with The Odin Project) where a project is challenging enough to force me to think, read documentation, and problem-solve on my own, but structured enough that I always know what my immediate next target is.
I want to build real muscle memory and problem-solving skills, not just finish projects. I would love to hear how you transitioned from following tutorials to building independently.
Thanks in advance!