JohnOnStack Profile Banner
John🥸 🔶✨ Profile
John🥸 🔶✨

@JohnOnStack

Followers
156
Following
3K
Media
39
Statuses
2K

Full-Stack Dev in training | @Gomycode Student | Building cool things from front to back | Documenting my journey |

Web3&Defi
Joined October 2024
Don't wanna be here? Send us removal request.
@JohnOnStack
John🥸 🔶✨
3 days
Crazy how all these files work together to bring a backend app to life!. Excited to keep leveling up. #GoMyCode #Backend #Nodejs #MongoDB #FullstackInProgress #CodingJourney
Tweet media one
0
0
3
@JohnOnStack
John🥸 🔶✨
3 days
🧩 Separated logic into controllers (goalController.js).🛣️ Mapped out API routes (routes/allRoutes.js).🚨 Added error handling middleware (middleware/errorMid.js).
1
0
2
@JohnOnStack
John🥸 🔶✨
3 days
I built my first Node.js + Express server and started piecing together a real REST API from scratch. Here's what I learned:. 🔧 Set up a server (index.js).🧠 Connected to MongoDB with Mongoose (db/connect.js).📦 Designed schemas for data models (models/goalModels.js).
1
0
1
@JohnOnStack
John🥸 🔶✨
3 days
Today, I officially kicked off my backend journey at GoMyCode! 🚀.
2
0
3
@JohnOnStack
John🥸 🔶✨
4 days
Good morning kings and queens 👑.Today is another chance to become exactly who you’ve been working toward. Stay locked in. 💯.#RiseAndGrind #Mindset
Tweet media one
0
0
3
@JohnOnStack
John🥸 🔶✨
8 days
TGIF!♥️. Gm champ ✨.Another week down — progress over perfection, always. Rest if you must, but don’t lose sight of the vision. Enjoy your weekend. You’ve earned it. 💪✨.#TGIF #GrindNowRestLater
Tweet media one
1
0
3
@JohnOnStack
John🥸 🔶✨
9 days
You might feel behind, but someone’s dreaming of being where you are. Keep learning. Keep building. Every line of code is progress. 👨🏽‍💻🔥.#Code#TechJourney. Gm Champ✨
Tweet media one
0
0
3
@JohnOnStack
John🥸 🔶✨
11 days
Happy New Month, Fam! 💫. Welcome to July!.New month. New energy. New goals. Whatever didn’t work in June was just a lesson—not a loss. This month, we apply pressure, stay focused, and keep growing. 💻🚀. Let’s win together. #HappyNewMonth
Tweet media one
0
0
3
@JohnOnStack
John🥸 🔶✨
11 days
GNF 💫🧘🕊️.
0
0
3
@JohnOnStack
John🥸 🔶✨
11 days
0
12
0
@JohnOnStack
John🥸 🔶✨
12 days
In this coding journey, imposter syndrome hits hard sometimes. But I remind myself: I’m not here by luck — I’m here because I showed up.💻.I may still be learning, but I belong in this space. Confidence isn’t about knowing everything — it’s about not giving up. 💪.#DevJourney
Tweet media one
1
0
5
@JohnOnStack
John🥸 🔶✨
13 days
💖Sunday💖✨.GNF💫🧘🕊️. Gm champ ✨
Tweet media one
0
0
2
@JohnOnStack
John🥸 🔶✨
14 days
Want to check out the code? It’s all here on my GitHub:.👉 [.#JavaScript #WebDev #GoMyCode.
0
0
1
@JohnOnStack
John🥸 🔶✨
14 days
7. My DOM Project Demo 🔥.Here’s a short video of what I built using all these DOM skills 👇🏽.🎥⬇️.#JavaScript #WebDev. Here’s a short video of what I built using all these DOM skills 👇🏽.🎥⬇️
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
6. Form Validation.Before submitting a form, make sure the data is correct:. form.addEventListener("submit", (e) => {.e.preventDefault();.if (input.value === "") {.alert("Field is required");.}.});. Great for user experience & data integrity.
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
5. DOM Events.DOM gets powerful when it responds to user actions:. button.addEventListener("click", () => {.alert("Button clicked!");.}). Other events include keydown, submit, mouseover, etc. You can make your site interactive!.
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
4. DOM Manipulation.Now that you’ve selected elements, you can modify them:. element.textContent = "New text".color = "red".element.classList.add("highlight"). You can even create or remove elements from the DOM!.
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
3. DOM Attributes.You can get or set attributes in your elements:. element.getAttribute("href").element.setAttribute("class", "active"). Useful for links, images, or adding/removing classes dynamically.
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
2.DOM Selectors.These are used to grab HTML elements so you can work with them in JS:. document.getElementById("id").document.querySelector(".class").document.getElementsByTagName("div"). These let you pick what you want to change.
1
0
1
@JohnOnStack
John🥸 🔶✨
14 days
1. What is the DOM?.DOM = Document Object Model. It's how JavaScript interacts with the HTML structure of a webpage. Think of it like a live tree of your webpage that JS can read, change, or listen to.
1
0
1