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

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

ارتباط :
@frontcode_support
Download Telegram
🔰 نگاهی به نظرسنجی 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
🔺 میدونستید تو اینپوت با تایپ number میتونید حرف "e" رو تایپ کنید؟ مخفف exponent و نشون دهنده توان عدد هستش!

✍️ پ.ن: ماشین حسابا هم اعداد بزرگ رو این مدلی نشون میدن

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍21🤣52🔥2
⚡️ این کدی که تو تصویر می‌بینید جاواسکریپته! میتونید با این سینتکس برای لوپ‌هاتون label(تیتر) مشخص کنید و کاربردشم موقع break کردن هستش که میتونید تعیین کنید که از کدوم لوپ(ها) خارج بشه.

پ.ن: اگر کسی این کدو بهم نشون میداد و میگفت جاواسکریپته، میگفتم مشکل سینتکس داره. واقعا ۱ درصد هم فکر نمیکردم همچین سینتکسی داشته باشیم... واقعا چیزی نمیدونیم 🤷🏻‍♂️

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

🆔 @frontcode01 | 👩‍💻🧑‍💻
👍213🔥2😍1
⚡️ ۴ نکته مفید HTML:

- تصویر اول: یک meta تگ داریم که باهاش میتونید تعیین کنید صفحه هر n ثانیه یکبار رفرش بشه

- تصویر دوم: با meta تگ theme-color میتونید به آدرس‌بار بالای مرورگر های موبایل (مخصوصا کروم) رنگ دلخواهتون رو بدید

- تصویر سوم: اینپوت ها میتونن type با مقدار color داشته باشن، که اگه یوزر روشون بزنه، color picker نیتیو دستگاه باز میشه تا رنگ رو انتخاب کنه

- تصویر چهارم: خود HTML یک المنت نیتیو dialog داره که باهاش میتونید مودال ها یا پرامپت ها رو نمایش بدید!

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥15👍64😍3
🔺 با مدیا کوئری hover: none میتونید برای دیوایس هایی که از حالت هاور پشتیبانی نمیکنن (مثلا فقط با تاچ هستن مثل گوشی های موبایل) استایل مخصوص خودشون رو بدید.

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥22👍92
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ از تنظیمات DevTools کروم میتونید تیک CSS Overview رو بزنید تا یه تب جدید تو DevTools اضافه بشه که بتونید باهاش اطلاعاتی از نوع استایل‌ها، رنگ‌ها، فونت‌ها و استایل های CSSی که تعریف کردید و استفاده نکردید،‌ بدست بیارید

🆔 @frontcode01 | 👩‍💻🧑‍💻
🔥16👍6😍4