صوفی لرن | soufi learn

بخش دوم از پروژه‌ی Form Animated آپلود شد ✅ https://youtu.be/SCvW2aEU9EE?si=ED8147KJMFvC1g3Y

⭐ کاربرد واقعی transform-origin در css تو قسمت ۱۵۷ از دوره‌ی رایگان html css درباره‌ی transform-origin و افکت های سه بُعدی در سایت ها صحبت کردیم 🫡

📌 مینی پروژه‌ی flip card این مدل کارت ها با استفاده از ترنسفرم های سه بُعدی پیاده سازی میشه که بزودی ویدیوش توی یوتیوب در اختیارتون قرار میگیره ✅

🔑 محتوای رزومتون باید شامل این موارد باشه 👤 اطلاعات شخصی - نام و نام خانوادگی - شماره تماس - ایمیل ( حرفه‌ای‌تره ) - لینک لینکدین و گیت‌هاب - سایت پورتفولیو دو خط خلاصه از - مسیر تجربتون - میزان تجربه - تخصصتون 👨‍💻 مهارت‌های فنی - زبان‌های خارجی - زبان‌های برنامه‌نویسی - فریمورک‌ها & کتابخونه‌ها - دیتابیس‌ها - ابزارها - اگر وجود دارد Cloud & DevOps ⌛ سوابق شغلی - نام شرکت - مدت زمان شروع و پایان - سمت - مهم‌ترین مسئولیت‌ها - مهم‌ترین دستاوردها 🎬 پروژه‌ها - نام پروژه - توضیح تک‌خطی - تکنولوژی‌های استفاده شده - لینک گیت‌هاب یا نسخه انلاین 👨‍🎓 تحصیلات - دانشگاه یا مؤسسه - رشته - مقطع - سال فارغ‌التحصیلی 🧾 گواهی‌نامه‌ها - دوره‌های معتبر - سال دریافت - نام برگزار کننده 🏅 دستاوردها - مسابقات - متن باز ( اوپن‌سورس ) - رتبه‌ها - سخنرانی یا مقالات 🪄 مهارت‌های نرم - حل مسئله - کار تیمی - مدیریت زمان - ارتباط موثر - یادگیری سریع - رهبری حتما با UI خوشگل طراحیش کنید. لازم هم نیست همشون داشته باشید، مثلا اگر جایی دانشگاهی درس نخوندید اوکیه و واجب نیست.

📌 سایت‌های کاربردی برای Front-End 1️⃣ Animista 🔹 https://animista.net • ساخت انیمیشن CSS • پیش‌نمایش زنده • تولید کد آماده 2️⃣ Animate.css 🔹 https://animate.style • کتابخانه انیمیشن‌های آماده • افکت‌هایی مثل Fade، Bounce، Zoom، Slide و... 3️⃣ Uiverse 🔹 https://uiverse.io • کامپوننت‌های آماده • Button، Card، Input، Loader، Toggle • HTML + CSS آماده 4️⃣ CodePen 🔹 https://codepen.io • مشاهده پروژه‌های واقعی • ایده گرفتن • تست آنلاین HTML، CSS و JavaScript 5️⃣ CSS Gradient 🔹 https://cssgradient.io • ساخت گرادینت • تولید کد CSS 6️⃣ Haikei 🔹 https://haikei.app • ساخت بک‌گراند SVG • Wave، Blob، Pattern 7️⃣ Clippy 🔹 https://bennettfeely.com/clippy/ • ساخت Clip-path • تولید کد CSS 8️⃣ Coolors 🔹 https://coolors.co • ساخت پالت رنگ • پیشنهاد رنگ‌های هماهنگ 9️⃣ Glassmorphism 🔹 https://glassmorphism.com • ساخت افکت شیشه‌ای (Glass Effect) • تولید کد CSS 🔟 Neumorphism 🔹 https://neumorphism.io • ساخت افکت Neumorphism • تولید کد CSS

به زودی یادتون میدم چجوری هاست و دامنه‌ی واقعی بخرید و سایتتون رو حرفه ای تر بیارید بالا. 🫡

آپلود شد ✅ https://youtu.be/rozDXSotuD4 دیگه مشکل آنلاین کردن سایت رو نخواهید داشت.

ویدیوی آنلاین کردن پروژه آمادس تو این قسمت یادت میدم چجوری هر پروژه ای که داری رو (بطور رایگان) روی گوگل بیاریش بالا ✨ بزودی با هاست و دامنه واقعی هم آموزشش رو میزارم 🫡

ترفند ایجاد رنگ های گرادینتی روی متن های معمولی 🌈 🔹 background-clip 🔹 text-fill-color @soufi_learn

✅ پراپرتی inset دقیقاً توی همچین موقعیت‌هایی به کارت میاد! 💡 فقط یه نکته مهم رو یادت باشه: inset فقط روی المنت‌هایی عمل می‌کنه که مقدار position اون‌ها یکی از حالت‌های زیر باشه: relative • absolute • fixed • sticky اگه position نداشته باشه، inset هیچ تأثیری نخواهد داشت. 🆔 @soufi_learn

هندزفری بزارید، فایل صوتی که تو بایو پروفایل این اکانتم گذاشتم رو گوش کنید، فیض ببرید 😉👇 @soufi_joon ببینم میتونید از صدا تشخیص بدید کار کیه 🙂‍↔️

قسمت ۱۴۹ دوره html & css آپلود شد 🫡 https://www.aparat.com/v/bes3ubl ✅ تکمیل کدنویسیِ صفحه اصلیِ سایتِ پورتفولیو

🏔️ ولاگ صعود انفرادی و زمستانه به قله توچال 👇 https://www.aparat.com/v/bmmeat7 بزودی داخل یوتیوب هم آپلود میشه ✅

و بلاخره... امشب ساعت ۲۰ ولاگ کوهنوردی قله توچال داخل آپارات آپلود میشه ✅ منتظرش باشید 🫡

کم بدبختی داشتیم، اینستامون هم از دسترس خارج شد :/

🔗 لینک دسترسی به فایل های سایت پورتفولیو 🎬 لینک آموزش های ویدیوئی سایت پورتفولیو 🖌️ طرح فیگمای سایت پورتفولیو