FullstacksJS — Academy @fullstacks_academy Channel on Telegram

FullstacksJS — Academy

@fullstacks_academy


اشتراک تجربه.
بخشی از جامعه
@FullstacksJS

ارتباط با ادمین: @S_Kill

FullstacksJS — Academy (Persian)

FullstacksJS — Academy یک کانال تلگرامی است که به آموزش در زمینه Fullstack JavaScript وب پرداخته است. این کانال جایی است که علاقمندان به برنامه نویسی و توسعه وب می‌توانند با یکدیگر ارتباط برقرار کنند و تجربیات خود را به اشتراک بگذارند. FullstacksJS — Academy با ارائه آموزش های متنوع و کاربردی، به دانش آموزان کمک می کند تا مهارت های خود را در حوزه Fullstack JavaScript بهبود دهند. اگر به دنبال یادگیری و ارتقای مهارت های Fullstack JavaScript هستید، FullstacksJS — Academy یکی از بهترین منابع آموزشی برای شماست. برای ارتباط با ادمین کانال، می‌توانید به ایدی @S_Kill پیام دهید.

FullstacksJS — Academy

09 Jan, 19:42


جلسه آخر ماب ریویو 🚀

این جمعه (۲۱ دی) ساعت ۷، آخرین جلسه ماب‌ریویو رو داریم. تو این جلسه یک پروژه بک اندی با Express رو با هم ریویو می‌کنیم.

✦ توضیحات بیشتر

✦ اضافه کردن به تقویم

#event #mob_review

FullstacksJS — Academy

08 Jan, 16:18


📌 وبینار « چگونه برنامه‌نویسی را شروع کنیم و هوش مصنوعی را به خدمت بگیریم؟ »


📆 تاریخ: سه شنبه 25 دی ماه
ساعت: 20
💬 ارائه‌دهنده: علیرضا صفائی‌راد


☄️ فرصتی برای آشنایی با مسیرهای برنامه‌نویسی، چالش‌های هوش مصنوعی در یادگیری و انتخاب درست برای شروع.




🔗 برای شرکت در وبینار رایگان روی لینک زیر کلیک کنید

https://eseminar.tv/wb151379



@SabzLearn

FullstacksJS — Academy

08 Jan, 10:09


مقایسه فریم ورک ها و ابزارها
توی این ویدئو درباره وضعیت کلی ابزار های JavaScript و احساس جامعه نسبت به این ابزارها صحبت میکنیم.

مشاهده ویدئو

مباحث:
00:00 درباره What's up S-Kill
00:16 وضعیت کلی کتابخونه ها
02:40 مقایسه فریم ورک های فرانت اند
03:41 مشکلات آزاردهنده فریم ورک های فرانت اند
04:42 مقایسه Meta Framework ها
05:18 مشکلات آزاردهنده Meta Framework ها.
05:40 مقایسه ابزارهای تست
06:31 مقایسه Build tool ها
08:10 مشکلات آزاردهنده Build tools
09:03 مسخره ترین مشکل ما توی Build tools چیه؟
10:09 مقایسه ابزارهای Monorepo
11:54 جمع بندی

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #news #stateofjs #javascript #wus

FullstacksJS — Academy

07 Jan, 20:47


وضعیت جاوااسکریپت تو سال ۲۰۲۴
توی این ویدئو درباره وضعیت کلی زبان JavaScript و قابلیت های جدید زبان که توی سال 2024 اضافه شده صحبت می کنیم.

مشاهده ویدئو

مباحث:
00:00 درباره What's up S-Kill
00:40 ‏State of JS چیه؟
01:16 نحوه مشارکت توی State of JS
02:30 اطلاعات شرکت کنندگان
04:34 سینتکس Nullish coalescing
07:36 سینتکس Private Fields
09:36 سینتکس Logical Assignment
11:30 سینتکس Hash bang grammar
14:20 خاصیت Error.cause
14:45 فیچرهای String
15:55 متدهای Immutable ه آرایه
22:30 متد Array.fromAsync
24:41 قابلیت های ناهمگام
30:00 قابلیت های Set
30:32 متدهای Object
31:50 ‏Browser APIs
36:11 مشکلات آزاردهنده JavaScript
36:30 چرا Date جاوااسکریپت اینقدر مشکل داره؟
38:13 چرا پرفرمنس JavaScript خیلی بالاست؟
41:35 مشکل Accidental Complexity چیه؟
43:03 چرا نباید از پیاده سازی Async Programming تو جاوااسکریپت شاکی بود؟
45:00 آیا جاوااسکریپت Standard Library لازم داره؟
45:22 مسئله Security تو زبان های سطح بالا چه معنی میده؟
46:45 جوک سال
47:11 اصلا چرا null تو زبان هست؟
48:20 مشکلات آزاردهنده Browser API
49:55 قسمت دوم.

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #news #stateofjs #javascript #wus

FullstacksJS — Academy

07 Jan, 19:54


چطور با اختلاف نظرها توی تیم رو برخورد کنیم؟
- چرا درست بودن نظر ما دلیل بر اشتباه بودن دلیل بقیه نیست؟
- کی باید بگه چی درسته؟
- چطوری مهندسی نرم افزار می‌تونه کمکمون کنه؟
- کدوم ابزار سریع‌تره؟

پ.ن: منظورم از RFC همه جا POC بود

#exp #conflict #team

FullstacksJS — Academy

03 Jan, 15:15


بچه ها جلسه امروز رو توی Twitch میریم!
https://www.twitch.tv/fullstacksjs

FullstacksJS — Academy

02 Jan, 22:35


جلسه یازدهم What's up Skill 👑

جمعه ساعت ۷ درباره آپدیت های وب و جاوااسکریپت صحبت می‌کنیم.

‏ What's up S-Kill چیه؟

افزودن به تقویم

لینک جلسه

#event #wus

FullstacksJS — Academy

29 Dec, 09:01


‏NextJS AuthIntrupts
توی این ویدئو درباره یک قابلیت جدید NextJS صحبت می‌کنیم که بهمون اجازه می‌ده Authentication و Authorization رو توی روت هامون هندل کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #news #nextjs #wus

FullstacksJS — Academy

28 Dec, 20:29


شکایت برای پس گرفتن جاوااسکریپت
توی این ویدئو درباره ادامه شکایت توسعه دهندگان از شرکت Oracle برای پسگیری JavaScript صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #news #freejavascript

FullstacksJS — Academy

27 Dec, 15:24


FullstacksJS — Academy pinned «لینک میت: https://meet.google.com/yse-cojc-nyr»

FullstacksJS — Academy

27 Dec, 15:24


لینک میت:
https://meet.google.com/yse-cojc-nyr

FullstacksJS — Academy

26 Dec, 20:46


جلسه ششم ماب ریویو 🚀

این جمعه (۷ دی) ساعت ۷، ششمین جلسه ماب‌ریویو رو داریم. تو این جلسه یک پروژه NextJS رو با هم ریویو می‌کنیم.

اگر علاقه دارید می‌تونید کدهاتون رو برای من بفرستید تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.

✦ توضیحات بیشتر

✦ اضافه کردن به تقویم

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

#event #mob_review

FullstacksJS — Academy

25 Dec, 14:02


مقایسه Next 15 و React Router 7
تو
این ویدئو یک پروژه رو با React Router 7 ‌و Next 15 پیاده سازی می‌کنیم و سعی می‌کنیم این ۲ فریم‌ورک رو با هم مقایسه کنیم.

مشاهده ویدئو

00:00 تو این جلسه چکار می‌خوایم کنیم؟
00:48 تاریخچه React Router وRemix
06:10 با React Router چکار می‌شه کرد که با NextJS نمی‌شه؟
07:51 با NextJS چکارمی‌شه کرد که با React Router نمی‌شه؟
08:15 درباره Tutorial
08:55 ‏Setup پروژه و مقایسه استراچکر اولیه
15:52 مقایسه پیاده سازی Root Layout
17:56 مقایسه پیاده سازی Error Boundary
25:00 مقایسه پیاده‌سازی Routing
27:30 مقایسه وابستگی‌ها
33:11 مقایسه نحوه اضافه کردن Route
37:35 مقایسه پیاده سازی Layout
41:12 پیچیدگی tsconfig
42:05 مقایسه تعریف Path Params
45:20 پیاده سازی Client-Side Routing
46:30 مقایسه Data fetching
52:52 چرا این مقایسه بین React Router با Next نیست؟
59:07 استفاده از Streaming Server-Side Rendering
1:04:27 مقایسه پیاده سازی Pre-rendering
1:18:50 مقایسه استفاده از Route Params
1:24:20 مقایسه مدیریت Route Error ها
1:27:07 مقایسه پیاده سازی Server Action ها
1:36:11 مقایسه قابلیت های Router
1:41:21 مقایسه پیاده سازی Data Mutation
1:50:54 مزیت Server component ها توی NextJS
1:51:27 مقایسه Search Params
1:53:58 مقایسه نهایی بین فریم‌ورک‌ها


مقاله پیاده سازی Search Params


#reactrouter #nextjs #react #fullstacksjs #tutorial

FullstacksJS — Academy

23 Dec, 17:25


تو یوتیوب 2048 تایی شدیم. ممنون از حمایت ها و اشتراک گذاریتون🎉

FullstacksJS — Academy

22 Dec, 14:09


جلسه دهم What's up Skill 👑

امروز ساعت ۷ درباره State of JavasScript 2024 صحبت می‌کنیم.

‏ What's up S-Kill چیه؟

افزودن به تقویم

لینک میت

#wus #event

FullstacksJS — Academy

21 Dec, 22:42


هرچی باید درباره Tailwind 4 بدونیم
توی این ویدئو درباره Tailwind 4 صحبت می‌کنیم و یک پروژه Next.JS رو از Tailwind 3 به 4 می‌بریم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #tailwind #news #css #react #nextjs

FullstacksJS — Academy

21 Dec, 15:09


چطوری کارفرما رو قانع کنیم؟
قسمت سوم: تکنیک های قانع کردن افراد

- اهمیت مهارت ارتباطی و قانع کردن
- درک دغدغه های طرف مقابل
- افزایش اعتماد با استفاده از کلمات
- فرق بین شخص و جایگاه
- با حل مسئله شروع نکنید!
- صورت مسئله رو اثبات کنید!
- تفکر واگرا
- تکنیک توهم انتخاب
- پذیرش

قسمت اول
قسمت دوم

#exp #stakeholder

FullstacksJS — Academy

21 Dec, 13:18


چطوری کارفرما رو قانع کنیم؟
قسمت دوم: چطوری بفهمیم کی حق با ماست؟

- توی مهندسی نرم افزار کیفیت رو چطوری تعریف میکنیم؟
- ‏Non-Functional Requirement چیه؟
- چطوری میتونیم تشخیص بدیم که تصمیمات ما برای افزایش کیفیت نرم افزار درسته؟

قسمت اول
قسمت سوم

#exp #stakeholder

FullstacksJS — Academy

21 Dec, 13:02


چطوری کارفرما رو قانع کنیم؟
قسمت اول: همیشه حق با ما نیست.

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

قسمت دوم
قسمت سوم

#exp #stakeholder

FullstacksJS — Academy

20 Dec, 12:31


AMA

سلام علیرضا، حالت چطوره؟

آقا ی راهنمایی / مشورت میخواستم ازت بگیرم
خلاصه بخوام بپرسم، آچار فرانسه شدن خوبه ؟ اینکه همه چیزو بدونیم یا نه، و آیا سن هم میتونه مانعی باشه برا این قضیه ؟
چند روز پیش بحث داکر بود تو شرکت، بعد پرسیدم که چجوریه و اینا و پیش نیازاش چین، که در ادامش به این جواب رسیدم که با 24 سال سن لب مرزی و بهتره روی تخصصی ک داری بیشتر تمرکز کنی و نمی ارزه که بخوای آچار فرانسه بشی و دیره
حالا من کنجکاوی یادگیری همه چیزو دارم، ولی سر انتخاب این که ارزشش داره، یا اولویت داره یکم مشکل پیدا کردم، کلی ابزار و مبحث هست، که نمیدونم اول برم سراغ کدوم، صبر کنم نیازم بشه، بعد یا نه

مثلا الان دارم fp میخونم، بعد در کنارش هم میخوام nodejs هم استارت بزنم، بعد با خودم میگم خپ بجاش میتونم برم ویو یا استرو یاد بگیرم و کلی چیزای دیگه، نظرت چیه

#ama

FullstacksJS — Academy

19 Dec, 20:02


سلام به همگی. 👋
از اونجایی که فرداشب اکثرا مهمونی هستن، جلسه ماب ریویو فردا رو یکشنبه برگزار می کنیم.

یلداتون مبارک باشه. 🎉

FullstacksJS — Academy

19 Dec, 08:53


AMA

سلام ستون
امیدوارم حالت خوب شده باشه

آقا من یه چالشی دارم، اینه که تو شرکتای بزرگ تقریبا هر ۲ ۳ سال میریم به سمت اینکه پروژه رو re-write کنیم
و این یه مقدار رو مخه
من الان دارم روی ۳ تا پروژه که همشون ریرایت پروژه های قبلی هستن کار میکنم
راه کاری هست واسه این موضوع؟ یا فقط موضوع اینه که یه طوری معماری رو بچینیم که این re-write عه رو بتونی خیلی کوچیک کوچیک ببریم جلو و از فیریز کد بیس قبلی جلوگیری کنیم

یا اینکه اصن طبیعیه و اگه بخوای آپدیت کنی یه سری از دپندنسیا رو باید بپذیری که break میشه کد بیس قبلی

#ama

FullstacksJS — Academy

17 Dec, 17:25


ماب ریویو کد ExpressJS و مهاجرت به Typescript
توی این جلسه یک پروژه تو این جلسه یک پروژه Express رو با هم ریویو می‌کنیم.

مشاهده ویدئو

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

ماب ریویو یه رویداد دوستانه و خودمونی برای انتقال تجربه دانشه.
توی این رویداد دور هم جمع می‌شیم تا یک سورس کد رو با هم ریویو کنیم و درباره پرکتیس‌های بهتر و دلایلش صحبت کنیم.

مباحث:
00:00 درباره ماب ریویو
01:24 درباره سورس
03:28 تمپلیت انجین
10:26 درباره اکسپرس ۵
14:50 چطوری وابستگی های پروژه رو maintain کنیم؟
19:07 چطوری version prefix ها رو غیرفعال کنیم؟
20:18 اهمیت Linter و Formatter و چگونی کانفیگ کردنشون
22:48 نحوه مهاجرت به ES Module
24:48 از پکیج config استفاده نکنید.
26:30 اجرای پروژه
27:33 نحوه درست مدیریت کانفیگ های
34:46 وابستگی ها رو گلوبال نصب نکنید!
36:00 بررسی تغییرات لینتر و فرمتر
39:05 چرا نباید از let استفاده کنیم؟
42:22 چرا نباید از process.env استفاده کنیم؟
47:30 از dotenv استفاده نکیند!
48:26 مشکل Express 4 با Promise ها چیه؟
52:30 مهاجرت به Express 5
57:45 از nodemon استفاده نکنید!
58:40 استفاده از husky و git hook ها
1:03:00 استفاده از lint-staged
1:07:20 نحوه کارکرد express.static
1:09:56 دوباره مشکل Express
1:13:30 چالش‌های مهاجرت از CJS به ESM
1:22:22 مهاجرت به Typescript
1:31:53 اگر یه پکیج تایپ نداشت چکار کنیم؟
1:36:09 توی ماژول هاتون Side-effect نذارید!
1:48:16 نامگذاری تو layered architeture
1:49:55 اضافه کردن Type Safety


اگر علاقه داری می‌تونید کدهاتون رو برای من بفرستین تا توی این جلسه‌ها با همدیگه ریویوشون کنیم. (https://t.me/S_Kill)

#fullstacksjs #mobreview #expressjs #javascript #nodejs #typescript #mongodb #mongoose

FullstacksJS — Academy

16 Dec, 23:01


چرا لندینگ نتفلیکس اینقدر پیچیدست؟
توی این جلسه درباره لندینگ Netflix و اینکه چرا شرکت های بزرگ مشکلات ساده رو حل نمی کنند.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #news #netflix #react

FullstacksJS — Academy

15 Dec, 14:12


چشم انداز Storybook
تو این ویدئو درباره آپدیت Storybook و چشم اندازشون برای تست صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#fullstacksjs #test #storybook #wus

FullstacksJS — Academy

15 Dec, 08:02


استیج ۲: از سینتکس تا مفهوم، چگونه درک عمیق تری از مفاهیم داشته باشیم؟
تو این جلسه آرمین شیخی برامون درباره اینکه چگونه یادگیرنده بهتری باشیم صحبت می‌کنه.

مشاهده ویدئو

ارائه دهنده:‌ آرمین شیخی

مباحث
00:00 درباره استیج
01:13 معرفی و مقدمه
02:54 یادگیری رفتارگرایانه
04:53 یادگیری شناخت‌گرایانه
06:28 یادگیری سازه‌گرایانه
08:31 یادگیری اجتماعی
10:13 چالش تصمیم‌گیری در شرکت‌ها
15:57 آزمایش Bobo Doll
17:20 یادگیری انسان‌گرایانه
21:12 این تئوری ها چطوری بهمون کمک می‌کنه؟
24:26 روش‌های مدرن‌تر یادگیری
28:16 مسئله فاصله مهارتی
31:30 اثرProtege
37:43 استفاده از مصاحبه برای یادگیری
39:42 استفاده از جوامع برای یادگیری
46:51 بهترین مدل یادگیری
48:18 مسئله بی‌انگیزگی
52:30 اضافه بار شناختی
55:37 مسئله Attention span
1:0320 تجربه مهیار کیهانی
1:07:17 تجربه علیرضا لطیفی
1:10:38 یادگیری در مراحل متفاوت
1:12:29 تجربه احسان کیهانی
1:14:57 لینک های ارتباطی

می‌تونید آرمین رو توی شبکه‌های اجتماعی دنبال کنید:
- آرمین شیخی
- کانال تلگرام
- لینکداین

درباره استیج
توی جلسات استیج شما میتونید موضوعی که دوست دارید رو ارائه بدید.
برای هماهنگی کافیه به تلگرام من پیام بدید
https://t.me/s_kill

#fullstacksjs #stage #learning #knowledge

FullstacksJS — Academy

14 Dec, 00:17


از اسولت ۵ چه درسی می‌گیریم؟
توی این ویدئو درباره اسولت ۵ و درس‌هایی که ازش میتونیم بگیریم صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#svelte #fullstacksjs #news #react #jsx

FullstacksJS — Academy

13 Dec, 11:06


همونطور که می‌دونید React Router 7 (شما بخونید Remix 3) هفته پیش اومد و رقیب مهمی برای Next.JS حساب میشه.

امروز ساعت 7 توی جلسه ماب‌ریویو می‌خوایم یه نگاهی بهش بندازیم و راه حل‌هایی که ارائه میده رو با Next 15 مقایسه کنیم.

منتظرتون هستیم.

افزودن به تقویم

#event

FullstacksJS — Academy

09 Dec, 15:31


استیج: معماری نرم افزار، تعادل بین هزینه و کیفیت

تو این جلسه خالوای از معماری نرم افزار، تاریخچه‌اش برامون می‌گه.

مشاهده ویدئو

مباحث:
00:00 درباره استیج
01:43 معرفی منابع
03:20 هزینه و کیفیت
06:18 کیفیت کد در مرور زمان
11:53 کیفیت داخلی و خارجی
20:05 رابطه زمان و هزینه تغییرات
29:34 رابطه بین متودولوژی و کیفیت
33:48 چرا نرم افزار با کیفیت، کم هزینه تره
35:27 تاریخچه معماری نرم‌افزار
45:48 مثال NodeJS
56:52 معماری Clean Architecture
58:38 معماری Hexagonal
1:00:27 تعریف معماری
1:04:00 بالانس کردن هزینه ها توی استارت‌اپ ها
1:09:20 بر چه اساس باید معماری انتخاب کنیم؟
1:16:35 آیا باید توی ریپازیتوری Business logic بذاریم؟


#stage #architecture

FullstacksJS — Academy

08 Dec, 18:27


وب رو نجات بدین!
توی این ویدئو درباره تصمیم های احتمالی دادگستری آمریکا علیه گوگل و تاثیرش روی وب دولاپرها صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#google #wus #chrome #android

FullstacksJS — Academy

08 Dec, 13:56


حل مشکل Suspense تو ری‌اکت ۱۹
توی این ویدئو درباره راه حل تیم ری‌اکت برای مشکل Suspense صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#react #nodejs

FullstacksJS — Academy

06 Dec, 15:19


کم کم شروع می‌کنیم
- لینک میت

FullstacksJS — Academy

28 Nov, 18:29


چند دقیقه دیگه شروع می‌کنیم.

https://meet.google.com/hyt-rfiv-pfc

FullstacksJS — Academy

28 Nov, 13:49


بچه ها برای Mob Review فردا سورس نداریم

FullstacksJS — Academy

27 Nov, 18:00


اسلاید های:
استیج: از سینتکس تا مفهوم: چگونه درک عمیق تری از مفاهیم داشته باشیم؟

FullstacksJS — Academy

27 Nov, 18:00


🧠 آزمایش عروسک بوبو: یه نگاه جالب به رفتار آدما

🤔 آزمایش معروف عروسک بوبو که تو سال ۱۹۶۱ توسط آلبرت بندورا انجام شد.
داستان چی بود؟
🔍 تو این آزمایش، یه ویدیو به بچه‌ها نشون دادن که توش یه بزرگسال با عصبانیت به یه عروسک بادی (همون عروسک بوبو) مشت و لگد می‌زد و داد می‌کشید.

بعدش وقتی بچه‌ها با همون عروسک بازی کردن، خیلیاشون دقیقاً همون کارای بزرگساله رو تکرار کردن!

چرا این آزمایش مهمه؟
این آزمایش ثابت کرد که آدما با دیدن رفتارای بقیه یاد می‌گیرن (یه چیزی به اسم یادگیری مشاهده‌ای). این موضوع بعداً شد پایه نظریه یادگیری اجتماعی بندورا.

FullstacksJS — Academy

27 Nov, 16:21


کم کم شروع میکنیم

لینک جلسه:
https://fullstacksjs.com/stage/live

FullstacksJS — Academy

26 Nov, 15:16


بچه ها What's up S-kill 8 رو کم کم شروع می‌کنیم.
منتظرتون هستم

https://fullstacksjs.com/wus/live

FullstacksJS — Academy

26 Nov, 11:45


استیج: از سینتکس تا مفهوم: چگونه درک عمیق تری از مفاهیم داشته باشیم؟

تو این جلسه آرمین شیخی برامون درباره اینکه چگونه یادگیرنده بهتری باشیم صحبت می‌کنه.

چهارشنبه ساعت ۸ منتظرتون هستیم

افزودن به تقویم

ارائه دهنده: آرمین شیخی

#stage #event

FullstacksJS — Academy

25 Nov, 13:10


AMA

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

واکنش ما چی باید باشه ؟
درحالی ک میدونیم این پروژه اگر معماری n داخلش پیاده نشه، تست یا ریفکتور نشه، و در آینده به جای خوبی نمیرسه ،
دیسیپلینی که ساختیم یا سعی در ساختش داریم رو بزاریم کنار و پولشو بگیریم ( برای پول کد بزنیم) ؟

یا سعی کنیم فرد رو قانع کنیم ؟ ( که معمولا نمیشن چون اکثر کارفرماها از کلمه ریفکتور و این چیزا حداقل تو ایران فرارین)
@S_Kill

#ama

FullstacksJS — Academy

24 Nov, 10:42


سلام به همگی.
ممنون بخاطر این همه آرزوی سلامتی. خداروشکر حالم داره بهتر میشه ولی هنوز اونقدر خوب نشدم که بتونیم جلسه امروز رو داشته باشیم.
برای What's up S-Kill انشالله سه شنبه می بینمتون.

FullstacksJS — Academy

22 Nov, 14:55


چطوری سنیور بشیم

#exp

FullstacksJS — Academy

22 Nov, 14:55


AMA

سلام روزتون بخیر

یکی از موضوعاتی که به نظرم جذاب اومد در موردش صحبت بشه اینکه در سطح های مختلف چیا باید بدونیم مثلا به عنوان میدلول باید چه چیزهایی بدونیم یا حتما در کدمون پیاده سازی بشه که نمیدونیم

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

اصلاً حالا کانسپت مید لول سینیور یا جونیور برام مهم نیست فقط اینکه می‌خوام بدونم قدم بعدی برای من نوعی چیه برای مثال من در قدم بعدی باید چه چیزهایی رو توی جاوا اسکریپت یاد بگیرم

#ama

FullstacksJS — Academy

22 Nov, 10:07


سلام بچه ها، متاسفانه امروز حالم خیلی خوب نیست، اگر حالم بهتر شد جلسه What's up S-Kill رو یکشنبه برگزار می‌کنیم.

FullstacksJS — Academy

21 Nov, 08:46


@alish991
@PakzadJS
@z4ch_dev
از حمایت‌هاتون ممنونم ❤️

FullstacksJS — Academy

18 Nov, 20:40


استیج: معماری نرم افزار، تعادل بین هزینه و کیفیت

تو این جلسه خالوای از معماری نرم افزار، تاریخچه‌اش برامون می‌گه.

چهارشنبه ساعت ۸ منتظرتون هستیم

افزودن به تقویم

ارائه دهنده: خالوای ازبک

#stage #event

FullstacksJS — Academy

17 Nov, 18:52


FullstacksJS Stage
‏Docendo discimus

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

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

برای شرکت کردن، کافیه موضوعی که دوست دارید به اشتراک بذارید رو برای من بفرستید.

#stage #event

FullstacksJS — Academy

16 Nov, 18:41


جلسه هشتم What's up Skill 👑

جمعه ساعت ۷ درباره تغییرات آینده React و NextJS و State of HTML صحبت می‌کنیم.

‏ What's up S-Kill چیه؟

افزودن به تقویم

لینک میت

#event #wus

FullstacksJS — Academy

16 Nov, 17:22


‏CSS stretch
این قسمت درباره مقدار stretch توی توی CSS صحبت می‌کنیم که میتونه جلوی خیلی از مشکلات رو بگیره.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#wus #css #stretch

FullstacksJS — Academy

15 Nov, 15:26


بچه ها کم کم Mob Review رو شروع می‌کنیم.

https://meet.google.com/ssk-aumy-xmg

FullstacksJS — Academy

15 Nov, 11:39


همین تغییر جایگاه المان توی صفحه هست
نه باگ توی کد هست و نه یه فیچر میتونه حساب بشه از نظرم
فقط جابجایی جایگاهاشونه

<div>
<p>one</p>
<p>two</p>
</div>

تبدیل میشه به
<div>
<p>two</p>
<p>one</p>
</div>

FullstacksJS — Academy

15 Nov, 11:39


برای کامیت کردن تغییر جای ۲ تا المنت باگ فیکس حساب میشه یا فیچر؟

#exp #bug #feature #conventional_commit

FullstacksJS — Academy

14 Nov, 18:30


FullstacksJS — Academy pinned Deleted message

FullstacksJS — Academy

14 Nov, 18:30


https://meet.google.com/uok-hnaf-ngu


منتظر حضور گرمتون هستیم💙

FullstacksJS — Academy

14 Nov, 13:37


جلسه پنجم ماب ریویو 🚀

این جمعه (۲۵ آبان) ساعت ۷، پنجمین جلسه ماب‌ریویو رو داریم. تو این جلسه یک پروژه بک اندی با Express رو با هم ریویو می‌کنیم.

اگر علاقه دارید می‌تونید کدهاتون رو برای من بفرستید تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.

✦ توضیحات بیشتر

✦ اضافه کردن به تقویم

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

#event #mob_review

FullstacksJS — Academy

11 Nov, 18:19


اتفاقات جدید توی ‏CSS Masonry Layout
توی این ویدئو درباره اتفاقات جدید روی چینش Masonry صحبت می‌کنیم

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#wus #css #masonry

FullstacksJS — Academy

11 Nov, 17:27


قسمت چهارم ماب ریویو: معماری نرم افزار و DDD

تو این جلسه یک پروژه NestJS رو با هم ریویو می‌کنیم.

مشاهده ویدئو


اگر علاقه دارید می‌تونید کدهاتون رو برای من بفرستید تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.

مباحث
00:00 ماب ریویو چیه؟
01:06 درباره پروژه؟
02:32 پارادایم Reactive Programming
03:55 معماری های Hexagonal
05:39 تعریف و انواع وابستگی توی معماری
06:55 مفهوم Dependency Inversion
13:41 مفهوم Dependency Injection
17:35 استفاده این مفاهیم توی معماری
20:08 لایه Domain توی معماری Clean
21:10 مزیت نام گذاری روی معماری‌ها و پترن‌ها
21:57 ‏Domain Driven Design چیه؟
34:24 معرفی منابع برای DDD
37:53 پرکیتس ها و اهمیت Communication
42:39 مسئولیت لایه Application
44:43 آنتی پرتن Anemic domain
46:48 مفهوم Ubiquitous language و Bounded Context
53:16 مفاهیم Strategic design و Tactical Design
54:29 فرق بین Value Object و Entity
1:00:42 مفهوم Domain Event
1:02:00 مفهوم Aggregate root
1:05:34 استفاده از این مفاهیم تو NestJS
1:06:53 مفهوم persistence ignorance
1:09:06 بی اهمیت بودن ابزارها و اهمیت نیاز بیزینس
1:12:03 چرا مقایسه ابزارها درست نیست
1:14:29 کجا باید از DDD استفاده کنیم؟
1:15:41 چرا کسب تجربه توی DDD سخته؟
1:16:34 پترن CQRS
1:19:26 چرا نباید همه جا از پترن‌ها و معماری‌ها استفاده کنیم؟


✦ ماب ریویو چیه؟

✦ سورس کد

✦ اضافه کردن به تقویم


#mobreview #nestjs #cqrs #designpatterns #ddd #cleanarchitecture #hexagonarchitecture #mongodb #typescript #nodejs

FullstacksJS — Academy

07 Nov, 08:01


جلسه هفتم What's up Skill 👑

جمعه ۱۸ آبان جلسه هفتم What's up S-Kill رو داریم. توی این جلسه درباره State of CSS و اخبار وب صحبت می‌کنیم.

منتظرتون هستم.

‏ What's up S-Kill چیه؟

افزودن به تقویم

لینک میت

#event #wus

FullstacksJS — Academy

06 Nov, 20:57


جلسه سوم Mob Review
تو این جلسه یک پروژه NestJS رو با هم ریویو می‌کنیم.

مشاهده ویدئو

00:00 ماب ریویو چیه؟
00:50 درباره پروژه؟
02:55 بررسی مدل دیتابیس
03:45 کدوم روش ذخیره سازی ID بهتره؟
17:50 نکته ای درباره NextFactory ه Nest
20:30 فلسفه معماری های Hexagonal و Clean
30:43 بررسی format کد
33:11 چرا استفاده از absolute path پرکتیس خوبی نیست
40:40 بررسی anti-pattern ه Primitive Obsession و مفهوم Value Object
49:15 مفههوم Entity به زبان ساده
54:45 تاثیر روش های مختلف نوشتن کد روی خوانایی
57:20 بهتره Access Modifier ها رو بذاریم یا نه
1:01:00 پترن Static factory و دلیل استفاده ازش
1:07:40 استفاده از Result type برای مدیریت خطا
1:14:20 پترن CQRS


———
این جلسه هر ۲ هفته برگزار می‌شه و با لینک زیر میتونید به تقویمتون اضافه کنید.

افزودن به تقویم

کنجکاو بمونید


#mobreview #nestjs #cqrs #designpatterns #ddd #cleanarchitecture #hexagonalarchitecture

FullstacksJS — Academy

03 Nov, 08:00


اسکیل‌پاد ۴۴: شایستگی و درک بهتر سوالات مصاحبه کاری

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

- هدف پشت سوال‌های مصاحبه چیه؟
- چرا از چالش‌هایی که قبلا توی شرکت داشتیم می‌پرسند؟
- چطوری باید به این جور سوال‌ها جواب داد؟

🎞 مشاهده ویدئو

——————

✦ کانال فول‌استکس آکادمی
✦ عضویت در جامعه


#skillpod #competency

FullstacksJS — Academy

01 Nov, 14:52


کم کم ماب ریویو رو شروع میکنیم

https://meet.google.com/ssk-aumy-xmg

FullstacksJS — Academy

30 Oct, 18:28


لینک جدید ماب ریویو
https://calendar.app.google/dJYBwiovYSFoeGU58

FullstacksJS — Academy

30 Oct, 17:13


ورژن جدید کانفیگ ESLINT جامعه

توی این ویدئو درباره کانفیگ ESLint جامعه و تغییراتش توی ورژن ۱۱ صحبت می‌کنیم

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید


#wus #eslint

FullstacksJS — Academy

30 Oct, 16:15


مهاجرت به نکست ۱۵ و نحوه استفاده از قابلیت‌های جدیدش

توی این ویدئو درباره هر چیزی که باید از نکست ۱۵ بدونیم صحبت می‌کنیم.

مشاهده ویدئو

00:00 درباره ویدئو
00:36 کدماد چیه؟
02:48 تغییرات مکانیزم کش کردن نکست
12:17 ری‌اکت ۱۹
13:40 آیا وقت استفاده از React Compiler شده؟
15:26 آیا واقعا turbopack استیبله؟
16:29 بهبود DX
16:36 درباره instrumentation
16:55 فرق Form ه Next با و Form ه React چیه؟
21:54 توضیحات درباره پروژه ای که می‌خوایم به نکست ۱۵ ببریم
26:07 مهاجرت به نکست ۱۵
41:36 استفاده از قابلیت های جدید Next 15
54:00 use cache

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

افزودن به تقویم

کنجکاو بمونید


#nextjs

FullstacksJS — Academy

30 Oct, 13:27


اینکه Vite از ۲ تا bundler استفاده می‌کنه چه مشکلاتی داره
#exp #vite

FullstacksJS — Academy

29 Oct, 20:33


جلسه چهارم ماب ریویو 🚀

این جمعه (۱۱ آبان) ساعت ۷ چهارمین جلسه ماب ریویو رو داریم. تو این جلسه یک پروژه بک اندی با NestJS رو با هم ریویو می‌کنیم.

اگر علاقه دارید می‌تونید کدهاتون رو برای من بفرستید تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.
✦ توضیحات بیشتر

✦ اضافه کردن به تقویم

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

#event #mob_review

FullstacksJS — Academy

28 Oct, 19:47


Mob Review 2: ماب ریویو کلون اینستاگرام با نکست جی اس

توی این جلسه یک پروژه تو این جلسه یک پروژه NextJS رو با هم ریویو می‌کنیم.

https://www.youtube.com/watch?v=8rFUMR8gjJ0

00:00 ماب ریویو چیه؟
02:13 ‏ni چیه؟
03:20 فلسفه package lock چیه و چرا نباید ایگنورش کرد؟
09:30 بررسی package.json
12:30 نحوه درست ستاپ کردن فرمتر توی پروژه تیمی
15:42 دلیل استفاده از husky و git hook ها
16:45 دلیل استفاده از lint-staged
21:27 چطوری با حفظ DX بتونیم کدبیس رو scale کنیم؟
27:15 بررسی next.config.js و متغیرهای محلی
29:11 بررسی فولدر استراکچر
29:50 بررسی schema.prisma
36:40 بررسی Provider ها
44:45 استفاده از clsx وtailwindMerge
46:40 بررسی مدیریت فرم
49:15 مدیریت اسکیما و اپتیمایز کردن فرم
55:27 بررسی folder structure های مختلف
1:07:43 کی و چطوری SSR رو غیرفعال کنیم؟
1:10:20 پرکتیس درست گرفتن دیتا توی NextJS
1:26:00 پرکتیس درست API call ها توی NextJS

#mob_review #nextjs #react #prisma

FullstacksJS — Academy

28 Oct, 17:56


سی‌اس‌اس ۶ و لوگوی جدیدش

توی این ویدئو درباره لوگوی جدید CSS و حواشی ورژن بندی متفاوت CSS حرف می‌زنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#css #wus

FullstacksJS — Academy

26 Oct, 18:39


‏Typescript 5.7

توی این جلسه درباره یکی از قابلیت های جدید Typescript 5.7 صحبت می‌کنیم که مشکلات کتابخونه سازها رو حل می‌کنه.


مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#whatsup #css

FullstacksJS — Academy

25 Oct, 15:25


کم کم
شروع میکنیم
https://fullstacksjs.com/wus/live

FullstacksJS — Academy

24 Oct, 13:58


قابلیت جدید CSS برای انیمیت کردن

توی این قسمت درباره یکی از فیچرهای جدید CSS صحبت می‌کنیم که مشکل زیادی رو از ما حل می‌کنه.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#whatsup #css

FullstacksJS — Academy

23 Oct, 14:00


از این به بعد می‌تونید اطلاعات مربوط به جلسه What's up S-Kill رو توی صفحه جامعه پیدا کنید.

https://fullstacksjs.com/en/wus

تشکر مخصوص از برای طراحی صفحه @arash012s (البته دیزاین آرش خیلی خوشگل تر بود ولی نسخه تنبلش پیاده سازی شد)

FullstacksJS — Academy

23 Oct, 13:56


جلسه ششم What's up Skill 👑

تو این جلسه به آپدیت Next 15 و Svelte 5 می‌پردازیم و سعی می‌کنیم یکی از پروژه‌ها رو به ورژن جدید مهاجرت بدیم.

منتظرتون هستم.

‏ What's up S-Kill چیه؟

افزودن به تقویم

لینک میت

#event #wus

FullstacksJS — Academy

23 Oct, 11:01


جاوااسکریپ رو آزاد کنید!

این قسمت درباره نامه اکوسیستم به شرکت Oracle برای آزاد سازی Javascript صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#whatsup #freejavascript

FullstacksJS — Academy

22 Oct, 16:06


سرور فانکشن‌ها!

ری اکت توی ورژن ۱۹ اسم Server Action ها رو به Server Function تغییر داده. توی این ویدئو درباره اینکه چرا اینکارو کرده صحبت می‌کنیم.

مشاهده ویدئو

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

افزودن به تقویم

کنجکاو بمونید

#react #next #serveraction #fullstacksjs

FullstacksJS — Academy

22 Oct, 11:38


‏useQuery().promise

یه API جدید قرار هست به React Query اضافه بشه که بهمون اجازه میده render on fetch رو راحت تر بتونیم انجام بدیم.


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

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #query

FullstacksJS — Academy

22 Oct, 00:13


امروز ۷ سال از اولین پستی که توی کانال FullstacksJS گذاشتم می‌گذره (این کانال نه، اینجا آکادمیه).
میخوام از این فرصت استفاده کنم و یکم درباره جامعه بنویسم.

ما چرا هستیم؟
من تقریبا ۸ سال پیش وارد حوزه وب شدم. همون اوایل سعی کردم توی گروه‌های تلگرامی مربوط به وب عضو بشم.

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

بهتر بخوام بگم، اولویت اول مدیران سود شخصیشون بود و هر معیار دیگه ای بعدش تعریف می‌شد.
اگر گروه بهتری هم پیدا می‌شد، دلیل اون بهبود فقط مزیت رقابتی در راستای رسیدن به سود شخصی بیشتر بود.

(برای شفاف سازی باید بگم که من هیچ مشکلی با سود شخصی ندارم.)

من دنبال محیطی بودم که برای اعضا اهمیت قائل باشه و هدف و چشم انداز بزرگ تری داشته باشه.

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

————

ما کی هستیم؟
ما توی جامعه ارزش‌هارو تعریف کردیم و خیلی زود آدم‌هایی که ارزش‌های یکسانی با ما داشتن همراهمون شدن. کم اهمیت ترین مسئله توی جامعه تعداد اعضا و کمیت محتواست، شاید بعد ۴ سال ۵۰۰ نفر شدیم و روی همون عدد موندیم.

(جوامع کوچیک خیلی باحال ترن)

اما یکی دو سالی میشه بخاطر فعالیت فول‌استکس‌آکادمی توی شبکه های اجتماعی اعضای جدیدی عضو جامعه شدن و نزدیک ۱۵۰۰ تا شدیم (نمیدونم شایدم بیشتر).

برای همین ممکنه اکثر اعضا با ارزش‌هایی که ما رو کنار هم نگه می‌داره آشنا نباشن.

(هرچند توی سایت جامعه نوشته شده اما می‌خوام اینجا یکم خودمونی تر و با جزیئات بیشتر دربارشون بنویسم).

ارزش‌هامون اینطوری تعریف می‌شن:

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

کیفیت اطلاعات: سعی ما از همون روزهای اول نزدیک بودن به لبه‌های دانش بوده. از روش‌ها و تکنولوژی‌هایی که توی صنعت استفاده می‌شه صحبت می‌کنیم.

قابل اتکا بودن اطلاعات: صحت سنجی اطلاعات هم خیلی برامون مهمه. اگر اطلاعات اشتباهی رو توی جامعه نشر بدیم سعی می‌کنیم تصحیحش کنیم.

اخلاق حرفه‌ای: ارزش‌های اخلاقی و حرفه‌ رفتار کردن برامون مهمه.

—————

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

برای همین میخوام ازتون تشکر کنم که این همه سال همراه بودین.
ممنون از حمایتتون و وقتی که برای شکل دادن به این جامعه گذاشتین.

S-Kill

FullstacksJS — Academy

21 Oct, 20:36


وضعیت مارکت.

FullstacksJS — Academy

20 Oct, 18:44


AMA

تا اونجا که میدونم vite از دو تا باندلر
داره استفاده میکنه.
esbuild
rollup

که فکر میکنم این باعث یک سری مشکلاتی میشه.
یکیش اینکه توی development و production ممکن رفتار یک سانی نداشته باشه اپلیکیشن.

میدونی این تفاوت تا چه حد ممکنه باشه و یکم درباره جزییاتش توضیح بدی؟
اینکه دقیقا چه مشکلاتی داره اینکه از دو تا باندلر استفاده میکنه.

#ama

FullstacksJS — Academy

20 Oct, 18:34


چرا نباید سمت Biome رفت

#exp

FullstacksJS — Academy

20 Oct, 18:33


AMA

چرا باید از ابزارهای بسیار خوب و قوی prettier و eslint استفاده کرد وقتی biomejs سریعتر ، سبک تر و هر دو رو باهم دراختیارمون میزاره؟

#ama

FullstacksJS — Academy

20 Oct, 18:32


آخر ویت بهتره یا rebuild؟

#exp

FullstacksJS — Academy

20 Oct, 10:55


ورژن ۱۱ ه کانفیگ ESLint جامعه پابلیش شد

کانفیگ ESLint جامعه یه کانفیگ کامل برای داشتتن سورس کد یکپارچه و بدون خطاست.

برای استفاده از این کانفیگ نیاز به نصب هیچ پلاگینی اضافه ای ندارید و می‌تونید وابستگی های مستقیم package.json رو حذف کنید.


این کانفیگ به با خوندن وابستگی های پروژه به صورت خودکار تصمیم می‌گیره چه پلاگین هایی رو لازم دارین و اون ها رو فعال می‌کنه.

همچنین از پلاگین های زیر پشتیبانی می‌کنه.

- import
- jest
- vitest
- node
- playwright
- cypress
- prettier
- perfectionist
- promise
- react
- storybook
- tailwindcss

نحوه استفاده:

۱- هر چیزی مربوط به ESLint دارین رو از پروژه پاک کنید.
۲- پکیج رو نصب کنید
npm install --save-dev eslint @fullstacksjs/eslint-config


۳- فایل eslint.config.mjs بسازید

import { init } from '@fullstacksjs/eslint-config';

export default init();

۴- همین.

GitHub Repo

#eslint #project

FullstacksJS — Academy

19 Oct, 13:46


Void(0)

این قسمت درباره وضعیت tooling توی دنیای جاوااسکریپت و اینکه کمپانی Void(0) چطوری می‌تونه نجاتمون بده صحبت می‌کنیم.

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

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #void0

FullstacksJS — Academy

18 Oct, 15:24


کم کم شروع میکنیم

https://meet.google.com/ssk-aumy-xmg

FullstacksJS — Academy

18 Oct, 11:25


جلسه سوم ماب ریویو 🚀

امروز ساعت ۷ سومین جلسه ماب ریویو رو داریم. تو این جلسه یک پروژه بک اندی با NestJS رو با هم ریویو می‌کنیم.

درباره ماب ریویو:
ماب
ریویو یه رویداد دوستانه و خودمونی برای انتقال تجربه دانشه.
توی این رویداد دور هم جمع می‌شیم تا یک سورس کد رو با هم ریویو کنیم و درباره پرکتیس‌های بهتر و دلایلش صحبت کنیم.

اگر علاقه دارید می‌تونید کدهاتون رو برای من بفرستید تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.

📅 اضافه کردن به تقویم

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

#event #mob_review

FullstacksJS — Academy

17 Oct, 11:49


نحوه کارکرد PPR و ‌Breaking change های نکست توی ورژن 15

توی این قسمت درباره PPR و connection و Breaking Change های نکست ۱۵ و دلیلش صحبت می‌کنیم.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#wus #nextjs

FullstacksJS — Academy

16 Oct, 13:14


استیج ۲.۷ توی اکمااسکریپت!

استیج ۲.۷ به ECMAScript اضافه شد. توی این ویدئو درباره مشکلی که حل میکنه و چرا عدد ۲.۷ انتخاب شده صحبت می‌کنیم.

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#whatsup #ecmascript

FullstacksJS — Academy

16 Oct, 08:42


چطوری جاوااسکریپت رو خراب کنیم

این قسمت درباره یه مشکل جالب توی ES Module صحبت می‌کنیم. این رفتار توی Node ,Deno, Bun, Chrome و Firefox یکسان بود.

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

مشاهده ویدئو

افزودن به تقویم

کنجکاو بمونید

#whatsup #esmodule

FullstacksJS — Academy

14 Oct, 22:52


این پیامم رو توی آخرین چت های PV پیدا کردم.

شما حدس بزنین برای چند سال پیش می‌تونه باشه.

الان نه رول هایی که گفتم برام معنی میده نه عددهاش. 😄

امیدوارم الان سنیور شده باشی 💛 (ولی تو تهران و حقوق ۱۰ تومن نباشی 😂)

FullstacksJS — Academy

14 Oct, 22:40


ممنون از alish و نیمای عزیز برای حمایت 💛

FullstacksJS — Academy

14 Oct, 22:35


آپدیت جدید نکست و ساپورت تایپ اسکریپت

تو این قسمت درباره یکی از پول ریکوئست های Next.JS صحبت میکنیم که قرار هست ساپورت typescript رو برای فایل next.config رو اضافه کنه

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

افزودن به تقویم

مشاهده ویدئو

کنجکاو بمونید

#whatsup #nextjs #typescript

FullstacksJS — Academy

14 Oct, 20:11


مشکل اکسپرس چیه؟

#exp #express

FullstacksJS — Academy

13 Oct, 20:59


آپدیت جدید NodeJS 22.8.0

توی این قسمت درباره قابلیت جدید NodeJS 22.8.0 صحبت می کنیم. از این به بعد می‌تونیم با NodeJS برای کدمون code coverage رو محاسبه کنیم.

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

افزودن به تقویم

مشاهده ویدئو

کنجکاو بمونید

#whatsup #node

FullstacksJS — Academy

12 Oct, 16:27


خبر بد اینکه ویدئو جلسه اول Mob Review مشکل داره و تصویر ضبط نشده
خبر خوب اینکه جلسه دوم سالمه.

FullstacksJS — Academy

11 Oct, 13:36


۱۰ دقیقه دیگه شروع می‌کنیم.

https://meet.google.com/yse-cojc-nyr

FullstacksJS — Academy

11 Oct, 11:40


جلسه پنجم What's up Skill 👑

از CSS 6 تا حذف TLD ه io

———

اگر تو اکوسیستم وب فعال باشین می‌دونین که هر روز توی وب اتفاق جدید می‌افته. ما توی جامعه FullstacksJS قرار هست هر ۲ هفته دور هم جمع بشیم و درباره اتفاقاتی که افتاده یکم بیشتر کنجکاوی کنیم.

منتظرتون هستم.

افزودن به تقویم: (امروز ساعت 5.5)
https://calendar.app.google/p8j9maQuVeUZ3ToQ9

#event #wus

FullstacksJS — Academy

09 Oct, 10:23


هزینه نگه‌داری فریم‌ورک‌ها و کتابخونه‌ها:

- تفاوت هزینه نگه‌داری با آپدیت های کتابخونه چیه؟
- بلوغ چه تاثیری توی انتخاب ما داره؟
- اگر کتابخونه آپدیت نده آیا به این معنیه که هزینه ای برای ما نداره؟

#exp #startup

FullstacksJS — Academy

09 Oct, 10:16


برای استارتاپها از چه تکنولوژیهایی استفاده کنیم؟

- آیا استفاده از فریم‌ورک های جدید توی استارتاپ‌ها منطقیه؟
- برای انتخاب زبان برنامه نویسی و فریم ورک ها توی استارتاپ‌ها چه چیزی باید مد نظر داشت؟
- بدهی فنی، وام فنی یا سرمایه‌گذار فنی؟
- ارتباط استارتاپ با پوکر

#exp #startup

FullstacksJS — Academy

09 Oct, 08:13


AMA

ی مشورت میخواستم ازتون بگیرم بابت تکنولوژی هایی که میتونیم باهاشون ی محصولی رو به عنوان شرکت استارتاپی بیاریم بالا ی پادکست از جادی گوش دادم نمی‌دونم شمام گوش کردید یا نه ولی گفت شرکت هایی که می‌خوان استارتاپ راه بندازن از یکسری تکنولوژی که جواب پس دادن و درست کار می‌کنن و مدام تغییر نمیکنن، استفاده میکنن چون هزینه تغییر زیاده حالا من میخواستم بدونم مثلا به عنوان یه مهندس نرم افزار که میخواد مثلا با تکنولوژی هایی که از بک و فرانت و دو اپس و ... داره یه محصولی بده بیرون اونو سازمانی کنه در قالب استارتاپ توسعش بده حالا یکسری تکنولوژی تو زمینه مثلا فرانت مثل ریکت خیلی آپدیت میشه و مشکلاتش رفع میشه و حالا داستانای دیگه توی بک اند هم نود مشکل زیاد داشت و داره که هی باید با فریم ورک های جانبی اون سوراخ هارو پوشوند و مدام آپدیت میشه حالا بنظر شما توی این زمینه اون تکنولوژی هایی که درست کار می‌کنن و جواب پس دادن چیان حالا جدا از تعصب و چیزای مختلف

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

#ama

FullstacksJS — Academy

07 Oct, 23:49


به زودی...

FullstacksJS — Academy

05 Oct, 15:26


بچه ها جلسه رو کم کم شروع می‌کنیم.

https://meet.google.com/ssk-aumy-xmg

FullstacksJS — Academy

05 Oct, 14:10


جلسه دوم ماب ریویو 🚀

امروز ساعت ۷ دومین جلسه ماب ریویو رو داریم. تو این جلسه یک پروژه NextJS رو با هم ریویو می‌کنیم.

درباره ماب ریویو:
ماب
ریویو یه رویداد دوستانه و خودمونی برای انتقال تجربه دانشه.
توی این رویداد دور هم جمع می‌شیم تا یک سورس کد رو با هم ریویو کنیم و درباره پرکتیس‌های بهتر و دلایلش صحبت کنیم.

اگر علاقه داری می‌تونید کدهاتون رو برای من بفرستین تا توی این جلسه‌ها با همدیگه ریویوشون کنیم.

📅 اضافه کردن به تقویم

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

#event #mob_review

FullstacksJS — Academy

02 Oct, 13:45


بعد ۱۰ روز زندگی بدون لپتاپ دارم برمی‌گردم خونه.

تو این مدت اتفاقات جالبی تو جامعه افتاده.‌ فردا هم ViteConf رو داریم و احتمالا خبرهای جذابی درباره VoidZero و Rolldown داشته باشیم.

برای همین یه تغییری توی برنامه های جامعه باید بدیم.

جلسه چهارم What's up S-Kill رو این جمعه می‌ریم که درباره این خبرها گفتگو کنیم. (افزودن به تقویم)

جلسه دوم Mob review رو شنبه برگزار می‌کنیم. (افزودن به تقویم)

منتظرتون هستم

پ.ن: گوگل کلندر یکی از سخت ترین ابزارها برای مدیریت رویدادهاست.

کنجکاو باشیم ✦

#event

FullstacksJS — Academy

25 Sep, 12:40


سلام بچه‌ها 👋
من ۲ هفته به سیستم دسترسی‌ ندارم. برای همین جلسه What's up S-Kill این هفته برگزار نمی‌شه.

FullstacksJS — Academy

24 Sep, 17:20


پروفایل گیت‌هاب و استخدام

- تاثیر پروفایل گیت‌هاب توی استخدامی چطوریه
- گیت‌هابمون چطور باشه خوبه؟
- آیا ارزش داره برای استخدام شدن تو جامعه اپن سورس وقت بذاریم؟

#exp #github #jobhuntint