دوستان شما با استفاده از لیست زیر می تونین به سوالات مصاحبه جاوااسکریپت و فریم ورک هاش می تونین دسترسی داشته باشید

JavaScript 👉
🌐 https://github.com/sudheerj/javascript-interview-questions

Vue 👉
🌐 https://github.com/sudheerj/vuejs-interview-questions

React 👉
🌐 https://github.com/sudheerj/reactjs-interview-questions

Angular 👉
🌐 https://github.com/sudheerj/angular-interview-questions

🔥🔥🔥🔥🔥🔥🔥🔥

البته دوستان می دونیم که ریکت فریم ورک نیست و کتابخونه هست ، ولی کلیت رو در نظر گرفتم و گفتم فریم ورک :)

#javascript #react #angular #vue #library #framework
☕️ @CodeExplore

فرق فریمورک با کتابخانه چیه؟ 🤔

◀️خیلی هامون شنیدیم که در مورد فلان فریمورک یا فلان کتابخانه صحبت میکنن، ولی واقعا فرق این دو تا چیه؟ چه محدودیت ها یا مزیت هایی دارن؟

◀️فریمورک یک ساختار هستش! و کد های شما داخل اون ساختار با قواعدِ همون فریمورک قرار میگیره، علاوه بر اون شما نمیتونید توی یک برنامه از چندتا فریمورک استفاده کنید!

◀️اما کتابخانه صرفا یک سری کدِ آماده هست که در اختیار ما قرار دادن تا هر وقت بخوایم از هرکدوم که بخوایم استفاده کنیم، و البته که شما میتونید توی هر برنامه از هر چندتا کتابخونه که میخواید استفاده کنید!

#library #framework
☕️ @CodeExplore

مجموعه ای از کتابخانه ها و فریمورک های کاربردی برای زبان پایتون💯

این منبع آپدیت میشه و موارد جدیدی هم بهش اضافه میشه میتونید ازش استفاده کنید 😀

👉 github.com/vinta/awesome-python

#python #library #framework
☕️ @CodeExplore

🤔چرا Tailwind ارزش یادگیری داره ؟ (پارت اول)

1️⃣سیستم استایلی دهی خیلی راحت و سریع داره.(تقریبا 90 درصد پراپرتی های CSS رو داره)

2️⃣پلاگین برای بلاگ و دارک مود و فرم ها و ..

3️⃣هر استایلی رو نداشته باشه خودتون میتونین در لحظه اضافه کنید یعنی میتونید مستقیما به عنوان کلاس CSS بنویسید text-[#fff] که میشه متن رنگ سفید:)

4️⃣هر یک کلاسی که استفاده کنید فقط همون یک کلاس به فایل استایلتون اضافه میشه (طوری نیست که 500 کیلوبایت استایل داشته باشید و از 5 کیلوبایتش استفاده کنید)

5️⃣به این دلیل که استایل هارو توی html می‌نویسید سرعت کارتون به شدت میره بالا

6️⃣ریسپانسیو کردن کاملا راحت

7️⃣از اونجایی که کدهارو دارید خودتون می‌نویسید و از کامپوننت های آماده استفاده نمیکنید، دیزاینی که میزنید شبیه بقیه نیست (یعنی طوری نیست که توی هر سایتی میرید بگید عه اینکه کامپوننت فلان فریمورکه)

⭕️ پارت دوم این پست رو تا ساعاتی دیگه براتون قرار میدم ❤️
با ما همراه باشید . . .

#css #framework #tailwind #part1
☕️ @CodeExplore

🤔چرا Tailwind ارزش یادگیری داره ؟ (پارت دوم)

8️⃣یک سری پلاگین هایی مثل daisyui هستن که بهتون کامپوننت آماده میدن، دقیقا شبیه کاری که بوت استرپ میکنه با این تفاوت که سورس کد 50 تا کامپوننت به پروژه اضافه نمیشه که در نهایت از 5 تاش استفاده کنید و هر کامپوننتی که استفاده کنید سورس همون فقط به فایل استایلتون اضافه میشه

9️⃣اینطوری نیست که یک بخشی از کدت بره توی html و یه بخشیش بره توی CSS (مثل بوت استرپ که کامپوننت رو استفاده میکنی باید بری توی CSS واسش استایل بنویسید چون بوت استرپ خیلی کلاس نداره واسه کاستومایز)

0️⃣1️⃣معمولا کامپوننت های بوت استرپ این مشکل رو دارن که خیلی قابل کاستومایز نیستن (به این دلیل که شما یه استایل میدید و خوده اون کامپوننت هم یه سری استایل داره و بینشون کانفیلیکت به وجود میاد و کدهای بوت استرپ روی کد های شما over-write میشه)

1️⃣1️⃣فریمورک کامپوننت بیس داخلی داره

2️⃣1️⃣میتونید کانفیگ های دیفالتش رو هم کاستوم کنید (مثلا سایز md رو هرچی دوست داشتید بدید)

3️⃣1️⃣میتونید داخل لایه هاش مثلا base، هرچی میخواید اضافه کنید

#css #framework #tailwind #part2
☕️ @CodeExplore

بیاید امروز با Bulma که یکی از فریمورک های CSS هست آشنا بشیم:

🔺در واقع Bulma یک فریمورک CSS مدرن هست که برای ساخت رابط های کاربری زیبا و قابل استفاده در وبسایت‌ ها و برنامه‌های وب طراحی شده.

🔸این فریمورک شامل مجموعه‌ ای از کلاس‌ها، کامپوننت‌ها و استایل‌های زیبا و قابل تنظیم هست که به دولوپرا امکان میده به سرعت و با کیفیت بالا، رابط‌ های کاربری جذاب و حرفه‌ای برای وبسایت‌ ها و برنامه‌ های وب ایجاد کنن.

‼️درواقع Bulma به عنوان یکی از فریمورک‌ های CSS پرکاربرد و مورد توجه در زمینه طراحی رابط کاربری شناخته میشه و به دولوپرا این امکان رو میده تا با استفاده از آن، به سادگی و با قدرت، رابط‌های کاربری زیبا رو پیاده‌سازی کنن.

#bulma #css #framework
☕️ @CodeExplore

👀جنگو کلی ابزار امنیتی داخلی داره که بدون دردسر می‌تونیم ازشون استفاده کنیم تا برنامه‌هامون رو امن کنیم.

⚡️چندتا از مهم‌تریناش رو ادامه متن بهتون میگم:

🟢محافظت از CSRF (جعل درخواست بین‌سایتی):
جنگو به طور پیش‌فرض از حملات CSRF جلوگیری می‌کنه. چطوری؟ با اضافه کردن یک توکن مخفی به فرم‌ها. کافیه از تگ {% csrf_token %} داخل فرم‌هاتون استفاده کنید و خیالتون راحت باشه که کسی نمی‌تونه به راحتی درخواست‌های مخرب بفرسته.

🟢جلوگیری از XSS (حمله اسکریپت‌نویسی بین‌سایتی):
جنگو به صورت خودکار جلوی ورود کدهای مخرب به صفحات وب رو می‌گیره. یعنی چی؟ یعنی اگه کسی بخواد جاوااسکریپت مخربی توی سایت شما بذاره، جنگو به طور پیش‌فرض اونو خنثی می‌کنه و نشون نمی‌ده.

🟢حفاظت از Clickjacking:
با استفاده از XFrameOptionsMiddleware، جنگو مطمئن می‌شه که صفحات شما توی iframe‌های ناخواسته لود نمی‌شن. اینطوری دیگه کسی نمی‌تونه صفحه شما رو توی سایت خودش جاساز کنه و کاربران رو فریب بده.

🟢استفاده از SSL و HSTS:
با فعال کردن SecurityMiddleware، همه ترافیک سایت شما از HTTPS استفاده می‌کنه. به زبان ساده‌تر، این یعنی داده‌ها بین مرورگر کاربر و سرور شما همیشه رمزنگاری شده و امن هستن.

🟢تنظیمات امنیتی رو درست بچین:
تنظیماتی مثل SECURE_BROWSER_XSS_FILTER, SECURE_CONTENT_TYPE_NOSNIFF و SECURE_SSL_REDIRECT رو فراموش نکنید! این تنظیمات جلوی کلی دردسر امنیتی رو می‌گیرن و باعث می‌شن سایتتون یه لایه محافظتی بیشتر داشته باشه.

با این ابزارها، برنامه‌هاتون امن‌تر می‌شن و می‌تونید مطمئن باشید که هکرها کار سختی برای دسترسی به اطلاعات شما دارن😀

#django #framework
☕️ @CodeExplore | <Alireza Mohseni>