🎨 CSS Magic Unlocked! 🎨
Today, I dove into CSS animations, and it’s amazing how much life they bring to a webpage! Check out this little bounce effect I experimented with for a button:
It’s a simple effect, but it adds a nice touch! If you have favorite CSS tricks, share them below..I’d love to learn more! 🔥 #CSSMagic #WebDevJourney
Today, I dove into CSS animations, and it’s amazing how much life they bring to a webpage! Check out this little bounce effect I experimented with for a button:
.button {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
animation: bounce 1s ease infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}It’s a simple effect, but it adds a nice touch! If you have favorite CSS tricks, share them below..I’d love to learn more! 🔥 #CSSMagic #WebDevJourney
👍8🔥2
🚀 Day 8: DOM Manipulation Magic! 🚀
Today, I’m diving deep into DOM manipulation and bringing a cool game to life! 🎮 Working on making it interactive and responsive, and I’m aiming to have it finished and live by the end of the day. Stay tuned it’s going to be fun! 👾 #WebDevJourney #JavaScript #ComingSoon
Today, I’m diving deep into DOM manipulation and bringing a cool game to life! 🎮 Working on making it interactive and responsive, and I’m aiming to have it finished and live by the end of the day. Stay tuned it’s going to be fun! 👾 #WebDevJourney #JavaScript #ComingSoon
👍2
🎉 Just Finished: Number Guessing Game! 🎉
I’ve just completed a number guessing game, and it’s live! Here’s how it works:
Guess a random number within a set range, and the game will let you know if you’re too high, too low, or spot on. Keep going until you get it right, and try to beat your best score!
Give it a try and let me know your highest streak!
✅ Link-GuessMyNumber
🔥 #Projects
I’ve just completed a number guessing game, and it’s live! Here’s how it works:
Guess a random number within a set range, and the game will let you know if you’re too high, too low, or spot on. Keep going until you get it right, and try to beat your best score!
Give it a try and let me know your highest streak!
🔥 #Projects
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤1🎉1
Today, I’ve been diving into some core DOM manipulation concepts by working on new components and rebuilding parts of my portfolio website! 💻 Every bit of practice is making my skills sharper and my projects cleaner. Can’t wait to see the new look come together! 🚀 🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
#NewToolDiscovery
Please open Telegram to view this post
VIEW IN TELEGRAM
roadmap.sh
Developer Roadmaps - roadmap.sh
Community driven roadmaps, articles and guides for developers to grow in their career.
🔥4⚡1👍1
Hey Code Fam! 🧑💻 JavaScript has me in a real battle right now 😅 Every day brings a new challenge, but hey surviving is winning, right? 💪 Taking it step-by-step and pushing through. Got any tips or similar struggles? Drop them in the comments!
👏7👍2🥴1
Day 8: DOM Adventures and Portfolio Rebuild! 🛠✨
Today, I’m diving into DOM manipulation with a hands-on project to build out some interactive components, including a light and dark mode toggle! 💡🌙 It’s all about getting a stronger grip on these concepts 💪 Plus, my portfolio is getting a fresh look with these new updates.
Excited to see it all come together—stay tuned for the final reveal! 😄
Today, I’m diving into DOM manipulation with a hands-on project to build out some interactive components, including a light and dark mode toggle! 💡🌙 It’s all about getting a stronger grip on these concepts 💪 Plus, my portfolio is getting a fresh look with these new updates.
Excited to see it all come together—stay tuned for the final reveal! 😄
1👍1
Hey guys! 👋
I'm trying to build a small CV, but haven’t found a good free site to create one yet. Anyone know a free platform for making a CV? Drop your suggestions in the comments! 🚀
I'm trying to build a small CV, but haven’t found a good free site to create one yet. Anyone know a free platform for making a CV? Drop your suggestions in the comments! 🚀
👍4
🚀 Site Update! 🚀
I've finished building most of my site! , and it's fully responsive! 📱💻 The project section is just a demo for now, but my real projects will be up soon. If you notice anything missing or have suggestions, drop them in the comments! 👨💻 Check it out here: sifendev
I've finished building most of my site! , and it's fully responsive! 📱💻 The project section is just a demo for now, but my real projects will be up soon. If you notice anything missing or have suggestions, drop them in the comments! 👨💻 Check it out here: sifendev
🎉8🔥3👍2🫡1
Today officially marks 1 month since we started this journey together! 🚀 Huge thanks to everyone for your support, engagement, and encouragement along the way. Excited to see where we’ll go next! Let’s keep learning, building, and pushing forward 💪🔥
#Milestone
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥8🎉4⚡2👍1
So...I just realized what hashtags are actually for 😂 I didn’t know until now that they help organize posts! Apparently, they make it easier to find specific topics, and now I feel like I’ve been missing out.
Starting today, I’ll be tagging posts with relevant hashtags (and maybe going back to add them to old posts too!) so you can sort through my feed more easily.
Here are the tags I’ll be using:
- #NewToolDiscovery 🛠 - When I find cool tools to share.
- #Projects 🚀 - To track what I’m building.
- #TipsAndTricks 💡 - Quick coding tips I’ve learned.
- #DevJourney 📈 - Updates on my web dev journey.
Hope this helps, and thanks. 😅
Starting today, I’ll be tagging posts with relevant hashtags (and maybe going back to add them to old posts too!) so you can sort through my feed more easily.
Here are the tags I’ll be using:
- #NewToolDiscovery 🛠 - When I find cool tools to share.
- #Projects 🚀 - To track what I’m building.
- #TipsAndTricks 💡 - Quick coding tips I’ve learned.
- #DevJourney 📈 - Updates on my web dev journey.
Hope this helps, and thanks. 😅
👍7🔥2⚡1❤1
Discovered diagrams and it’s a game changer! 🛠 This free tool lets you easily create flowcharts and diagrams that help make coding projects clearer. Whether it’s planning out how functions work together, visualizing what connects where, or organizing the steps in your code, it’s all way easier to keep track of.
Perfect for simplifying those tricky JavaScript projects! 🌐 #NewToolDiscovery
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
What’s everyone’s favorite part of coding? 💻 Is it problem-solving, that “Aha!” moment when things finally work, or just seeing the final result come to life?
Drop your answer below and let’s see what keeps us all motivated! 🚀 #CodingVibes
Drop your answer below and let’s see what keeps us all motivated! 🚀 #CodingVibes
👍3⚡1
🧑💻 JavaScript Challenge of the Day! 🧑💻
Today’s focus: Array Methods in JavaScript 🚀 Arrays are powerful in JS, and learning how to use methods like
These methods are lifesavers when working with data! Give them a try, and let me know how you use them in your projects! 💡 #DevJourney
Today’s focus: Array Methods in JavaScript 🚀 Arrays are powerful in JS, and learning how to use methods like
.map(), .filter(), and .reduce() can make your code so much cleaner and efficient! Here's a quick rundown:const numbers = [1, 2, 3, 4, 5];
// .map() - creates a new array with each element doubled
const doubled = numbers.map(num => num * 2); // [2, 4, 6, 8, 10]
// .filter() - creates a new array with only even numbers
const evens = numbers.filter(num => num % 2 === 0); // [2, 4]
// .reduce() - sums all the elements
const sum = numbers.reduce((acc, num) => acc + num, 0); // 15
These methods are lifesavers when working with data! Give them a try, and let me know how you use them in your projects! 💡 #DevJourney
👏5👍1
Ever wonder what life would be like if we had “undo” and “redo” buttons IRL? Imagine the power! Made an awkward comment? Undo. Forgot to save a file? Redo. Missed an opportunity? Redo. 😂
👍5🤣4
Today, I’m exploring how JavaScript works behind the scenes, and wow there’s so much complexity! 🤯 Memory management, call stacks, event loops…it’s wild how much is going on. And the craziest part? One guy built the core of it all in just 10 days! 😅
#DevJourney
#DevJourney
💯4👍1
🎉 Woohoo! We just hit 300 subscribers! 🎉
A huge THANK YOU to each of you for being part of this journey. Your support, comments, and ideas keep me motivated every day! Can’t wait to keep learning, building, and sharing more cool stuff with you all. 🚀
#CodeFam
A huge THANK YOU to each of you for being part of this journey. Your support, comments, and ideas keep me motivated every day! Can’t wait to keep learning, building, and sharing more cool stuff with you all. 🚀
#CodeFam
🎉9👍3👏1
Coding is like a puzzle 🧩 the more pieces you fit together, the clearer the picture gets. It’s challenging, but there’s always that satisfaction when things click into place! 🔥
👌4👍1
The infamous
this keyword in JavaScript! 🤯 Honestly, I completely lost my mind trying to understand it. It’s crazy how one tiny word can feel like an endless maze of context and rules! I’m finally starting to piece it together, but wow… it’s been a journey.👏6
Hey Code Fam! Today, someone asked about my JavaScript learning journey, so here’s a peek at my roadmap! Following a structured checklist has been key to staying on track and motivated. Here’s what I’m working through:
JavaScript Learning Checklist:📱
✔️ Basics (Variables, Data Types, Operators)
✔️ Control Flow (If/Else, Loops)
✔️ Functions and Scope
✔️ DOM Manipulation
✔️ Events and Interactions
✔️ Arrays and Objects
✔️ Understanding How JavaScript Works Behind the Scenes (it’s wild! 🤯)
✔️ ES6+ Features
✔️ Async JavaScript (Promises, Async/Await)
✔️ Error Handling
✔️ Modules and Imports
✔️ Working with APIs
✔️ Final Project for Real-World Practice
The journey has its ups and downs, but every concept makes the whole picture clearer. Let’s keep moving forward! 💪
#CodingChecklis
JavaScript Learning Checklist:
The journey has its ups and downs, but every concept makes the whole picture clearer. Let’s keep moving forward! 💪
#CodingChecklis
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2🤯1🗿1