SeeFun.Dev
743 subscribers
349 photos
24 videos
7 files
189 links
He/Him

Building, coding, and sharing

Github- https://github.com/sifenfisaha

Dm- @see_fun
Download Telegram
Forwarded from Web Development
๐ŸŽง 7 of the best YouTube channels to learn Programming
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘4๐Ÿ”ฅ1๐Ÿ‘1
โœ”๏ธ Day 6: Diving into Functions! ๐Ÿ”

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
โšก11
โœ”๏ธDay 7: Exploring Arrays and Objects in JavaScript ๐Ÿ”

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!โ˜„๏ธ
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:

.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
๐Ÿ‘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
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
๐Ÿ’ก Tip of the Day: If youโ€™re navigating the endless world of web development, check out roadmap It's a fantastic site for exploring step-by-step roadmaps on front-end, back-end, DevOps, and more. Whether youโ€™re a beginner or looking to go pro, this guide can help you map out your learning journey! ๐Ÿ’ฅ
#NewToolDiscovery
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ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! ๐Ÿ˜„
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! ๐Ÿš€
๐Ÿ‘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
๐ŸŽ‰8๐Ÿ”ฅ3๐Ÿ‘2๐Ÿซก1
๐Ÿฅณ Good Morning, Code Fam! ๐Ÿฅณ

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. ๐Ÿ˜…
๐Ÿ‘7๐Ÿ”ฅ2โšก1โค1
โœจ New tool Discovered: diagrams.net! โœจ

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
๐Ÿ‘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 .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
๐Ÿ’ฏ4๐Ÿ‘1