Backend
I want to learn how to modify or edit a website's live backend files, database, or server-side code, as those systems belong to the website owners and unauthorized access or modification is restricted.
I want to learn how to modify or edit a website's live backend files, database, or server-side code, as those systems belong to the website owners and unauthorized access or modification is restricted.
I am learning JavaScript and made my first small project, a simple Counter using HTML, CSS and JavaScript.
I'm still learning, so I would really appreciate some feedback on my code. Is my code clean? Is there anything I should improve or do differently?
Also, suggest me something I should build next.
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! 🚀
Nowadays how MERN,MEAN stack have value in the current IT market?what should follow for job switching..
i'm trying to make a page for my website that's more or less a replica of the nintendo 3ds menu. i've already given up on making the menu thingy actually work like the 3ds and set to do the top header images instead. i cannot for the life of me find a single search result that actually works.
i do not know anything about javascript but considering the header and icon images are in completly separate parent divs the css only methods are not going to work. i just need a javascript code that can work for multiple images. please.
what i want exactly is when the cursor hovers over the icon image, its respective header would appear on the windowtop class. i can't merge the window classes because each one has it's own styling (window being smaller than windowtop) so that'd mess up my styling
also, i'd appreciate if i didn't get answers that require an external library since this is for a neocity and i really do not want to figure out how to set that up. thank you
here's an example of the html if it's needed to understand the problem (if more context is needed please tell me)
<div class="windowtop">
<div>
<img src="imageheader">
</div>
</div>
<div class="window">
<div>
<img src="imageicon">
</div>
</div>
(also off topic if it's not much to ask, what would i call a menu where when you click on an arrow the top link/image goes behind the first one? with maybe an animation.... i'd like to look that up later but idk how to phrase it in a way that won't make google give me something completly unrelated. thx)
Hi all. I’ve been self-learning JS for my GIS work and as such have missed some pretty crucial best practices along the way while working on my current project.
Without getting in the weeds, I’ve developed an internal app that async fetches a bunch of Esri REST service metadata from my org’s enterprise portal and organizes their layers and metadata into a searchable and filterable directory. It also has basic list creating functionality (I.e, adding certain GIS layer items to lists to document any outdated data, missing metadata, and other notes). This is in preparation for a department-wide data quality audit and overhaul.
After a month of learning and putting together a working internally-published version, I’ve just recently learned about classes. I have no idea how I didn’t come across classes earlier, but I’ve used 0 in my current app build. As you can imagine, my app has a LOT of complex objects and a ton of functions that create, modify, and/or render those objects.
I want to implement classes (among many other best practices/improvements) in my next refactoring and would love any advice/resources you are willing to share. Did anyone else learn about classes late? How did you approach refactoring your bigger apps? What do you wish you did/knew about when going through a big refactoring?
Thanks in advance!
ETA: Thank you everyone for the advice! I’ve realized that classes sound useful at first glance, but can easily fall victim to the same core issues in my functional programming patterns. Therefore, I think I will focus my refactoring on fixing my bad functions first and misc folder/file restructuring. If along the way it seems like a class would suit something well, I’ll try it out. Otherwise I will focus on building better functional programming habits/best practices for web dev. I am inexperienced in JS and web dev in general, so I very much appreciate the insights from senior devs!
Hi! I'm 13 years old and literally on day 2 of learning to code today. While browsing around I came across this HTML attribute called crossorigin, got curious about it, and tried to dig into it and understand it. But since I'm still pretty new to this, I still don't really get it that well even after reading about it a bunch of times.
Is this normal for someone who's just starting out? Will this get clearer as I keep learning and practicing more? Just want to know if it'll eventually click on its own the more time I spend on it. Thanks in advance!
Hello Everyone
I am starting Javascript
any YouTube tutorial/courses recommendation would be appreciated
This is my second post as I am new to this community. I created two projects using canvas but couldn’t get it to show up. I can show the code if necessary but I’m wondering why this is the case. I troubleshooted for over 3 hours total so I’m guessing it’s not the syntax but my configuration instead.
Thanks in advance for the help!
I want to learn to create minecraft plugins, but Im stuck on how to find which imports to use. I've been going through different plugins on plugin websites, but I still don't understand where they're getting them from or what they do.
For example, I'm looking at one that I tried using for my server (but didn't end up using, just never deleted it so I got curious and looked through it) and some of them say stuff like "import me.[name].entitylib.EntityLib;" which is... what? I don't get it. Is there some kind of website they use?
Hi, can anyone explain this? I read the explanation, but I still don't understand it. I'm trying to understand it without using AI
Hi, I am a hobbyist, doing HTML on and off for abt 20 years for fun, and adding CSS/JS later. Right now I am trying Ghost.org.
I am very new to JS. I am trying to do something so, so basic: giving a user the option to change color theme. And it works! But if I try to add more than one option/function, all functions become non-working :(
I have tried looking up all sorts of solutions, but the issues others have encountered (and the solutions) are waaaaaay more complex than this. I'm sure I am missing something obvious.
A second pair of eyes would be appreciated.
HTML (applied to page through a block element)
<form id="post-display">
<fieldset id="color-scheme">
<legend>Color Scheme</legend>
<input type="radio" id="eink" name="color-scheme" value="E-Ink" checked onclick="schemeScript1()">
<label for="eink">E-Ink</label>
<input type="radio" id="lightmode" name="color-scheme" value="Light Mode" onclick="schemeScript2()">
<label for="lightmode">Light Mode</label><br>
<input type="radio" id="darkmode" name="color-scheme" value="JavaScript" onclick="schemeScript3()">
<label for="darkmode">Dark Mode</label><br>
</fieldset>
</form>
JAVASCRIPT (Injected into page footer)
Text<script>
const posts = document.getElementsByClassName("post");
//default checked radio button
function schemeScript1() {
posts[0].style.color = #181818;
posts[0].style.backgroundColor = #EBEBEB;
return
};
// This one works if it is alone
function schemeScript2() {
posts[0].style.color = "black";
posts[0].style.backgroundColor = "white";
};
function schemeScript3() {
posts[0].style.color = #EBEBEB;
posts[0].style.backgroundColor = #181818;
return
};
</script>
I also tried an if/then/else (a single function called schemeScript() )to keep it more organized but it did not work at all, at any point.
// runs any time a radio button is clicked
function schemeScript() {
if (document.getElementId("lightmode").checked = true;) {
posts[0].style.color = "black";
posts[0].style.backgroundColor = "white";}
else if (document.getElementId("darkmode").checked = true;) {
posts[0].style.color = #EBEBEB;
posts[0].style.backgroundColor = #181818;}
else {
posts[0].style.color = #181818;
posts[0].style.backgroundColor = #EBEBEB;}
}
Hi everyone,
I have **2 years of professional experience in PHP backend development**, with hands-on experience in **HTML, CSS, JavaScript, databases, and working with servers**.
I’m now planning to transition to the **MERN Stack (MongoDB, Express.js, React, Node.js)**.
I’m confident about learning the MERN technologies themselves. My main concern is understanding **how companies will evaluate my existing 2 years of backend development experience when I switch technologies**.
For developers or tech leads who have experience with similar transitions:
* If someone has **2 years of PHP backend experience** and becomes strong in Node.js/Express/React, can they realistically apply for **2 YOE MERN positions**?
* Will companies generally consider my previous backend experience relevant, or will they expect me to apply as a junior because I don't have 2 years of Node.js experience?
* How important are **Git/GitHub, testing, CI/CD, Docker, REST API design, authentication, deployment, and system design** for someone making this transition?
* What level of MERN knowledge would make you say, **"Yes, this person is ready for a 2-year experienced developer role"**?
* For interviews, should I focus more on **JavaScript/Node/React fundamentals**, or should I also prepare for **2-year-level backend and system-design questions**?
I’m not looking for someone to tell me whether PHP or MERN is better. I’ve already decided that I want to move toward MERN.
What I’m trying to understand is:
**How do I correctly position my existing 2 years of backend experience while switching from PHP to MERN?**
If anyone has personally moved from **PHP → Node.js/MERN**, I’d especially appreciate hearing how your first job switch went and what you learned before applying or any body have more experience in full stack development can also giveme suggession
Thanks!
I'm creating a test app to work on authentication and authorization with a database using Better-Auth. I have never used Better Auth before and I'm having some issues with it. I have added the schema to the Postgres database to make the table, and whenever i create a new account, it will add a new instance to the account table, but not the user table.
const data = await auth.api.signUpEmail({
body: {
email: req.body.email,
name: req.body.name,
password: hashedPass,
},
});
This is the code i have in my server.js to add the info. The info comes from a form on the front end. It super basic right now since I'm just learning how to use it. The docs for better-auth say these are the only required fields to be able to submit into the database. I receive no errors when sending the data to my database, it just simply isnt adding anything to the user table. I'll be happy to provide any other necessary code or info. Im using React by the way.
export const auth = betterAuth({
database: new Pool({
user: 'postgres',
host: 'localhost',
database: 'test',
password: process.env.DB_PASS,
port: 5432,
max: 10
}),
emailAndPassword: {
enabled: true
}
});
The code above is the auth.ts configuration as i have it right now. i'm sure im missing something, but i havent found out what yet. Does anyone have any idea why the info isnt being added to the user table in Postgres?
People keep telling me that I should write apps to improve my JavaScript skills. I listened and created five applications, each with different functionalities and ideas. I wrote a lot of code and did a ton of DOM manipulation. Despite this effort, I still feel like I'm hitting the same wall. I find myself repeating the same poor coding practices and haven’t seen any real improvement. I know in my head what I want and how it might look in JS syntax, but I struggle to put it all together to create something meaningful. Instead of getting stuck in this endless cycle, hoping that one day I’ll suddenly excel at JavaScript, I want to know the correct way to improve because this idea of "just keep writing code" doesn't really seem very good
I'm learning JavaScript, and I don't understand this part about string primitives vs. String objects.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String#string_primitives_and_string_objects
Pairing a headless CMS like Contentful or Sanity with Next.js is a common way to get the speed of static generation with the flexibility of a real content workflow. With on-demand Incremental Static Regeneration (ISR), an editor publishes something, a webhook fires, and Next.js purges the cache for that page. Read th complete article here - https://instawebhook.com/blog/reliable-next-js-on-demand-isr-handling-contentful-sanity-webhooks-without-stale
In production, this chain breaks mor e often than the happy-path diagrams suggest. Webhooks get dropped, functions cold-start past the response window, deploys reject traffic for a few seconds, and an editor ends up asking why their update isn't live.
This piece looks at why direct CMS-to-Next.js webhooks fail, what Contentful's and Sanity's actual delivery guarantees are (verified against their current docs, not folklore), and how putting a small intake layer in front of your revalidation endpoint closes most of the gap. It also updates a few "well-known" limits — Vercel's function timeout in particular — that have changed recently enough that older advice is now wrong.
Before anyone jumps my case, I know reddit is great place to get a large group of individuals for assistance and it's wonderful. But I know many of us learning to enter/advance in our coding journeys don't always want to post our "dumb/easy" questions to be ridiculed on internet. I know I learn better/faster/more in-depth when I have someone to chat with/bounce ideas or concepts off of. Let's be honest when it comes to coding ~ the options are endless and sometimes learning the different ways to manipulate code could work by talking the concepts out. Plus there are alot of us that are self-taught and may struggle from topic-topic.
My Theory: Coding Buddies!
I have created a discord that would serve as a meet/greet and/or general discussions regarding coding.
This discord would serve for people looking to ask/answer dumb/easy questions for one another and/or find coding buddies that they can grow together with. It will also be open to experienced coders that look to assist as a mentor(or practice mentoring) without the full commitment of having a fulltime mentee.
So if you're interesting in connecting to others and advancing your beginner level status:
(Please let me know if link doesn't work)
There are a few exercises at the end of the chapter.
What the difference between following solutions?
By author:
class Vec {
constructor(x, y) {
this.x = x;
this.y = y;
}
plus(other) {
return new Vec(this.x + other.x, this.y + other.y);
}
minus(other) {
return new Vec(this.x - other.x, this.y - other.y);
}
}
My solution:
class Vec {
constructor(x, y) {
this.x = x;
this.y = y;
}
plus(vec) {
this.x += vec.x;
this.y += vec.y;
return this;
}
minus(vec) {
this.x -= vec.x;
this.y -= vec.y;
return this;
}
}
Where should I be storing things like API keys or other sensitive strings when using JavaScript?
Edit: Why is everyone insisting I need to use git, are you old enough to remember the Internet before git?