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
Tip of the day! Want your websites to feel interactive and polished? Use CSS transitions to add smooth effects when users hover, focus, or click on elements. Just add a transition property to control the speed and behavior of your animations! πŸ’‘

#CSSTips #Transitions #InteractiveDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘1
πŸŽ‰ Big Milestone: HTML & CSS Course Completed! πŸ’»
Super excited to share that I’ve officially finished my HTML & CSS course! πŸŽ“πŸ“œ It’s been an incredible journey learning the fundamentals of web design, and now it’s time to level up. πŸš€

Next step? I’ll be diving into coding real-world projects to put my skills into action! πŸ’ͺ Can’t wait to share my progress and creations with all of you. Stay tuned for some cool projects coming soon! πŸ› βœ¨

Let’s keep building and learning together! πŸ™Œ

#WebDevelopment #CodingJourney #HTML #CSS #ProjectsAhead #MilestoneReached
πŸ”₯9πŸ‘2πŸ‘1
So I’ve started building my portfolio website, and wow, it’s a lot harder than I expected! πŸ˜… Not only is designing something that reflects my skills a challenge, but the coding has been pretty tough too. Getting everything to work together smoothly and look right is way more complex than I imagined.

But hey, challenges make the process exciting, right? πŸ˜„ I’m learning a ton along the way, and I know it’ll be worth it in the end. Gonna keep pushing through! πŸ’ͺ

Any tips from those who’ve been there? Drop them below! πŸ‘‡
πŸ‘5πŸ”₯1
πŸŽ‰ Hero Section Complete! πŸ’»πŸš€
Just finished the hero section of my portfolio!
πŸ”₯11πŸ‘2πŸ‘2
πŸš€ Portfolio Update: Refining & Progress! πŸ’»βœ¨
I just made some tweaks to the hero section to make it even cleaner, and I’ve officially finished the About Me section! πŸ™Œ Feels good to see the site coming together bit by bit. On to the next partβ€” can’t wait to share more soon!

#PortfolioBuilding #WebDevelopment #DesignTweaks #Progress
πŸ‘5πŸ”₯5πŸ‘1
πŸŽ‰ Portfolio Update: Finished & Now Making It Responsive! πŸ’»πŸ“±
I’ve officially finished building my portfolio! πŸ™Œ Now, I’m working on making it fully responsive so it looks great on all devices.
πŸ‘7πŸ‘2
πŸŽ‰ Portfolio Complete & Live! πŸš€πŸ’»
I’m super excited to share that I’ve officially finished building my portfolio and it’s live now! πŸ™Œ You can check it out here: (https://sifendev1.netlify.app). I’ve put a lot of work into this, from design to responsiveness, and I’m so proud of how it turned out. Take a look and let me know what you think! πŸ‘€

#Projects
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯16πŸ‘4πŸ’―4
πŸŽ‰ 200 Subscribers! 🎊
We’ve officially hit 200 subs! I’m so grateful for everyone who's been following along and supporting my journey. This is just the beginning more exciting content, projects, and tips coming your way soon! πŸš€ Thanks again, let’s keep growing together!
⚑12πŸŽ‰4
Exciting news.. I’m starting JavaScript tomorrow! I’ve been wanting to dive into it for a while, and now I’m finally ready. Can’t wait to see where this takes me! πŸ˜„
⚑13πŸ’―3β˜ƒ2
βœ”οΈ Day 1: Diving into JavaScript - Variables & Values πŸ’»βœ¨
Just kicked off my JavaScript journey, and today was all about variables and values! πŸ€“ It's pretty cool how I can store and use data in my code. Can’t wait to see how these basics will come together in real projects!

How was your first day with JavaScript? Any fun challenges? Let me know below! πŸ‘‡

#JavaScriptJourney #WebDevelopment #Variables
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘6⚑2πŸ”₯2
Stages of my coding journey so far: HTML 😎 β†’ CSS πŸ’ͺ β†’ JavaScript 😭
Relatable, anyone? πŸ˜‚
🀣9😎3😭2β˜ƒ1πŸ’―1πŸ‘€1
πŸš€ Challenge Alert! πŸš€

Hey Code Fam, I’m throwing down a challenge to YOU! πŸ’₯ I’m about to start a new project that will evolve as I level up my web development skills, and I want YOU to help decide what I should build!

The challenge? πŸ† Give me your BEST project idea that:
- Starts simple (HTML, CSS, JS) πŸ› 
- Can scale up to a full-stack app with frameworks, backend, databases, and even AI integration πŸš€
- Adds real-world value and could potentially be monetized πŸ’‘
- Is portfolio-ready to help me land that dream job! πŸ’Ό

πŸ’‘ Drop your project ideas below and let’s see who can come up with the most awesome concept! I’ll pick the top idea, build it, and share my progress with you all step by step! πŸ”₯

Will YOUR idea be the one I build? Let’s find out! ⚑️

#ChallengeAccepted #WebDevJourney #BuildWithMe
πŸ”₯2⚑1
Oops! Missed Yesterday's Update πŸ˜…
Hey everyone! I didn’t post my progress yesterday life got in the way! But I’m back on track now and ready to keep learning. Stay tuned for today’s update, I’ve got some cool stuff coming your way! πŸ’»πŸ’‘
Please open Telegram to view this post
VIEW IN TELEGRAM
⚑5πŸ”₯2πŸ‘1
βœ”οΈ Day 2: Data Types and Variable Declaration 

Let’s dive deeper into JavaScript today! We’ve learned about variables, now let's explore data types and how to declare variables with let and const. Here’s the breakdown:

1. Data Types: Variables store different types of data:
   - String: Text like 'Hello'
   - Number: Numbers like 25
   - Boolean: True/false values like true

let myName = 'Sifen';   // String
let age = 20;           // Number
let isLearningJS = true; // Boolean

console.log(myName, age, isLearningJS);


2. let vs const:
   - let allows you to change the value later.
   - const is for values that never change.

let score = 10;
score = 15;  // This works!

const birthYear = 2004;
birthYear = 2005;  // This gives an error!


Use let when the value might change, and const for constants. Understanding how to handle data types and declarations will make coding a lot easier! πŸ”₯

#JavaScriptBasics #LearningJourney #WebDevelopment
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘8πŸ‘2πŸ”₯1
βœ”οΈ Day 3: Comparison and Logical Operators in JavaScript! πŸ’»πŸ€”

Today’s focus is on comparison and logical operators. These are essential for making decisions in your code. Let’s dive in!

1. Comparison Operators:
- == checks if values are equal
- === checks if values and types are equal
- > greater than, < less than
- != checks if values are not equal

let age = 18;
console.log(age == '18'); // true (only checks value)
console.log(age === '18'); // false (checks both value and type)


2. Logical Operators:
- && (AND) checks if both conditions are true
- || (OR) checks if one of the conditions is true
- ! (NOT) negates a condition

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false (because one is false)
console.log(isAdult || hasID); // true (because one is true)


These operators will help you build logic and control the flow of your apps! πŸ”₯ Keep pushing!

#JavaScriptLearning #Day3 #WebDevJourney #CodingLife #LogicalThinking
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘4πŸ”₯1
SeeFun.Dev
What type of project would YOU like to see built?
πŸŽ‰ And the Winner is... BudgetMate! πŸŽ‰

Thanks to everyone who voted! The BudgetMate Personal Finance Tracker idea took the top spot! πŸ’Έ I’m super excited to start building this project, where you’ll be able to track expenses, set savings goals, and manage your budget all in one place. 

I’ll kick off the project once I’ve got a solid grasp on JavaScript, so stay tuned for updates on my progress. Let’s bring BudgetMate to life together! πŸ”₯

#BudgetMate  #WebDevJourney #PersonalFinance
πŸ‘7πŸ‘2⚑1
βœ”οΈ Day 4: Mastering Conditional Statements in JavaScript! πŸ’»πŸ”

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
🌞 Good Morning, Code Fam! 🌞
πŸ‘1
βœ”οΈ πŸš€ Day 5: Looping into JavaScript! πŸš€

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