FE roadmap

[mojerf]

یکی از بزرگترین مشکلات این مستندات نقشه راه هست.
بهترین روش یادگیری از نظر من یادگیری تعاملی هست یعنی برای مثال اگه من نیم ساعت داکیومنت مطالعه کردم یه تمرین داشته باشم که انجام بدم و داخل issue هایی که دارم قرارش بدم و ارسال کنم و منتور اون رو بررسی کنه.
برای مثال در بخش اول یعنی JS Fundamental میتونست بعد از تعریف متغیر ها یک تمرین در رابطه با متغیر ها به صورت کد نویسی قرار بگیره تا هم یادگیری یکم عمیق تره بشه هم از یک نواختی در بیاد برای بخش Function ها هم همینطور یک یا چند تمرین که همه ابعاد مسائلی که داخل داکیومنت دربارشون توضیح داده شده رو در بر بگیره.
یکی دیگه از مسائلی که میتونست خیلی بیشتر کمک کنه توی یادگیری و جلوگیری کنه از خسته شدن کارآموز بیشتر شدن مستندات ویدیویی هست بخصوص توی بخش هایی که طولانی هستند ( مثل UI/UX یا Test ) که باید داکیومنت زیادی رو مطالعه کنیم تا به پیاده سازی برسیم.
و از نظر ترتیب دسته بندی به نظرم اگه به این شکل بود بهتر بود ( نظر شخصی بنده هست و ممکنه اشتباه باشه ) :

1. UI/UX ( چون تازه شروع کردیم و انرژی برای خوندن داکیومنت و چیز های پایه ای رو بیشتر داریم )
2. DOM ( بدون بخش هایی که جاوا اسکریپت داخلشون هست )
3. CSS/Sass
4. JS Fundamental
5. Typescript
6. Angular Part 1 ( Modules ,Components, Templates, DI, Service, Routing )
7. Angular Part 2 ( Pipe, Animations ,All types of Bindings, Dealing with forms, Small Knowledge about Rxjs like Subjects and .subscribe and .next )
8. Rxjs and HttpClient
9. Security
10. Clean Code
11. Test
12. Review
13. Extra

توی هر کدوم از بخش ها واسه هر سر تیتر که توضیح داده میشه ( بجز UI/UX ) یک تمرین وجود داشته باشه که یک یا چند پروژه نهایی که درباره اون کامل فکر شده که میتونه همه این چیز ها رو در بر بگیره وجود داشته باشه که آروم آروم کامل بشه تا آخر یه پروژه خفن داشته باشیم که همه این مطالب که گفته شده داخلش استفاده بشه. اگه چیزی هست که باید گفته بشه ولی قرار نیست توی پروژه ها ازش استفاده بشه به نظرم میتونه توی بخش extra قرار بگیره.
پروژه حتما لازم نیست یکی باشه مثلا توی angular part 1 میشه یک صفحه Landing کوچیک طراحی کرد که صفحه درباره ما و پروژه ها و ... داشته باشه و توی پروژه دوم یک Api ( حتی از وبسایت های اماده ) که یک صفحه فروشگاهی یا خبری طراحی کنیم و بعدا بهش لاگین و ... اضافه کنیم.
و توی بخش های اول فقط صفحه های کوچیک طراحی کنیم و بریزیم دور.
ولی این که هر چیزی که گفته میشه استفاده بشه به نظرم مهمترین چیزه.
حتی میتونیم واسه پروژه ها ( مثلا بخش Angular 2 ) واسه اینکه وقت اضافه گرفته نشه یه پروژه ( ترجیحا کد ها به صورت Clean ) که فقط کامپوننت ها و سرویس های پایه ای وجود داشته باشن طراحی بشه و در اختیار کارآموز قرار بگیره و بعدش روی اون بخش های مخلف //TODO وجود داشته باشه که داکیومنت کارآموز رو به اون بخش ها راهنمایی کنه تا اون ها رو کامل کنه.