صوفی لرن | soufi learn

⚠️ ظرفیت در حال تکمیل شدن هست! متاسفانه بدلیل محدودیت فضا، نمی‌تونیم بیشتر از ۱۵ نفر ورودی بگیریم الویت با دوستانی هست که زودتر پیام دادند 🙏

🚀 اولین ایونت حضوری صوفی‌لرن | با ظرفیت محدود بالاخره قراره از فضای آنلاین فاصله بگیریم و یک دورهمی واقعی داشته باشیم! ☕️💻 تصمیم گرفتیم یک گوشه از تهران دور هم جمع بشیم؛ جایی برای گفت‌وگو درباره برنامه‌نویسی و تغییرات این حوزه، انتقال تجربه، شبکه‌سازی و یادگیری از همدیگه. قرار نیست یک جلسه خشک و رسمی باشه؛ می‌خوایم چند ساعت کنار هم باشیم، از تجربه‌هامون بگیم، با آدم‌های جدید آشنا بشیم، چیزهای جدید یاد بگیریم و با انگیزه‌ی بیشتر برگردیم. 🔥 📅 زمان: پنجشنبه یا جمعه، ۱۹ یا ۲۰ شهریور 📍 مکان: یه کافه تو تهران 🎟 هزینه حضور: کاملاً رایگان ☕️ فقط هزینه سفارش خودتون در کافه با خودتونه. ⚠️ ظرفیت این دورهمی محدوده و اولویت با افرادیه که زودتر ثبت‌نام کنن. جزئیات دقیق‌تر، زمان برگزاری و آدرس کافه به‌زودی اعلام میشه. 📩 جهت ثبت‌نام برای اعلام آمادگی جهت حضور، نام و نام خانوادگی + شماره موبایل خودتون رو به آیدی زیر ارسال کنید: 👉 @soufi_support منتظرتونیم؛ این بار قراره صوفی‌لرن رو نه روی صفحه‌ی نمایش، بلکه از نزدیک ببینید. 🙂‍↔️

🚀 اولین ایونت حضوری صوفی‌لرن | با ظرفیت محدود بالاخره قراره از فضای آنلاین فاصله بگیریم و یک دورهمی واقعی داشته باشیم! ☕️💻 تصمیم گرفتیم یک گوشه از تهران دور هم جمع بشیم؛ جایی برای گفت‌وگو درباره برنامه‌نویسی و تغییرات این حوزه، انتقال تجربه، شبکه‌سازی و یادگیری از همدیگه. قرار نیست یک جلسه خشک و رسمی باشه؛ می‌خوایم چند ساعت کنار هم باشیم، از تجربه‌هامون بگیم، با آدم‌های جدید آشنا بشیم، چیزهای جدید یاد بگیریم و با انگیزه‌ی بیشتر برگردیم. 🔥 📅 زمان: پنجشنبه یا جمعه، ۱۹ یا ۲۰ شهریور 📍 مکان: یه کافه تو تهران 🎟 هزینه حضور: کاملاً رایگان ☕️ فقط هزینه سفارش خودتون در کافه با خودتونه. ⚠️ ظرفیت این دورهمی محدوده و اولویت با افرادیه که زودتر ثبت‌نام کنن. جزئیات دقیق‌تر، زمان برگزاری و آدرس کافه به‌زودی اعلام میشه. 📩 جهت ثبت‌نام برای اعلام آمادگی جهت حضور، نام و نام خانوادگی + شماره موبایل خودتون رو به آیدی زیر ارسال کنید: 👉 @soufi_support منتظرتونیم؛ این بار قراره صوفی‌لرن رو نه روی صفحه‌ی نمایش، بلکه از نزدیک ببینید. 🙂‍↔️

بخش دوم از پروژه‌ی 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 ✅ تکمیل کدنویسیِ صفحه اصلیِ سایتِ پورتفولیو