Today’s all about conditional statements! These allow our code to make decisions based on conditions, making it interactive and dynamic. Let’s break down the basics:
1. if Statements: Run code only if a condition is true.
2. else if and else: Add more conditions and a fallback if none match.
let age = 18;
if (age >= 18) {
console.log("You're an adult! 🎉");
} else {
console.log("You're still a minor! 🧒");
}
3. Switch Statements: Useful when checking multiple conditions for one variable.
let day = "Monday";
switch(day) {
case "Monday":
console.log("Start of the week grind! 💪");
break;
case "Friday":
console.log("Weekend’s almost here! 🎉");
break;
default:
console.log("Another day, another code! 🤓");
}
These statements are key to adding decision-making power to your code! 💥 Keep Pushing!
#JavaScriptBasics #Day4 #ConditionalStatements #WebDevelopment
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡2👍2
Today’s all about loops – the secret sauce for repeating tasks without writing the same code over and over. 🔄
What I’m covering:
- For and while loops 💫
- Writing cleaner, smarter code 💡
JavaScript’s feeling more intuitive every day! Let’s keep the momentum going! 💪
#Day5 #JavaScript #CodeLife #CodingJourney
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡4
🔥3👍1
Today, I dove into loops – the magic that lets us repeat tasks in code without writing them over and over! Loops make coding way more efficient, so let’s break it down:
🔹 For Loop: Perfect for when you know how many times you need to repeat something.
🔹 While Loop: Great for when you want to keep going until a certain condition is met.
Here’s a small example I tried out:
// Using a for loop to count from 1 to 5
for (let i = 1; i <= 5; i++) {
console.log("Loop iteration: " + i);
}
// Using a while loop for the same thing
let count = 1;
while (count <= 5) {
console.log("While loop count: " + count);
count++;
}
Both loops achieve the same thing, but each has its own style and flexibility. Can't wait to put these to work in real projects! 💻
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
🎨 Starting the Design for BudgetMate!
Today, I kicked off the design phase for my BudgetMate website, and I’ve already found an awesome tool to help me sketch it out: excalidraw! It’s super intuitive for layout planning, and big thanks to my friend’s channel, @codistiano, for recommending it. Excited to see how this design shapes up! 💡
#NewToolDiscovery
Today, I kicked off the design phase for my BudgetMate website, and I’ve already found an awesome tool to help me sketch it out: excalidraw! It’s super intuitive for layout planning, and big thanks to my friend’s channel, @codistiano, for recommending it. Excited to see how this design shapes up! 💡
#NewToolDiscovery
⚡8❤1🔥1
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