فرانت کد | FrontCode
2.68K subscribers
163 photos
30 videos
13 files
92 links
🍕 اینجا یه اسلایس کد دور هم میزنیم 😋
🔷 مقالات ، سورس کدها ، آموزش ها ، سرگرمی و فان
🔰 پروژه پذیرفته میشود

اینستاگرام 👇
Instagram.com/frontcode01

ارتباط :
@frontcode_support
Download Telegram
⚡️ یه مورد از مزیت هایی که CSS grid نسبت به فلکس باکس داشت این بود که یه پراپرتی grid-gap داشتیم که خیلی راحت باهاش فاصله بین آیتما رو تنظیم میکردیم منتها تو فلکس باکس باید مارجین داده میشد. الان با این پراپرتی جدید flex-gap میشه مشابه CSS grid فاصله انداخت بین آیتما 😍

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍20👎63🔥2
🔰اگر نیاز دارید از css variable درون جاوااسکریپت استفاده کنید
خیلی راحت میتونید از getComputedStyle() استفاده کنید

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍15🔥1
برای دسترسی و راحتی کاربران موبایل ، از type مخصوص برای input ها استفاده کنیم 👌

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍446
🔰 کاربرد use در React 19

🆔 @frontcode01 | 👩‍💻🧑‍💻
19🔥7👍5👎1
دیس و دیس بک فرانت و بک 🚨

🆔 @frontcode01 | 👩‍💻🧑‍💻
🤣30👍2
🔺 یه هم‌وطن عزیز اومده با صدای جنگ‌های صلیبی برای تایپ‌اسکریپت اکستنشن نوشته 😅
وقتی یه تایپی رو اشتباه اساین کنید ویس "اینجا قرار نمی‌گیرید” پلی می‌شه :))


🆔 @frontcode01 | 👩‍💻🧑‍💻
🤣49👍42🔥2👎1
⚡️ چندتا راه باحال برای اینکه falsy value ها رو از یک آرایه حذف کرد.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍162🔥1
📚 هروقت با خودتون گفتید که دیره برم چیز جدید یاد بگیرم
یه سر به چنل این خانومه بزنید.
اینجا داره ffmpeg رو معرفی میکنه با gui های مختلفش تو لینوکس 🔥

🆔 @frontcode01 | 👩‍💻🧑‍💻
15👍5🔥2🤣2
🔰 نگاهی به نظرسنجی Stackoverflow 2024

◽️ تاپ ترین کشورها
USA , Germany , India

◽️ محبوب ترین زبان ها
JS , HTML/CSS , PY

◽️ محبوب ترین دیتابیس ها
PostgreSQL , MySQL , SQLite

◽️ محبوب ترین فریمورک و تکنولوژی
Node.js , React , Jquery , Next.js , Express

◽️ محبوب ترین ابزارها
Docker , Npm , Pip

◽️ محبوب ترین محیط های توسعه
Visual Studio Code , Visual Studio , IntelliJ IDEA

◽️ محبوب ترین ابزارهای AI
ChatGPT , GitHub Copilot , Google Gemini

◽️ بیشترین درآمد سالانه ( در حیطه وب )
Back-end : $67,227
Full-stack : $63,332
Front-end : $48,787

◽️ درصد خوشحالی و رضایت از شغل
Not Happy at Work : 32.1%
Complacent at Work : 47.7%
Happy at Work : 20.2%


📌 جزئیات بیشتر + نظرسنجی کامل

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍124🔥2
کلوچه‌های اینترنتی🍪
مجبور نیستید همه چیز رو ترجمه کنید 🤦🏻‍♂️

🆔 @frontcode01 | 👩‍💻🧑‍💻
🤣56👍2
سایت roadmap.sh خوب بود، خوب تر هم شد. اخیرا شروع کرده به تعریف کردن پروژه های مرتبط با هر مسیر به صورت سطح بندی شده

پ‌ن: این سایت نقشه‌راه هر استکی که بخواین رو بهتون نشون می‌ده.

🆔 @frontcode01 | 👩‍💻🧑‍💻
26👍4🔥4
🔰 کدت رو بنویس و دیگه نگران تست نوشتن نباش، من می‌نویسم برات!
این شعار هوش مصنوعی جدیدی هستش به اسم Celp که در مقام یک دستیار تمام عیار در کنارتونه و دیگه شما رو از شر دغدغه تست نوشتن‌های روزمره راحت می‌کنه

◽️https://www.celp.ai

🆔 @frontcode01 | 👩‍💻🧑‍💻
13👍8🔥2
وقتی وسط کار کردن میخوای مخ بزنی 🤦🏻‍♂️

🆔 @frontcode01 | 👩‍💻🧑‍💻
🤣29👍6👎4😍3
یکبار برای همیشه سایز استاندارد breakpoint ها رو یاد بگیریم.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍31🔥42👎2
🔻 با اتریبیوت download که Html 5 معرفی کرد ، میتونیم نام فایل های دانلود رو کاستومایز کنیم 🔥

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍262🔥2
100000000 امین روز سال ، روز برنامه نویس مبارک ❤️🎊

🆔 @frontcode01 | 👩‍💻🧑‍💻
25👍1
⚡️ یه چیز جالب وجود داره و اینه که میشه از ایموجی ها به عنوان سلکتور CSS استفاده کرد :)

🆔 @frontcode01 | 👩‍💻🧑‍💻
😍19🤣13👍7🔥53
⚡️ هر وقت ما یک async کنار یک فانکشن بگذاریم، شاید اون فانکشن کلی پرامیس را در درون خودش هندل کند، ولی در انتها خودش هم یک پرامیس است و ترتیب متفاوتی نسبت به فانکشن های عادی در callstack و callback queue خواهد داشت.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍20🔥21
🚀 عکسایی که با جاواسکریپت(مثلا به شکل کامپوننت های React) لود میشن، کمی دیرتر تشخیص داده میشن واسه همین زمان لودشون میره بالا. میتونید با لینک preload، عکس‌ها رو preload کنید تا عملا سریعتر لود بشن

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍15🔥6