یک فرانت اند کار به چه چیزهایی نیاز داره؟📝

✅ صد در صد خیلی از شما دوستان توی حوزه فرانت فعالیت میکنید و یا در حال یادگیری هستید و یا هدفی برای ادامه مسیر دارید.

💡 سوالی که ممکنه خیلی از دوستان باهاش دست و پنجه نرم کنن ، اینه که برای فرانت کار شدن به چه دانشی نیاز داریم؟
چه معماری ها و قواعدی نیازه؟

قبل از اینکه وارد جزئیات بشم، در یه کلام بگم که هرچقد بیشتر یاد بگیرید موفق ترید! 🚀

ولی به طور جزئی تر یک برنامه نویس فرانت باید موارد زیر رو یاد بگیره:

🪐 شناخت الگوهای معماری مثال MVC,MVVM, MVT و ...
شاید بگید الگو و دیزاین طراحی وابسته به بک انده ، اما در همه الگو ها قسمتی وابسته به فرانته .پس شناخت کلیه معماری ها میتونه بهتون خیلی کمک کنه (حتی اگه معماری تغییر کنه به سرعت میتونید جایگزین نویسی کنید)



🌎 فرانت اند کارا حتما باید کار با api و REST APIs رو بلد باشن .فک نمیکنم نیازه باشه بگم چرا! اما میگم🤡
خیلی وقتا توی پروژه ها قراره api ساخته بشه و یا قراره داده از یک api خونده بشه پس دونستن این دانش یه گام شمارو جلو میندازه.


🌖 بخش مهم دیگه ایی که واقعا یه فرانت کار باید بلد باشه ، بخشه امنیته ! یک فرانت کار باید مفاهیم احراز هویت رو بلد باشه و همچنین باید درک و یادگیری کاملی از توکن ها ،کوکی ها و اصول امنیتی داشته باشه تا روزی روزگاری یه هکری کارو خراب نکنه🤡
(مثلا تا وقتی ندونید xss چیه ، خب نمیتونید سرویس امنی بسازید)


فعلا بخش اولو تموم میکنیم تا چشای نازتون خسته نشه 👽

#پست_پیشنهادی
#frontend #part1
☕️ @CodeExplore

یک فرانت اند کار به چه چیزهایی نیاز داره؟📝

به بخش دوم رسیدیم 🖼️

🌞 اینکه فرانت کار ui/ux بلد باشه خیلی خوبه، اما الزامی نیست. بجاش میتونم بگم یه فرانت کار باید بلد باشه داده هارو دسته بندی کنه و ساختار مناسبی بهش بده.
(نیاز به اموزش خاصی هم نداره ، فقط تمرینه!)
برای اینکه توضیح بالا رو درک کنید یه مثال ساده میزنم: فرض کنید رفتید یه سایت تبلیغاتی ، بدون اینکه بخواید کد بزنید، روی کاغذ بخش های مختلف و وابسطه بهم رو بنویسید (تا جایی که میتونید تمرین کنید که دقیقا چه اطلاعاتی از سمت فرانت به بک میره و بلعکس)


🌚 یه فرانت اند کار باید کَش کردن داده ها و بهینه سازی رو بلد باشه تا هم خودشو خوب نشون بده، هم سرعت کارشو!


🌕 مسئله بعدی تست نویس و مدیریت خطاست که حتما برای یه سنیور شدن ، نیاز دارید دیپ تر وارد این مباحث بشید و ابزار های مختلف و همچنین دیباگ کردن خطاهای مختلف رو بشناسید (بهتره انواع خطا رو سرچ کنید و روش دیباگشم بررسی کنید)

🌎 گام بعدی آشنایی با PWA و ویژگی هاشه و همچنین یادگیری اصول کلی شبکه ، مثل url ها , websocket , کد های وضعیت ، هدر ها و ...


⭐️ در آخر هم باید بگم یادگیری هیچ وقت تموم نمیشه. پس فقط دلتونو به چیزایی که گفتم خوش نکنید، هرچقدر بیشتر جستجو کنید در های جدیدی به روتون باز میشه. ولی مواردی که گفتم برای یه فرانت کار حدودا الزامیه! موفق و پیروز باشید ❤️

#پست_پیشنهادی
#frontend #part2
☕️ @CodeExplore

👀 پروژه Django Jwt Auth

اگه توی پروژه ی جنگوییتون قراره از JWT استفاده کنید، حتما این ریپازیتوری بدردتون میخوره.

1️⃣نحوه دیکریپت کردن و انکریپت کردن توی پایتون.

2️⃣قرار دادن claim های مورد نیاز داخل payload توکن.

3️⃣نحوه نوشتن authentication class کاستوم توی drf.

و خیلی موارد دیگه مثل لاگین با شماره موبایل و otp کد و ... رو توی این پروژه پیاده کردم.
البته هنوزم جای کار داره و دوست دارم باهم بهترش کنیم.

وقت زیادی روش گذاشتم ممنون میشم ستاره(⭐️) بدید ❤️

لینک ریپو گیت هاب:
🌐 https://github.com/alireza-fa/django-jwt-auth

#django #JWT
☕️ @CodeExplore | </Alireza-fa>

" صحبت کردن بی‌ارزش است؛ کدت را به من نشان بده. "

لینوس توروالدز (Linus Torvalds)

☕️ @CodeExplore

برنامه نویسی در مدارس ایرانی:

#fun
☕️ @CodeExplore

📚 کتاب Debugging Teams

🟠 با بیش از بیست سال سابقه در مهندسی نرم‌افزار و رهبری تیم‌های کوچک و بزرگ، Brian Fitzpatrick و Ben Collins-Sussman دانش و تجربه‌ای منحصر به فرد در راستای موفقیت کار گروهی به دست آوردند. آن‌ها در عمل به این نتیجه رسیده‌اند که مهارت‌های انسانی افراد در همکاری با یکدیگر به اندازه توانایی‌های فنی در موفقیت یک محصول نقش دارند. آن دو، تجربه ارزشمند خود را در قالب یک کتاب سرگرم کننده ولی بسیار آموزنده تحت عنوان Debugging Teams با دیگران به اشتراک گذاشتند.

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


🇬🇧 https://debuggingteams.com

🇮🇷 https://debuggingteams-fa.com

#book #debugging #teams
☕️ @CodeExplore

✨تو ویدئو زیر می تونین اطلاعات خوبی در مورد بهینه کردن Docker برای پروژه‌های JavaScript و Node.Js کسب کنید.

🖥 https://youtu.be/Z0lpNSC1KbM?si=hz3-XGHqTxr13ArS

#javascript #nodejs
☕️ @CodeExplore

عمومی کردن لوکال هاست 👨‍💻

🔴ابزار ngrok ابزاری است که به توسعه‌ دهندگان و طراحان وب امکان ایجاد تونل‌های امن از سرویس‌های محلی به اینترنت را می‌دهد. با استفاده از ngrok، میتونید برنامه‌ها و وبسایت‌هایی که محلی بر روی کامپیوتر شما اجرا میشن رو به سرعت با دیگران به اشتراک بزارید و یا تست کنید.

🔴 این ابزار از پروتکل‌های HTTPS و HTTP پشتیبانی می‌کند و امکان دسترسی به برنامه‌های خود را از هر کجا که اینترنت دارید را فراهم می‌کند. به علاوه، ngrok امکاناتی مانند بررسی ترافیک، ایجاد دسترسی امن و مدیریت تونل‌های مختلف را نیز فراهم می‌کند.

🌐 لینک سایت ابزار

#ngrok
☕️ @CodeExplore

🙂 یک ریپو دارم که داخلش مجموعه‌ای از صفحه های 404 هست که با HTML , CSS و Js زدم درواقع ریپو برای تمرین بوده ولی بنظرم برای کسایی که دارن تازه یاد میگیرن منبع جالبی باشه👌

لینک ریپو گیت هاب :
🌐 https://github.com/MjavadH/4X4-Collection

لینک پیش نمایش:
🌐 https://mjavadh.github.io/4X4-Collection/

🔥🔥🔥🔥🔥🔥🔥🔥
دوستان من تا الان همیشه از کارهای خوب و خفن حمایت کردم و این کار رو هم ادامه خواهم داد ، فقط لطف کنید بهشون ⭐️ بدید ، چون واقعا ارزش حمایت شدن دارن

#html #css #js
☕️ @CodeExplore

👍 یک لیست خفن از ۱۰۰ تا پروژه با HTML CSS Javascript که هر پروژه رو توی یه روز میتونین کامل کنین و در اصل ۱۰۰ روز برای ۱۰۰ پروژه زمان بزارین

🌐 https://www.codewithrandom.com/100-day-frontend-projects/

☕️ @CodeExplore | </Tamana Farzami>

" سورس‌کد مثل لطیفه (جوک) می‌مونه؛ اگه مجبور به توضیحش شدید، بدونید که اصلاً خوب نوشته نشده. "

Cory House

☕️ @CodeExplore

IQ ♾️

#fun
☕️ @CodeExplore

دوستان یک چیز سمی نوشتم برای اینکه وقتی دارید ارائه میدید نیازی نباشه که برای جابجایی بین اسلاید ها پیش لپتاپ بیایید دکمه right , left رو بزنید
یک سرور نست آوردم بالا وقتی با گوشی بهش وصل میشم  دکمه لفت و رایت  میزنم

🌐 https://github.com/khalvai/slideSwitcher

☕️ @CodeExplore | </khalvai>

دوستان مقاله ی زیر رو یکی از دوستان تو medium گذاشتن که در مورد ساخت رزومه هستش و به نظرم خیلی می تونه براتون مفید باشه و حالا خودش با همین رزومه کلی آفر گرفته 🔥

🌐 https://alirezahamid.medium.com/unveiling-your-masterpiece-the-art-charm-of-crafting-the-ultimate-resume-ab0f0761f73f

#resume #medium
☕️ @CodeExplore | </Alireza.js>

🔥یه متود خفن و حرفه‌ای داخل Javascript هست به اسم reduce که کارای قشنگی میشه باهاش کرد
توی کد زیر براتون نحوه استفاده ازش رو اوردم که بتونین محاسبه مجموع، حداقل و حداکثر رو انجام بدین

const array = [5,4,7,8,9,2];
// Sum
array.reduce((a,b) => a+b);
// Max
array.reduce((a,b) => a>b?a:b);
// Min
array.reduce((a,b) => a<b?a:b);

#javascript #method #reduce
☕️ @CodeExplore

ابزار Cloudflare tunnel 🌐

🗣️ابزار Cloudflare Tunnel، که قبلاً با نام Argo Tunnel شناخته می‌شد، یه سرویس از Cloudflare هست که به شما اجازه می‌ده تا بدون نیاز به باز کردن پورت‌های فایروال یا ایجاد تنظیمات پیچیده شبکه، به صورت امن اپلیکیشن‌ها و سرورهای داخلی خودتون رو به اینترنت متصل کنید.

ℹ️این سرویس مخصوصاً برای زمانی مفیده که می‌خواین یک اپلیکیشن در حال توسعه یا یک سرویس داخلی رو در دسترس قرار بدین بدون اینکه اون رو مستقیماً در معرض اینترنت قرار بدین.

‼️ مشابه این ابزار رو دیروز معرفی کردیم

#cloudflare #argo
☕️ @CodeExplore | </Mamation>

ابزاری برای ترجمه زبان انسان به SQL

➕میتونید بهش Schema هم بدید و از رو اون کوئری بسازه.

🔗 https://sqltranslate.app

#sql #translate #tools
☕️ @CodeExplore

📌یه لیست خفن از سایت هایی که کلی آیکون برای طراحی سایت در اختیارتون قرار میدن

1️⃣IconScout

2️⃣Boxicons

3️⃣ForkAwesome

4️⃣Glyphs

5️⃣Coreui

#icons #site
☕️ @CodeExplore

شوهر متعهد فقط برنامه‌نویس، ولش میکنی یا توی vscode یا visual studio یا یکی از IDE ها.

#fun #programmer
☕️ @CodeExplore | </یوسف>

برنامه ای کامل برای تبدیل شدن به یک مهندس ماشین لرنینگ

🌪 github.com/ZuzooVn/machine-learning-for-software-engineers

#machine #learning #plan
☕️ @CodeExplore