Forwarded from Web Development
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
๐4๐ฅ1๐1
Today, I explored functions in JavaScriptโhonestly, theyโre game-changers. Functions allow you to reuse code without rewriting it every time, which keeps things efficient and clean.
Here's a quick example of how they work:
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("CodeFam")); // Output: Hello, CodeFam!In this code, the
greet function takes a name as a parameter and returns a greeting. So now, I can reuse greet anytime I want!Functions make code reusable and help organize logic. Itโs like writing code that works on autopilot. ๐ฅ
Have you worked with functions yet? Drop a comment!๐
#Day6 #JavaScriptJourney #Functions #ReusableCode
Please open Telegram to view this post
VIEW IN TELEGRAM
โค2โก1๐1๐ฅ1
๐ Let's hit 300 subscribers before our channelโs 1-month mark! Weโre 24 days in on this journeyโcan we make it? ๐โจ Share it with your friends and let's grow together!
#RoadTo300 #CodingJourney #LetsGrow
#RoadTo300 #CodingJourney #LetsGrow
โก11
Diving into arrays and objects today! Arrays let us store lists of values, while objects let us bundle related data together. Itโs all about organizing data in meaningful ways! Hereโs a quick look:
// Creating an array
let fruits = ["apple", "banana", "cherry"];
// Creating an object
let person = {
name: "Sifen",
age: 20,
skills: ["HTML", "CSS", "JavaScript"]
};
console.log(fruits[1]); // Outputs: banana
console.log(person.name); // Outputs: Sifen
Understanding how to work with arrays and objects opens up endless possibilities! ๐
Please open Telegram to view this post
VIEW IN TELEGRAM
๐ฅ4โค2โก2๐1
Today was a very busy day, and honestly, I'm exhausted. I didn't manage to code today. But I'll keep it light with some CSS practice tonight.
Back to the grind tomorrow!โ๏ธ
Back to the grind tomorrow!
Please open Telegram to view this post
VIEW IN TELEGRAM
๐6โก1
๐จ 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