بعد از sass
خب دوستان sass رو هم بالاخره یاد گرفتم بعدش باید چه فریمورکی یاد بگیرم؟
@mohsenbostan @arian @milad @mohsenbostan @aramnima50 و بقیه ی دوستان
@imanpooor
پس دیگه وقتشه برید سمت جاوا اسکریپت ،
** میتونید flex رو هم یاد بگیرید
- Jquery
- Javascript
- یکی از فریم ورک های ngular , vue , react
- Ecmascript یا typescript بسته به فریم ورکی که انتخاب کردید ، البته در هر صورت بهتره ecmascript رو بلد باشید
** اینجا میتونید gulp , webpack و bable رو هم اگر دوست داشتید دونبال کنید ، هر چند تا همینجا یه چیزایی در موردشون میدونید. - Redux یا vuex بسته به فریم ورکی که انتخاب کردید ، سیستم های مدیریت داده برای ذخیره اطلاعات هستند.
- نوشتن یک برنامه spa و یادگیری روتینگ، acl , گلوبال استوریج و ... . نترسید به اینجا که برسید دیگه اینا واستون چیزی نیستن.
سعی کنید از پکیج های آماده ui هم استفاده کنید ، لزومی نداره چرخو از اول بسازید .
یکی از مهارت های اصلی یه برنامه نویس سرچ کردنه، چه برای دیباگ چه برای به روز بودن و آگاهی از آخرین تکنولوژی های موجود ، ازش غافل نشید. - nuxt یا next بسته به فریم ورک . برای مدیریت و بهبود seo در spa ها.
این وسطا میتونید برید سمت اپلیکیشن موبایل و ...
- PWA
- Web app مثلا phongap , cordova و در کنارش فریم ورک های ui مثل ionic , framework7 و ...، این خروجی اندروید ، آی او اس ، webos tv , windows و ... رو بهتون میده.
- React native یا Fluter , البته زمانی که به اینجا میرسید باید سرچ کنید ببینی چی تو بورسه.
- Electron ، میتونید باش نرم افزار تحت pc طراحی کنید
- ...
@imanpooor
پس دیگه وقتشه برید سمت جاوا اسکریپت ،
** میتونید flex رو هم یاد بگیرید
- Jquery
- Javascript
- یکی از فریم ورک های ngular , vue , react
- Ecmascript یا typescript بسته به فریم ورکی که انتخاب کردید ، البته در هر صورت بهتره ecmascript رو بلد باشید
** اینجا میتونید gulp , webpack و bable رو هم اگر دوست داشتید دونبال کنید ، هر چند تا همینجا یه چیزایی در موردشون میدونید. - Redux یا vuex بسته به فریم ورکی که انتخاب کردید ، سیستم های مدیریت داده برای ذخیره اطلاعات هستند.
- نوشتن یک برنامه spa و یادگیری روتینگ، acl , گلوبال استوریج و ... . نترسید به اینجا که برسید دیگه اینا واستون چیزی نیستن.
سعی کنید از پکیج های آماده ui هم استفاده کنید ، لزومی نداره چرخو از اول بسازید .
یکی از مهارت های اصلی یه برنامه نویس سرچ کردنه، چه برای دیباگ چه برای به روز بودن و آگاهی از آخرین تکنولوژی های موجود ، ازش غافل نشید. - nuxt یا next بسته به فریم ورک . برای مدیریت و بهبود seo در spa ها.
این وسطا میتونید برید سمت اپلیکیشن موبایل و ...
- PWA
- Web app مثلا phongap , cordova و در کنارش فریم ورک های ui مثل ionic , framework7 و ...، این خروجی اندروید ، آی او اس ، webos tv , windows و ... رو بهتون میده.
- React native یا Fluter , البته زمانی که به اینجا میرسید باید سرچ کنید ببینی چی تو بورسه.
- Electron ، میتونید باش نرم افزار تحت pc طراحی کنید
- ...
ذهنتو سمتوسوی دیگر مثل فلاتر و ... نبر و الان لازم نیست اصلا بدونی pwa مثلاچی هست و به چه دردی میخوره. مرحله مرحله یاد بگیر فعلا شما با فریم ورک های جاوااسکریپت و ری اکت الکترون و فلاتر کاری نداری . فعلا بچسب به جاوا اسکریپت و خوب یادش بگیر همین جاوا اسکریپت کلی بخش داره اکمااسکریپت 6و 7و8
یک دوره خوب از جاوا اسکریپ ببین. بعد دوباره بیا سوال کن که من چی باید یاد بگیرم. بله شما در سی اس اس فلیکس باکس باید بلد باشی. سی اس اس گرید فعلا نیاز نیست پس بیخیالش شو. بوتسترپو بیشتر یاد بگیر. وقتی اینارو یاد گرفتی بعد شروع کن به طراحی و تمرین فرانتندی بیشتر. شما تازه کار هستی اصلا قرار نیست همین ابتدا شما با جدیدترین فریم ورکهای فرانتند درگیر بشی و بهشون فکر کنی.
برنامت اینه
ابتدا اچ تی ام ال - بعد سی اس اس و سی اس اس 3 - فلیکس باکس - بعد sass
سپس جاوااسکریپت 6و7
بعد با همینها پروژه فرانتندی ایجاد کن در ادامه بوتسترپ یاد بگیر و سپس با بوتسترپ قالب ریسپانسیو ایجاد کن و تمرین کن سعی کن در یک پروژه با همشون کار کنی . @iman
اینهارو پیش ببر:
Html, css
responsive design
انجام یک/دو نمونه کار
flexbox
انجام یک/دو نمونه کار
css-grid
انجام یگ/دو نمونه کار
javascript
es6
es7, es8, es9, es10
انجام تمرینات گوناگون
پس از یادگیری و تسلط بر مفاهیم جاوااسکریپت و انجام تمرینات مختلف، میتونی بری سراغ کتابخانه ها و چارچوب هاش، نظیر جی کوئری و ری اکت یا ویو یا انگولار. اما قبل از یادگیری و تسلط بر جاوااسکریپت و es6، نرو سراغ شون. ضرر می کنی.
همینطور قبل از تسلط بر css نرو سراغ بوت استرپ و دیگر چارچوب های css
این هم مسیر یادگیری، همراه با جزئیات:
https://roocket.ir/articles/modern-frontend-developer-in-2019