میخوام مقدمات قسمت دوم آموزش Authentication رو آماده کنم
گفتم به‌جای اینکه در خفا این کارو انجام بدم، لایو بذارم که شما هم اگه دوست داشتید مشارکت کنید
ساعت 11 شروع میکنم
کاملاً یهویی و بدون برنامه‌ریزی 😁
https://www.aparat.com/BijanProgrammer/live

🎬 آماده‌سازی پروژه‌ی Authentication یا احراز هویت - خشت اول (پخش زنده)
تو این پخش زنده، مقدمات پروژه‌ی Authentication یا احراز هویت رو فراهم می‌کنیم.
این پروژه شامل Backend و Frontend خواهد بود که با استفاده از API و Cookie باهم ارتباط برقرار می‌کنن.

لینک ویدئو در آپارات:
https://www.aparat.com/v/exz7x8g

مطالبی که یاد می‌گیریم:
🔸 ساخت Repo در GitHub
🔸 نکاتی در خصوص Monorepo و قراردادن پروژه‌های Client و Server در یک Repo
🔸 اضافه‌کردن TypeScript
🔸 اضافه‌کردن Prettier
🔸 اضافه‌کردن ESLint
🔸 اضافه‌کردن Stylelint
🔸 اضافه‌کردن Husky
🔸 اضافه‌کردن lint-staged
🔸 ساخت پروژه‌ی Server با Express
🔸 فایل .env و استفاده از Environment Variables در پروژه
🔸 ساخت پروژه‌ی Client با Vite
🔸 مقایسه‌ی توابع رنگ مثل Named Colors و Hex و RGB و HSL و LCH و OKLCH

------------------------------------------

برای شبکه‌سازی، پرسش‌وپاسخ و رفع اشکال به گروه تلگرامی ما بپیوندید.
همچنین می‌تونید پروژه‌هاتون رو برام بفرستید تا اونا رو Review و Redesign و Refactor کنم.

Telegram
https://news.1rj.ru/str/Codective

Aparat
https://www.aparat.com/BijanProgrammer

LinkedIn
https://www.linkedin.com/in/BijanProgrammer

🔴 فردا، پنجشنبه، ساعت 12 ظهر Live داریم
اگه کدی دارید که میخواید Refactor بشه واسم بفرستید
اگه نه، ادامه‌ی پروژه‌ی Authentication رو میریم
پیشنهاد دیگه‌ای هم دارید بگید

من تو نونوایی گیر کردم؛ با عرض پوزش لایو با تاخیر برگزار میشه🙏

ساعت 12:20 شروع میکنیم

🔴 امروز، ساعت 17 یه Live داریم با موضوع ساخت پروژه‌ی TypeScript
اگه سوالی در مورد TypeScript دارید، میتونید بپرسید

🎬 بهترین راه شروع پروژه TypeScript - خشت اول

تو این ویدئو باهم یه Boilerplate برای پروژه‌های TypeScript میسازیم که میتونیم ازش برای شروع پروژه‌های بعدیمون استفاده کنیم.
تمام دستورات، کتابخونه‌ها، تنظیمات و کدها به‌طور کامل توضیح داده شده تا هیچ جای ابهامی باقی نمونه.
اگه تازه می‌خواید TypeScript رو یاد بگیرید یا نمی‌دونید چجوری پروژه رو راه بندازید، این ویدئو رو از دست ندید.

ویدئو در آپارات:
https://www.aparat.com/v/ghca793

پروژه‌ی Boilerplate:
https://github.com/BijanProgrammer/boilerno

------------------------------------------

برای شبکه‌سازی، پرسش‌وپاسخ و رفع اشکال به گروه تلگرامی ما بپیوندید.
همچنین می‌تونید پروژه‌هاتون رو برام بفرستید تا اونا رو Review و Redesign و Refactor کنم.

Telegram
https://news.1rj.ru/str/Codective

Aparat
https://www.aparat.com/BijanProgrammer

LinkedIn
https://www.linkedin.com/in/bijanprogrammer

📝 روش پیشنهادی برای طی‌کردن دوره آموزشی ‎50 Projects In 50 Days از Udemy

واسه کسایی که دنبال تمرین و کسب مهارت هستن، به شدت توصیه میکنم این دوره رو طبق روشی که میگم طی کنن تا بیشترین بازده رو داشته باشن.

سوالات رو به ترتیب برید جلو
اول ویدئویی که صورت سوال رو شرح میده نگاه کنید
بعد خودتون، بدون اینکه ویدئوی راه‌حل رو نگاه کرده باشید، دست به کد شید و سعی کنید سوال رو حل کنید
حتماً حتماً تمام تلاشتون رو بکنید
حتی اگه شده 3 روز روی یه سوال وقت بذارید
بعد دو حالت پیش میاد...

1. خودتون تونستید سوال رو حل کنید
بعد از اینکه سوال رو حل کردید، ویدئوی راه‌حل رو نگاه کنید
چرا؟ چون ممکنه راه بهتری برای حل سوال وجود داشته باشه که شما ازش بی‌خبرید؛ یا شاید لابه‌لای توضیحاتی که میده، یه ترفند جدید یاد بگیرید

2. نتونستید سوال رو حل کنید
اشکال نداره؛ هدف اینه که یاد بگیری
ویدئوی راه‌حل رو نگاه کنید و سعی کنید کامل یاد بگیری
ویدئو رو ببندید و نیم‌ساعت یا بیشتر وقفه بندازید (کلاً برنامه‌نویسی نکنید و ذهنتون رو از این چیزا دور کنید)
بعد خودتون شروع کنید به نوشتن کد راه‌حل
اشکال نداره اگه دقیقاً کپی همون چیزی که تو ویدئو گفته رو پیاده‌سازی کنید
مهم اینه که موقع دیدن ویدئو چیزی رو حفظ نکرده باشید و واقعاً یاد گرفته باشید

در نهایت برید سراغ سوال بعدی و دوباره همین فرآیند رو تکرار کنید

🔺 نیاز نیست حتماً 50 روز طول بکشه؛ هر چندتا میتونید تو یه روز انجام بدید
حتی تو یه هفته یا 10 روز هم میشه انجامش داد؛ البته اگه وقت و انرژیش رو داشته باشید

دانلود رایگان:
https://www.downloadha.com/movie/projects-html-css-javanoscript/

🎬 بازنویسی پروژه الگوریتمی با TypeScript - ریفرانت - قسمت 04

تو این ویدئو یه پروژه الگوریتمی سبک رو باهم بررسی و اصلاح می‌کنیم. همچنین تلاش می‌کنیم تا جایی که منطقی باشه کد و ساختار پروژه رو تمیز کنیم.
مواردی که بهش می‌پردازیم: اعتبارسنجی ورودی کاربر،Generic Types، ساختار پروژه، نامگذاری فایل‌ها، حذف پکیج‌های قدیمی و...

ویدئو در آپارات:
https://www.aparat.com/v/eqlbt60

اینجا از یه قالب آماده برای پروژه‌های TypeScript استفاده کردیم که می‌تونید از GitHub دریافتش کنید:
https://github.com/BijanProgrammer/boilerno

------------------------------------------

برای شبکه‌سازی، پرسش‌وپاسخ و رفع اشکال به گروه تلگرامی ما بپیوندید.
همچنین می‌تونید پروژه‌هاتون رو برام بفرستید تا اونا رو Review و Redesign و Refactor کنم.

Telegram
https://news.1rj.ru/str/Codective

Aparat
https://www.aparat.com/BijanProgrammer

LinkedIn
https://www.linkedin.com/in/bijanprogrammer

استارت این پروژه رو کم‌کم بزنیم ☝️
ایده‌هایی که تا الان جمع شده تعدادش کمه (5 تا)
یه ذره صبر میکنم که اگه ایده‌ی دیگه‌ای دارید مطرح کنید

بعدش یه جلسه داشته باشیم
دوست دارم این قضیه کاملاً تعاملی باشه و همه مشارکت داشته باشن
واسه همین استریم نمیذارم؛ به‌جاش یه Google Meet بریم و راجع به فرآیندها صحبت کنیم

ایده‌هایی که تا الان مطرح شده رو تو پست بعد میفرستم
اگه ایده‌ی دیگه‌ای دارید بگید که پست رو آپدیت کنم

🔸 ویرایش عکس
یه چیزی مثل Adobe Photoshop اما با امکانات فوق‌العاده کمتر
همچنین میتونیم صرفاً به مجموعه‌ای از ابزار ویرایش عکس مثل تغییر فرمت، تغییر اندازه، کاهش حجم و... بسنده کنیم (مثل https://squoosh.app)

🔸 ویرایش فیلم
یه چیزی مثل Adobe Premiere اما با امکانات فوق‌العاده کمتر
شاید حتی بتونیم به وب نزدیک‌ترش کنیم، مثلاً یه Playground واسه GSAP بسازیم که بشه باهاش انیمیشن وب تولید کرد

🔸 شبکه‌ی اجتماعی
رو اینکه چه مزیت رقابتی‌ای نسبت به پلتفرم‌های موجود داره، باید فکر کنیم
ولی مثلاً میتونه شبکه‌ای باشه که مختص برنامه‌نویس‌ها باشه که بیان تجربیات خودشون رو در قالب متن یا عکس به اشتراک بذارن
یا مثلاً شبکه‌ای که افراد فقط با وویس باید پست بذارن (چون متن توئیتر و عکس اینستاگرام و ویدئوی یوتیوب از قبل پُر شده)

🔸 مدیریت تسک
یه چیزی مثل Jira یا در حالت محدودتر مثل Trello
نمونه‌ی ایرانیش میشه https://www.mizito.ir

🔸 مدیریت باشگاه
یه چیزی مثل Gymdesk

دوستان برای آموزش خصوصی (آنلاین) میتونید PV پیام بدید 😉
فعلاً دو دوره داریم که در ادامه براتون میفرستم
از اونجایی که شروع کار هست تخفیف خیلی خوبی گذاشتم که پیشنهاد میدم به هیچ وجه از دست ندید 🔥

👨‍🏫 آموزش مقدماتی برنامه‌نویسی وب از پایه

🔶 گزیده مطالب
🔸 آموزش کامل زبان برنامه‌نویسی JavaScript
🔸 آموزش ساخت صفحات استاتیک با HTML و CSS
🔸 آموزش کار با DOM
🔸 آموزش اتصال به API
🔸 آموزش ساخت صفحات داینامیک با HTML و CSS و JavaScript
🔸 آموزش Git و GitHub
🔸 آموزش راه‌اندازی سایت با دامنه‌ی شخصی
🔸 آموزش مقدماتی زبان برنامه‌نویسی TypeScript

‏📅 16 جلسه + امکان رزرو جلسات اضافی برای رفع اشکال یا تمرین بیشتر
⏰ هر جلسه 60 تا 90 دقیقه
🗓 زمان‌بندی طبق نظر دانشجو از فشرده (هر روز هفته) تا طولانی (هفته‌ای دو جلسه)

✅ کاملاً پروژه‌محور
✅ تمرین برای جلسه‌ی بعد
✅ رفع اشکال در ابتدای هر جلسه

⭐️ بدون پیش‌نیاز
⭐️ آنلاین
⭐️ خصوصی (تک‌نفره)

🔥 تخفیف استثنایی: به جای جلسه‌ای 698.000 تومان... فقط و فقط 348.000 تومان + امکان پرداخت جداگانه به ازای هر جلسه

👨‍🏫 آموزش مقدماتی React از پایه

🔶 گزیده مطالب
🔸 آموزش ساخت پروژه با Vite
🔸 آموزش JSX
🔸 آموزش Componentها
🔸 آموزش Propها و Stateها
🔸 آموزش Hookها
🔸 آموزش کار با Form
🔸 آموزش کار با Context و Provider
🔸 آموزش Routing
🔸 آموزش کار با React Developer Tools

‏📅 16 جلسه + امکان رزرو جلسات اضافی برای رفع اشکال یا تمرین بیشتر
⏰ هر جلسه 60 تا 90 دقیقه
🗓 زمان‌بندی طبق نظر دانشجو از فشرده (هر روز هفته) تا طولانی (هفته‌ای دو جلسه)

✅ کاملاً پروژه‌محور
✅ تمرین برای جلسه‌ی بعد
✅ رفع اشکال در ابتدای هر جلسه

⭐️ پیش‌نیاز: تسلط بر روی HTML و CSS و JavaScript و آشنایی با TypeScript
⭐️ آنلاین
⭐️ خصوصی (تک‌نفره)

🔥 تخفیف استثنایی: به جای جلسه‌ای 948.000 تومان... فقط و فقط 498.000 تومان + امکان پرداخت جداگانه به ازای هر جلسه

❔ یه سوالی مطرحه که آیا باید کل پکیج رو سفارش بدیم و پول تمام 16 جلسه رو پرداخت کنیم؟

نه نیاز نیست. حتی اگه بخواید کل پکیج رو تهیه کنید، میتونید قبل از هر جلسه پول رو پرداخت کنید و نیاز نیست همه رو یکجا بپردازید.
همچنین می‌تونید یک یا چند جلسه تستی سفارش بدید و در صورتی که از تدریس رضایت داشتید باقی جلسات رو یه دونه یه دونه سفارش بدید.

از طرفی ممکنه یه نفر مثلاً فقط تو بخش Responsive مشکل داشته باشه. در این صورت میتونه فقط یک جلسه سفارش بده و فقط هزینه‌ی همون یک جلسه رو پرداخت کنه.

یا ممکنه یه مشکل کلی داشته باشید، مثلاً اینکه چجوری یه پروژه‌ی جدید رو استارت بزنید یا مفهوم before و after تو CSS براتون گنگ باشه یا چطور از Context و Provider تو React استفاده کنید... در این صورت کافیه با توجه به تعداد و بزرگی مشکلات، تعداد جلسات دلخواه رو سفارش بدید و هزینه‌ای بابت مطالبی که بلدید نپردازید.

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

📦 معرفی ابزار npkill برای پیدا کردن و حذف پوشه‌های node_modules غیرضروری

https://www.linkedin.com/posts/bijanprogrammer_webdev-frontend-backend-activity-7231731127571382272-W-mE?utm_source=share&utm_medium=member_desktop

📝 جواب سوالات مسابقات ورودی کارآموزی کداستار؛ سال‌های 1402 و 1403

🎮 تالا شده یهو بی‌دلیل یاد یکی از بازی‌های بچگی بیفتید که ذوق و شوق داشتید تو تعطیلات تابستون یا عید بازیش کنید؟

https://www.linkedin.com/posts/bijanprogrammer_aeqaepaeaahy-aeuaewaebaesaepaesagyahy-aewaepaefaezaev-activity-7237316828362883072-45Hr?utm_source=share&utm_medium=member_desktop