نوشته های مرتضی شجاعی || Morteza Shojaei

چرا نباید هرچیزی را یاد بگیرید؟

مرتضی شجاعی || Morteza Shojaei — Tue, 05 May 2020 16:56:33 +0430

من همیشه عاشق یادگیری بودم و در هر فرصتی دنبال یادگیری هر چند کوچک هستم.خب آیا این بده ؟ absolutely notولی یه مشکلی وجود داشت این علاقه من به یادگیری باعث شده بود که من هرچیز جذابی که میدیدم رو میخاستم یاد بگیرم یا هر مطلبی با عنوان جذاب رو میخاستم بخونم و ازین قبیل وسوسه هاولی آیا هر مطلب جذابی الان به درد من میخوره یا در آینده نزدیک به درد من خواهد خورد؟قطعا نه !برای هر کسی دیگه ای هم همینطوره و هرچیزی به دردش نخواهد خورداما شاید بگین:هرچیز که خوار آید روزی بکار آیدو با خودتون استدلال کنید که خب یادگیری بیشتر چه اشکالی داره اصلا اومدیم و بدردمون خورد و اینجا باید به دلایلی که بهش رسیدم اشاره کنم:اولا که وقتی میدونیم کلی موارد هستند که نیاز داریم که یادشون بگیریم و همین الان لازمشون داریم یا میدونیم که یک سری موارد به زودی لازممون خواهد شد و آنقدر این موارد زیاد هستند که هیچ وقت فرصت نمی کنید تمومشون کنید.در ثانی اگر بعد ها نیاز جدی به یادگیری اون موضوع پیدا کنید شاید به خودتون بگید خب من که قبلا یادش گرفتم پس زیاد لازم نیست وقت صرف یادگیریش کنم اما اینجا دارین اشتباه بزرگی مرتکب میشید :وقتی که که اون موضوع رو یادگرفتید بهش نیاز نداشتید و مغزتون برای پیدا کردن جواب سوال هایی که براش ایجاد شده گرسنه نبوده پس قطعا یادگیری شما ناقص بوده و برای یادگیری باید اول چیز هایی که یادگرفتید رو فراموش کنید.این جاست که این جمله معروف خودش رو نشون میده:البته این نکته رو هم بگم که این موضوع نسبیه و همیشه هم نباید بهش عمل کنید چرا که ممکنه خلاقیتتون رو بکشه یا از یک سری فرصت محرومتون کنه ولی در کل در نظر داشتن چیزهایی که گفتم قطعا بهتون کمک خواهد کرد انتخاب های بهتری برای یادگیری داشته باشید.درضمن من مرتضی شجاعی هستم و اینجا درمورد چیز هایی که یاد میگیرم مینویسم و ادعایی هم در مورد نوشته هام ندارم و میدونم داخلش اشتباهاتی وجود داره و ممنون میشم در اصلاحشون به من کمک کنید.اگر دوست داشتید میتونید من رو دنبال کنید. :))))

چک لیست افزایش سرعت وبسایت

مرتضی شجاعی || Morteza Shojaei — Wed, 01 Apr 2020 22:00:01 +0430

سلام درمورد هر وبسایت حرفه ای یا هر وب اپلیکیشنی که بخوایم صحبت کنیم سرعت سایت یکی مهم ترین فاکتور های برای ارزیابی حساب میشه و اگر دارین این مطلب رو میخونید پس به نظرم لازم نیست درمورد اهمیت سرعت سایت در موارد مختلف صحبت کنم.website speedپس یه راست میرم سراغ اصل مطلب و موارد مهم در این زمینه رو به صورت تیتر وار و با یک توضیح کوچیک ذکر میکنم:1 . استاندارد کد بزنیداز هر تکنولوژی ای که برای وبسایت یا وب اپتون استفاده میکنید مهم ترین نکته برای سرعت وبسایتتون اینه که کد های وبساییتون استاندارد باشه و کار های اضافه انجام ندین و با توجه به لایف سایکل های تکنولوژی تون حواستون به سرعت باشه.(البته این مورد چون خیلی به تکنولوژی وبسایت یا وب اپتون داره توضیحش یکم سخته و بسته به کار خودتون باید تحقیق کنید)2.طراحی رابط کاربری مناسبی داشته باشیددر هنگام طراحی رابط کاربری وبسایت خود حتما سرعت وبسایت رو هم در نظر داشته باشید و دیتا های خیلی زیادی در یک صفحه قرار ندهید (البته بیشتر منظور دیتا های داینامیک هستش)3.تا حد امکان از دیتای استاتیک استفاده کنیدبه داده هایی که از سمت سرور می آیند و داخل خود کد قرار ندارند دیتای استاتیک میگویند.سعی کنید غیر از موارد واقعا مهم از دیتای استاتیک استفاده کنید.4.هرچیز غیر ضروری را حذف کنیداگر عکس یا هر داده ای در پروژتون وجود داره که اصلا ازش استفاده نکردید یا قبلا قرار بوده استفاده کنید و دیگه لازمش ندارید لزومی نداره داخل پروژه تون باشه5.کدهای css ای که لازم ندارید رو پاک کنیددقت کنید که اگر کدی قبلا نوشتید که الان دیگه بود و نبودش مهم نیست پس باید حذف بشه:)6.تا حد امکان ریدایرکت ها رو کاهش بدین7.فایل ها html,css,javascript خود را minify کنیدحتما این فایل هارو minify ینی داخل فایل خط فاصله و فضای خالی و .. نباشه برای اینکار میتونید به لینک زیر مراجعه کنید :http://minifycode.com/یا درمورد نحوه minify کردن در تکنولوژی مورد استفادتون تحقیق کنید(برای cms های مختلف پلاگین های زیادی وجود داره).8.تصاویرتان باید در همان سایزی باشند که قرار است نمایش داده شوداگر شما عکسی داشته باشید که برای مثال 1000px*600px باشد اما قرار است 100px*60px نمایش داده شود حتما باید آن را اول به 100px*60px تبدیل کنید سپس از آن استفاده کنید.9.حجم تصاویرتان را کاهش دهیدبه هیج وجه از تصاویر با حجم بالا استفاده نکنید چرا که برروی سرعت وبسایت شما تاثیر مستقیم دارد.برای کاهش حجم تصاویرتان می توانید از سایت زیر استفاده کنید:https://tinypng.com/10.هاست و یا سرور با سرعت بالا خریداری کنیدبا توجه به اینکه این مورد تاثیر خیلی زیادی دارد حتما بودجه مناسبی برای آن در نظر بگیرید.سعی کنید وب سرورتان در صورت امکان(فقط اگر با این موضوع مشکلی ندارید) لایت اسپید باشد.11.از CDN استفاده کنیددرصورت امکان میتوانید از cdn ها یا همان content delivery system ها استفاده کنید برای اینکه بدانید کار cdn چیست به یکی از لینک های زیر مراجعه کنید:توضیح فارسی توضیح انگلیسی12.از یک cache مناسب در سمت سرور استفاده کنید با توجه به این که از چه تکنولوژی استفاده میکنیدمیتوانید یک cache مناسب پیاده سازی کنید تا سرور شما هر بار که یک کاربر یک دیتا را درخواست می دهد زیر بار نرود (برای cms هایی همچون وردپرس پلاگین های زیادی همچون W3 total cache وجود دارند)13.از lazy loading برای تصاویر خود استفاده کنیدبا این روش وقتی کاربر وارد وبسایت شما می شود تمام تصاویر آن صفحه بارگیری نمی شود و وقتی کاربر اسکرول کرده و به آن تصویر نزدیک می شود آن عکس برای کاربر بارگیری میشود14. تا حد امکان استفاده از Third Party Librarie را کاهش دهیدتا جایی که می توانید موارد را خودتان پیاده سازی کنید و از کتابخانه ها استفاده نکنید تا فایل حجیم آن ها سرعتتان را کاهش ندهند.(در صورت استفاده از یک کتابخانه حجم آن را بررسی کنید)15.از فشرده سازی gzip استفاده کنیدمزیت استفاده از Gzip compression این است که فشرده سازی فایل های HTML و CSS شما با gzip معمولا حدود پنجاه تا هفتاد درصد حجم فایل را ذخیره می کند.فعال سازی gzip در وب سرور های مختلف دستورالعمل های مختلفی دارند.16.عدم استفاده یا کاهش استفاده از منابع سایر وبسایت هااگر چیزی در سایت شما از منابع (برای مثال api آنها) سایت های دیگر استفاده می کند سرعت آن سایت های دیگر برروی سرعت سایت شما تاثیر خواهد گذاشت.17.از خالی بود attribute های html بپرهیزیدبرای مثال کدهای مشابه کد زیر نباید داخل کد های وبسایت شما وجود داشته باشد: 18.کاهش DNS lookup هااگر سایت شما به host های مختلفی ریکوست بزند برای هر کدام از آن ها 20 تا 120 میلی ثانیه زمان لازم است تا ip address آن ها به دست آید.پس بهتر است به تعداد host محدودی ریکوست بزنید19. از expires header ها استفاده کنیداستفاده از این مورد باعث می شود که مرورگر بفهمد که یک فایل را کی از سرور و کی از cache مرورگر بگیرد.20. استفاده کردن از preloadingپریلودینگ به شما اجازه میدهد که به مرورگر بگویید منابع ای که به زودی استفاده خواهند شد را لود کنیدبرای مثال کد زیر را ببینید: 21. استفاده کردن از DNS prefetchingاین مورد به مرورگر می گوید که در آینده یک سری منابع از host غیر از هاست ما مورد نیاز هست.اینکار باعث میشود که در آینده ما به DNS lookup و (اتلاف وقت) نیازی نداشته باشیم و سرعت سایت بالا برود. مثال DNS prefetching را میتونید در کد زیر ببینید:22. استفاده کردن از prefetchingاین مورد شبیه preloading است اما prefetching میتواند توسط مرورگر نادیده گرفته شود یعنی ممکن است ما گفته باشیم که یک فونت با حجم زیاد را prefetch کن اما مرورگر اینکار را برای یک کاربر با اتصال اینترنت ضعیف انجام نمیدهد چرا که درکل به نفعش نیست23. استفاده کردن از Prerendering برای صفحاتاگر در یک صفحه مطمئن هستید که کاربر به صفحه خاص دیگری خواهد رفت میتوانید آن صفحه را قبل از اینکه کاربر کلیک کند Prerender کنید یعنی درواقع به طور پنهان کل آن صفحه را رندر کنید تا به سرعت قابل دسترسی باشد. کد نمونه:خب تا اینجا به یک سری موارد اشاره کردیم اما یک نکته مهم وجود دارد:اگر که نمیتونی اون رو اندازه گیری کنی پس نمی تونی ارتقاش بدی ! برای اندازه گیری و بررسی سرعت وبسایتتون می تونید از لینک های زیر کمک بگیریدhttps://gtmetrix.com/https://developers.google.com/speed/pagespeed/insights/https://www.pingdom.com/خب در افزایش سرعت وبسایت یک نکته خیلی مهم دیگه هم وجود داره:افزایش سرعت وبسایت شما تا یک حدی به نفع شما خواهد بود و بعد از آن باعث اتلاف وقت شما خواهد شد چرا که ممکن است تلاش خیلی زیادی بکنید و فقط بتوانید چند میلی ثانیه افزایش سرعت داشته باشید.یا ممکنه شما افزایش سرعت ساییتون رو فدای یک سری ویژگی ها بکنید و از خیلی چیز ها خودتون محروم کنید.پس پیشنهاد من برای شما اینه که:اگر تونستید ساییتون رو به یک سرعت مطلوب و قابل قبول برسونید در این مورد وسواس به خرج ندید تا از سایر موارد مهم درمورد وبسایتتون غافل نشیددرضمن من مرتضی شجاعی هستم و اینجا درمورد چیز هایی که یاد میگیرم مینویسم و ادعایی هم در مورد نوشته هام ندارم و میدونم داخلش اشتباهاتی وجود داره و ممنون میشم در اصلاحشون به من کمک کنید.اگر دوست داشتید میتونید من رو دنبال کنید. :))))

package.json چیست؟ و داخلش چه چیز هایی وجود داره؟

مرتضی شجاعی || Morteza Shojaei — Mon, 23 Mar 2020 05:32:35 +0430

طراحی وب سایت راستین وب :‌ اگر درگیر پروژه های جاوا اسکریپتی بوده باشید و از npm هم استفاده کرده باشید حتما داخل دایرکتوری پروژتون چشمتون به فایلی با نام package.json خورده.خب این یک فایل با فرمت json هستش که یک سری اطلاعات را درمورد پروژه شامل میشه و مثلا باعث میشه npm بتونه پروژتون رو مدیریت کنه و .... (البته این تنها فایده این فایل نیست)همونطور که گفتیم package.json یک فایل با فرمت جیسون هستش پس از یک سری key و value ها ساخته شده که آشنایی با اون ها مارو با این فایل بیشتر آشنا می کنه:name:این key همون نام پروژتونه و اگر میخاین یک پکیج npm بسازید و اون رو publish کنید حتما قبل انتخاب اسم داخل سایت npm سرچ کنید که اسم مدنظرتون قبلا توسط کسی دیگه ای گرفته نشده باشه.اگر هم پروژتون قرار نیست داخل npm منتشر بشه اهمیتی از این نظر نداره.version:این فیلد ورژن کنونی پروژه تون رو مشخص می کنه که درصورتی که میخاین پروژتون رو در npm منتشر کنید این فیلد مهمه و هر بار که میخاین پکیجتون رو در npm آپدیت کنید باید ورژن بالاتری نسبت به ورژن قبلی داخل فایل package.json تون باشه.description:این فیلد توضیحات مربوط به پروژتونه که بهتره داخلش توضیح بدین کاری پروژتون انجام میده دقیقا چه چیزی هستش و درصورت انتشار پروژتون به مردم کمک میکنه بهتر اون رو پیدا کنند.repository:در این فیلد repository پروژتون یعنی همون جایی که کدتون رو قرار میدید رو مشخص میکنید و از هرنوعی میتونه باشه (git,svn,....)برای مثال میتونید کد زیر رو ببینید: "repository": { "type" : "git", "url" : "https://github.com/npm/cli.git" }scripts:این فیلد شامل یک سری اسکریپت هایی میشه که در زمان های مختلف میتونند اجرا بشوند برای مثال کد زیر رو ببینید: "scripts": { "start": "echo hello" }خب این کد در package.json شما باعث میشه که قبل start پروژه شما مقدار hello در ترمینال شما نمایش داده بشه :) (البته در لینوکس)و لیست کامل لایف سایکل هاش رو میتونید اینجا ببینید.config:این فیلد شامل مقداریه که شما در فیلد قبلی ینی scripts استفاده کردید ینی برای مثال اگر داخل package.json مون مقادیر زیر رو داشته باشیم:{ "config" :{ "name" : "morteza" } , "scripts" : { "start" : "node sayHello.js" } }حال داخل فایل sayHello.js که قرار بوده قبل استارت پروژه ران بشه ما به مقدار name که داخل کانفیگ تعریف کردیم طبق کد زیر دسترسی داریم:console.log("hello" + process.env.npm_package_config_name) یعنی process.env.npm_package_config_ رو دقیقا به قبل name اضافه میکنیم.dependencies:مهم ترین فیلد package.json هستش که شامل تمام پکیج هاییه که برای پروژتون لازمه و هم چنین ورژن اون هارو هم درون خودش داره و هر بار که شما یک چیزی رو نصب میکنید داخل این فیلد(یا فیلد های مشابهش) نوشته میشه. مثلا اگر کامند زیر رو داخل دایرکتوری پروژتون بزنید:npm install reactدر این صورت داخل package.json تغییری مثل کد زیر رخ خواهد داد:"dependencies": { "react": "^16.12.0", }که میگه این پروژه به لایبرری react در ورژن 16.12.0 و درصورت وجود بالاترش نیاز داره.فیلد هایی مشابه دیگه ای مثل devDependencies هم وجود داره که مختص زمان خاصی اند مثلا ممکنه یک سری از نیازمندی هاتون فقط برای فاز توسعه باشه مثل prettier که فقط برای فرمت دهی کد هاتون استفاده میشه این نیاز مندی هارو بهتره در devDependencies قرار بدین.من سعی کردم فیلد هایی که مهم تر از بقیه بودن رو بهتون معرفی کنم و اگر شما فیلد دیگه رو مهم میدونید حتما کامنت کنید و اگر به لیست کل این فیلد ها نیاز دارید به سایت npm مراجعه کنید یا اینجا کلیک کنید.ورژن پکیج های NPMورژن پکیج های npm از سه بخش تشکیل میشه :patch:وقتی تغییر میکنه که یه باگی فیکس میشه و میتونید بدون اینکه نگرانی آپدیتش کنید و هیچ مشکلی براتون پیش نیاد.minor :ورژنی که فیچر جدید اضافه میکنه و روی فیچرهای قبلی تغییری ایجاد نمیشهmajor:ورژنی که داخلش تغییر اساسی میکنه و با آپدیت ممکنه کل مکانیسم استفاده از اون تغییر بکنه و آپدیت کردنش باعث بشه کدتون از کار بیافتهدرضمن من مرتضی شجاعی هستم و اینجا درمورد چیز هایی که یاد میگیرم مینویسم و ادعایی هم در مورد نوشته هام ندارم و میدونم داخلش اشتباهاتی وجود داره و ممنون میشم در اصلاحشون به من کمک کنید. اگر دوست داشتید میتونید من رو دنبال کنید. :))))

رواقی گری چیست؟ و درس هایی برای زندگی بهتر

مرتضی شجاعی || Morteza Shojaei — Sat, 21 Mar 2020 19:50:33 +0430

رشددر حال دیدن یک ویدیو TED بودم که سخنران بین حرفهاش به چیز جالب انگیزی به نام مکتب رواقی گری اشاره کرد که میگفت آشنایی باهاش زندگیش رو تغییر داده و کسانی رو میشناسه که این مکتب باعث شده زندگی فوق العاده ای داشته باشند و از اون خوشحال و شاد باشند.خبببببببببببببببببببببببب!همه این ها کافی بود تا من جستجو برای اینکه رواقی گری چیه و چی میگه رو شروع کنم و الانم میخام چیزایی که فهمیدم رو اینجا بنویسم تا هم شما بخونید هم خودم بعدا :))))ازونجایی که برای من هیچ اهمیتی نداره این مکتب از کجا اومده و چه آدمایی بودن که پایه گذاریش کردن و این داستان ها پس شمام اهمیت ندین و بیاین بریم سر اصل مطلب ???!اولین چیزی که دستگیرم شد این بود که رواقی گری میگه آقا اصلا امید نداشته باش به هیچی و حتی امیدم نده به هیچکس!!!!!!!زووووووووود قضاوت نکنیییییییییییییییییییییییییییییید???خب همونطوری که حدس زدین حتما یه دلیلی پشت پردست :)این مکتب میگه که درعوض بیا به جای اینکه به چیزی امید داشته باشی به این فکر کن که اون چیز اتفاق نیافته یا نباشه! اینجوری با خیلی از ترس ها و واقعیتها روبرو میشی و در نهایت این مدلی به نفعت خواهد بود و بهتر میتونی با زندگییییت کنار بیای!همچنین میگه که به اینکه زندگی امروز و داشته هات رو نداشته باشی فکر کن.پس حالا خوشحال و شاکر باش که اون هارو داری و از داشتنشون لذت ببر ....حرف مهم دیگه این مکتب اینه که تقدیییر گرا باش ینی به اتفاقاتی که درموردشون هیچ کاری ازدستت برنمیاد نگران و غمگیین نباش اون هارو به حال خودشون رها کن چرا که کار دیگه ای هم نمیتونی بکنی!و در نهایت چیز دیگه ای میخاد بگه اینه که :‌ قدر اینجا و در این لحظه بودنت رو (هر چی که هست) بدون و در لحظه باش و از لحظه لذت ببر طوری که هر کاری که میکنه انگار آخرین باریه که داری اون رو انجامش میدی مثلا اگه حتی داری چایی میخوری فکر کن بعد از تموم شدن اون چایی دیگه زنده نیستی و تمااااااام.این منطقش همون حرف استیو جابزه که میگه هرروز صبح بعد از بیدار شدن تو آینه به خودم میگفتم اگر امروز اخرین روز زندگیت باشه آیا باز هم همین کارهایی که داری میکنی رو میکردی یانه؟؟؟؟؟؟؟؟خب این تمام چیز هایی بود که من فهمیددم البته مطالب زیادی بود ولی چون ادبیات فلسفی داشتند من چیزی نفهمیدم ازشون. اگر چیزی در این موضوع می دونم خیلیییییی خوشحال میشم که برام کامنت کنییییید تا هم من هم بقیه استفاده کنند.در ضمن من اینجا در مورد آموخته هام در مورد هر چیزی می نویسم اگر خواستید میتونید من رو دنبال کنید.ممنون :)

چطور زندگی ای را بسازید که در زمان مرگ از عملکرد خودتان رضایت کامل داشته باشید؟

مرتضی شجاعی || Morteza Shojaei — Wed, 29 Jan 2020 21:07:33 +0330

هیچ فردی وجود ندارد که دنبال رسیدن به پاسخ چنین سوالی نباشد، چرا که همه ما در حال انجام دادن هرکاری که هستیم، هر دغدغه ای که داریم در نهایت به دنبال رضایت و شادی بیشتر می گردیم. اما چه چیزی میتواند پاسخ گوی چنین سوال مهمی باشد؟ نتایج 75 سال تحقیق و مطالعه برروی گروهی از انسان ها قطعا جواب قابل قبولی برای این سوال مهم خواهد بود. پیشنهاد میکنم این سخنرانی محبوب TED را از دست ندهید. https://www.ted.com/talks/robert_waldinger_what_makes_a_good_life_lessons_from_the_longest_study_on_happiness?

به بدترین شکلی که می تونی شروع کن!

مرتضی شجاعی || Morteza Shojaei — Sat, 29 Sep 2018 23:32:42 +0330

بعضی وقت ها که قراره یه کاری رو شروع کنم انقدر دست دست میکنم که آخرش اعصابم خورد میشه و میگم دیگه هرطور که شده باید شروع کنم اصلا باید به بدترین شکلی که میتونم شروع کنم ولی شروع کنم:)مطمئنا برای شماهم این اتفاق پیش اومده و تو این موارد تقصیری نداریم و اگر کتاب از شنبه محمد پیام بهرام پور رو خونده باشید(یا جای دیگه ای در این مورد خونده باشید) می دونید که مغز انسان از سه قسمت تشکیل میشه که شامل مغز خزنده،مغز عاطفی،مغز منطقیه و مغز خزنده همیشه می خواد که انرژی انسان رو حفظ کنه و با هر تصمیمی که باعث تغییر وضعیت میشه یا ادم رو به زحمت میندازه مخالفت میکنه،حالا چه تصمیمی پر زحمت تر از شروع یک کار جدید که یعنی شروع زحمت های جدید!و حالا به نظر من بهترین راه برای خنثی کردن اثر مغز خزنده در شروع یک کار،شروع بدون شرط اونه تا باعث نشه مغز خزنده بهونه بیاره.به نظر شما برای مقابله با این به تاخیر انداختن شروع چیه؟(کامنت کنید حتما)من هم چند وقتی بود که هی شروع به نوشتن داخل ویرگول رو با تاخیر مینداختم که امشب دلمو زدم به دریا و گفتم باید یه شروع بد داشته باشم و لازم نیست فک کنم که ازین به بعد چه چیز هایی قراره بنویسم و وقتی شروع می کنم دیگه نوشتنم میافته رو غلطک و ...این بود بدترین شروع من سعی کنید بتونید که شروع بدتری از من داشته باشین:)