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

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

ارتباط :
@frontcode_support
Download Telegram
Interview question / سوال مصاحبه 👨‍💼


مزایای Css sprites چیست و چگونه استفاده می شود؟
قرارگیری و ترکیب تصاویر و آیکون های مختلف در یک فایل برای کاهش تعداد درخواست ها به سرور و در نتیجه بهبود زمان بارگذاری صفحه

از این ویژگی ها در Css برای sprite استفاده میکنیم 👇
◽️background-image
◽️background-position
◽️background-size

#interview_question

💡@frontcode01
👍92
🔰 Breakpoints Cheatsheet

🆔 @frontcode01
👍16
👨‍💼 Interview question / سوال مصاحبه

تفاوت بین مقدار null , undefined چیست؟

مقدار null یک مقدار صریح و خالی است .
مقدار undefined یک مقدار ضمنی و شناخته نشده است.

#interview_question

💡@frontcode01
👍10
🔺 پترن Matching در جاوااسکریپت یک راه حل جایگزین برای if/else 👌

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍281👎1
🔰 Mutative and Non-Mutative Array Methods

🆔 @frontcode01
👍12
🔺 اپشنال چینینگ رو میتونیم در کال کردن فانکشن ها هم استفاده کنیم و نیازی به چک کردن فانکشن نیست 👌

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥13👍82
👨‍💼 Interview question / سوال مصاحبه

تفاوت واحد em , rem در css چیست؟

هر دو بر اساس ویژگی font-size عمل میکنند :
🔹 واحد em مقدارش را از فونت سایز والد به ارث می برد.
🔹 واحد rem مقدارش را از فونت سایز Html به ارث می برد.

#interview_question

💡@frontcode01
👍23🔥2
⚡️ دیستراکچر رو میتونیم برای متغیر های از قبل ساخته شده هم استفاده کنیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍14🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ با داینامیک ایمپورت میتونیم لود کردن فایل ها رو به صورت شرطی انجام بدیم و از دانلود غیر ضروری فایل ها جلوگیری کنیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍12
🔰 Nullish assignment oprator in javascript

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥112👍1
📌📢 لایو Live

فرصت های کاری بین المللی برای برنامه نویس ها و نکات نگارش رزومه

https://www.linkedin.com/events/7113092151663575041/comments/

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥5
👨‍💼 Interview question / سوال مصاحبه

دام مجازی (Virtual Dom) چیست و چرا در فریمورک ها و لایبری ها استفاده میشود؟

🔹 دام مجازی نمایشی از دام واقعی در قالب یک object هستش که شامل ویژگی های هر element میشه و سرعت و پرفرومنس بالایی داره.

🔹 روندش اینطوریه که بعد از تغییر استیت ، یک VDOM جدید ساخته میشه وبا VDOM قبل مقایسه میشه و در آخر VDOM نهایی که شامل تغییرات قبل و بعد بوده به DOM واقعی اضافه میشه.

🔹 این کار باعث میشه فقط المان هایی که تغییر داشتن در Ui آپدیت بشن و کل المان ها مجدد ساخته نشن.


#interview_question

💡@frontcode01
👍18
🔺 مدیا فیچر any-hover

با این مدیا فیچر میتونیم استایل رو زمانی اعمال کنیم که یوزر امکان هاور کردن/نکردن رو داره

مثلا تو صفحات کامیپوتر قراره با هاور کردن روی عکس، توضیحاتش نمایش داده شه ولی توی گوشی طبیعتا به مشکل میخوریم این موقع میتونیم از

@media (any-hover:none)

استفاده کنیم تا متن عکس رو در حالت اولیه در گوشی نشون بدیم و نیازی به هاور نباشه 👌


🆔 @frontcode01
👍211
به همین سادگی میتونیم تاریخ یا زمان جدیدتر (بزرگتر) رو تشخیص بدیم.

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍25
خروجی console رو شما در کامنت ها حدس بزنید 🤔
اگه دوست داشتین دلیلتون رو هم بنویسید ❤️

🆔 @frontcode01 | 👩‍💻🧑‍💻
⚡️ با پاس دادن Infinity به عنوان آرگیومنت متد flat، میتونیم حتی آرایه ای رو که n لول هم آرایه nest شده داره، فلت کنیم 👌

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍322🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔺 میدونستین برای کامیت کردن میتونیم از فلگ m- چندبار استفاده کنیم تا به کامیت پاراگراف اضافه کنیم؟

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍19
⚡️ میتونیم مشابه تگ img تو HTML، برای عکسی که با پراپرتی content تو CSS میدیم هم alt تکستش رو با یه اسلش(/) تعیین کنیم 🔥

سینتکس عجیبی داره...

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍252