دسته: مطالب فناوری اطلاعات

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

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

(Minification)فرآیند حذف فضاها و نویسه های اضافی غیرضروری از کد بدون تغییر در عملکرد است

ابتدا نصب پکیج:

Install-Package BuildBundlerMinifier -Version 3.2.449

سپس یک فایل جیسون در برنامه درست کنید و الگوی زیر را در ان قرار دهید(bundleconfig.json):

[
{
“outputFileName”: “wwwroot/css/site.min.css”,
“inputFiles”: [
“wwwroot/lib/bootstrap/dist/css/bootstrap.css”,
“wwwroot/css/site.css”
]
},
{
“outputFileName”: “wwwroot/js/site.min.js”,
“inputFiles”: [“wwwroot/js/site.js”
],
“minify”: {
“enabled”: true,
“renameLocals”: true},
“sourceMap”: false
}
]

حالا وقتی برنامه رو اجرا می کنید فایل های css و js که مشخص کردید Minification میشوند

از این تگ هم استفاده میکنیم برای Release

<environment include=&quotDevelopment&quot>
        <link rel=&quotstylesheet&quot href=&quot~/css/site.css&quot asp-append-version=&quottrue&quot />    </environment>

<environment exclude=&quotDevelopment&quot>        
      <link rel=&quotstylesheet&quot href=&quot~/css/site.min.css&quot asp-append-version=&quottrue&quot />    </environment>

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

آیا هنوز میشه ایده داد …

دغدغه ی اصلی ما اینه که چطور میشه اینکارو کرد ؟

ایده دادن

ایده ایی جدید که در اکوسیستم استارتاپی کسی اجراش نکرده باشه 😎😎

همین الان به یک ایده فکر کن بدون اینکه برات مهم باشه چقدر خیالی یا غیرممکنه
صبر کن ایده بده بعد ادامه مطالب رو بخون 😲

خوب اصلا از کجا میشه فهمید کسی ایده من رو اجرا کرده یا نه ؟

خبر خوب اینه که این مسئله قبلا استارتاپ ایزاپ حل کرده اگر چه استارتاپی نوپاست و در حال رشده

برو تو ایزاپ ایده که داشتی رو جستجو کن به نتایجی ک مشابه ایده ات بود رسیدی ؟

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

سوال باقی مونده اینه که

پپپچطور ایده بدم که نو باشه ؟

اولین حالت – شما یک امتیاز دارید که می تونید ایده هایی که در خارج از ایران استارتاپ شده اند رو در ایران اجرا کنید و هیج حق ثبتی مثل اختراع وجود نداره

دومین حالت – شما ایده ایی دارید که انقدر خیالی است که حتی اجرای آن برای خودتان سخت به نظر می رسد که در این صورت باید کاری دیگر کرد که در پاسخ دو می توانید بخوانید

سومین حالت – شما ایده ایی دارید که از نظر شما اجرای آن ممکن است و خیالی نیست اما مطمین باشید اینطور نیست باید امتحان کنید برای اینکار این قضیه رو برای دیگران تعریف کنید ببینید آنها متوجه منظور شما میشوند یا نه

چهارمین حالت – در این حالت شما از اینکه ایده شما خیالی نیست مطمین هستید به سراغ دیگران بروید انهایی که این ایده شما رو می خواهند و در اصل ایده شما برای آنها مشکلی را حل می کند و یا امتیازی برتر برای انها محسوب می شود , نظر انها با بشنوید و با آنها ارتباط بگیرید در اینجا متوجه می شید که قطعا ایده شما چقدر خام است !!!

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

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

حالا

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

بیشتر از این سرتون رو درد نیارم بقیه مسیر در پست بعد میگم

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

درباره ایزاپ هم همینجا نوشتم می تونید بخونید 🥰

فقط با یک سوال شروع می کنم

آیا می تونی با دنبال کردن من به من کمک کنی ؟

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

بی تفاوت نشو من سوال های زیادی دارم که جوابش پرسش جدید تویه هم من

بی تفاوتی مرگه , انسان با ارتباط رشد می کنه پس دوست من شو بی منت هم من

بی تفاوت از کنار من رد نشو , هم تو می تونی در سرنوشت من باشی بی منت و خوش هم من

همه چیز و رو نخواه و هم کاره هم نه , در دنیایی که ارتباطی نیست دوست من شو در فاصله های دور هم من

من

برنامه نویس

و دانشجوی کامپیوترم

و تو

هیچ فرقی نمی کنه

که دختری یا پسر , خانمی یا اقا

با من اشنا شو , هم من

انجامش بده

حالا تو

به نام خدا… سلام!

«ما در نهایت با خلاقیت، دنیایی رو خلق می‌کنیم که در اون، خلاقیت محکوم به مرگه»
– فعلاً خودم؛ شاید بعداً بفهمم کس دیگه‌ای این رو گفته!

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

اخیراً روی برنامه‌های مختلفی کار کردم… که البته خیلی‌هاشون هیچ ربطی به هم نداشتن و از نظر تنوع واقعاً فوق‌العاده بودن! زبان‌های برنامه‌نویسی، موتور‌های بازی‌سازی، فیلم و انیمیشن، مدرسهٔ تحت وب ایران، و حتی دستیار‌های صوتی هوشمند!

در ضمن حتماً به آگوم یه سَری بزنین؛ یه دستیار صوتی ایرانی و کاملاً فارسی که آقای کاشی و چند نفر دیگه دارن توسعه‌ـش می‌دن. من امتحانش نکردم، ولی سر و کله زدن باهاش باید خیلی جالب باشه!

راستش وقتی با آگوم آشنا شدم، سعی کردم تو توسعه‌ـش کمک کنم و به همین خاطر رفتم سراغ API‌های صوتی… اون موقع بود که متوجه شدم کرومیوم یه قابلیت داره که کمک می‌کنه به شکل غیر مستقیم از API تشخیص گفتار (Speech Recognition) گوگل استفاده کنیم و به شکل مشابهی می‌تونیم متن رو هم به صوت (Text to Speech) تبدیل کنیم! یعنی ساختن یه دستیار صوتی فارسی خیلی خیلی آسون می‌شه!

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

سن را ۲ افزایش بده
سن را ۲ واحد افزایش بده

دقت کردین چی گفتم؟ گفتم «از مهم‌ترین ویژگی‌هایی که برای فردوسی در نظر گرفتم، فارسی بودن کامله» و بخشی از شعار آگوم هم «دستیار صوتی کاملاً فارسی» بود! این‌جا بود که جرقهٔ کاری که دارم می‌نویسم تو ذهنم خورد. جرقه‌ای که اول فکر کردم هیچ کس خوشش نمیاد ولی بعد گفتم به هزینه‌ـش می‌ارزه. و امیدوارم ازش استقبال بشه.

با حرف زدن، برنامه بنویس!

خب بیاین این جمله رو نقد کنیم. اول از همه این که این کار چه تفاوتی با دستیار صوتی داره؟ خب شاید جواب این سوال «هیچی» باشه! در واقع بستگی به دستیار صوتی مورد نظر شما داره. من دستیار صوتی‌ای ندیدم که بشه توسعه‌ـش داد و براش تابع، یا کتابخونه نوشت؛ دستیاری ندیدم که فقط کاری که شما خواستین رو بلد باشه و چیز اضافه‌ای نداشته باشه؛ دستیاری ندیدم که باهاش بتونین نقاشی بکشین (البته برای فردوسی هم قبلش باید کتابخونه‌های لازم رو دانلود کنین!) و دستیاری ندیدم که روش‌های حساب و کتاب شما رو یاد بگیره و بعدش با دو کلمه بتونین اطلاعات لازم رو به دست بیارین.

خلاصه این که رابطهٔ برنامه با زبان برنامه‌نویسی این‌جا هم به همون شکله و دستیار صوتی برنامه‌ـست در حالی که فردوسی زبان برنامه‌نویسیه. و از این نسبت می‌شه نتیجه گرفت که فردوسی برتر از دستیار‌های صوتیه… (با زبان برنامه‌نویسی می‌شه برنامه ساخت ولی با برنامه[های معمولی] نمی‌شه زبان برنامه‌نویسی ساخت!)

این برنامه رو در نظر بگیرین…

سن یک عدد است
سن برابر ۴ است
سن را ۱۲ واحد افزایش بده
سن چقدر است؟ # یا سن را بنویس

اگه این برنامه رو با صدای بلند به کامپیوتر بگین اون موقع می‌گه ۱۶! جالب نیست؟ معلومه که نیست! حالا یه کار جالب می‌کنیم…

سکه بنداز یعنی
اگر عدد تصادفی بیشتر از ۰/۵ باشد
«رو اومد» را بنویس
وگرنه
«پشت اومد» را بنویس
ممنون
همین

حالا هر زمان بگین سکه بنداز در واقع این تابع اجرا می‌شه و یا می‌گه «رو اومد» یا می‌گه «پشت اومد».

نکتهٔ خیلی مهم: برنامه‌هایی که این جا نوشتم هنوز در حد طرح هستن و توی فردوسی پیاده‌سازی نشدن.

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

ممنون که این نوشتهٔ من رو مشاهده کردین؛

امیدوارم از این ایده خوشتون اومده باشه؛

اگه نکته‌ای رو فهمیدین حتماً بگین،

و خدانگهدار…

توی این پست در مورد 4 نکته که به شما کمک میکنه تا توسعه دهنده حرفه ای React بشید، صحبت میکنم.

1. استفاده از PropTypes

اگه تازه شروع به یادگیری React کرده باشید، ممکنه ندونید PropTypes چیه! اما اگه بخوام یک توضیح کوتاه بدم اینه که PropTypes یک کتابخونه‌ای برای React هستش که وظیفه چک کردن prop ها رو داره.

برای هر کامپوننت مشخص میکنید که prop هایی که میگیرن از چه نوعی باشن و اگر یک نوع دیگه ای داده بشه، PropTypes ارور میده.

const Button = ({ text, color}) => {
  return <button className={`button ${color}`}>{text}</button>
}

Button.propTypes = {
  text: PropTypes.string.isRequired,
  color: PropTypes.oneOf(['blue', 'red', 'green']),
}

لینک داکیومنت PropTypes

2. استفاده از کامپوننت‌های تابعی و Hook ها

کامپوننت های تابعی و Hook ها آینده React هستن. اگر پروژه جدیدی رو شروع میکنید سعی کنید که به صورت functional component پیاده سازی کنید و از Hook ها استفاده کنید.

من شخصا functional component رو خیلی دوست دارم، چون واقعا کد تمیز، ساده و کمتری رو مینویسید و
همچنین lifecycle ها خیلی ساده‌تر شدن نسبت به class component.

استفاده کردن از functional component نشون میده که شما بروز هستید و با جامعه پیش میرید.

3. کامپوننت‌هاتون رو کوچیک و قابل استفاده مجدد کنید

یکی از اصلی‌ترین ویژگی‌های React داشتن همه چیز توی یک کامپوننت هست. کامپوننت های شما باید کوچیک باشن. مثلا یک کامپوننت داریم به اسم WhatsApp، درسته؟ توی این کامپوننت باید کامپوننت‌های دیگه ای هم مثل Button و Voice و Message و … داشته باشیم.

همه چیز باید خیلی کوچیک و همچنین قابل استفاده مجدد باشه. نمیگم که همه کامپوننت‌ها حتما باید دوبار استفاده بشن، منظورم اینه کامپوننت‌هایی مثل Button یا Modal باید reusable باشن.

مثلا کامپوننت Button میتونه همچین prop هایی رو قبول کنه تا reusable باشه:

• رنگ (color)
• سایز (size)
• وضعیت (status)

همچنین کامپوننت‌های reusable رو میتونید توی فولدرهایی مثل UI یا Elements بزارید.

4. پراپ‌ها رو Destructure کنید

با destructure کردن prop ها، کد خیلی تمیزتر و خواناتری خواهید داشت.

// Bad
const App = (props) => {
  return (
    <>
      <h1>{props.title.heading}</h1>
      <button ={props.click}>Click me!</button>
    </>
  )
}

// Good
const App = ({ title, click }) => {
  const { heading } = title

  return (
    <>
      <h1>{heading}</h1>
      <button ={click}>Click me!</button>
    </>
  )
}

امیدوارم از این پست لذت برده باشید و چیزی یاد گرفته باشید.

سلام! حالتون خوبه؟ برقرارین؟ 😁

دیدی بعضی مواقع با کلی تمرکز یه فیلم آموزشی رو میبینی و تمام سعی و تلاش خودتو میکنی بسپریش به ملکه ذهنت و متاسفانه بعد از چند دقیقه (یا شایدم چند ثانیه) مطالب یادت میره یا اینکه فقط من آلزایمر دارم؟!!

خوشبختانه این مورد طبیعیه و میخوام توی این مقاله برای رفع این مشکل دوتا راهکاری که خودم استفاده میکنم رو بگم که به نظرم به شدتت تاثیر داره

یادداشت کن

راهکاری که از هرکسی بپرسی چجوری مطالب رو به ذهنم بسپاریم این مورد رو همیشه میگن و روش تاکید زیادی دارن و خب خیلی هم تاثیر داره

ولی یه چند تا نکته:

1- سعی کنید برای هر مبحثی یه دفتر جداگونه داشته باشید تا اگر یه زمانی خواستین به اون اطلاعات مراجعه کنید هی نگردید دنبالش و با این کار هم منظم تر به نظر میاید. مثلا اگر یه دوره آموزشی در مورد جاوااسکریپت میبینید سعی کنید یه دفتر جداگونه برای جاوااسکریپت داشته باشین و غیره

2- نوشتن با خودکار آبی! شاید تعجب کنید ولی چیزیه که دانشمندان میگن که تاثیر زیادی رو توی به یادسپاری مطالب داره تا رنگ های دیگه (میتونید تست کنید)

3- فقط با دست بنویسید و سعی کنید تایپ نکنید! چون خود نوشتنه مغز رو بیشتر درگیر میکنه و تاثیر زیادی توی به یادسپاری مطالب داره

البته این سه تا نکته بالا نکاتی هست که خودم رعایت میکنم و هرکسی یه روش خاصی برای خودش داره و نمیشه نسخه یکجور برای همه پیچید

تدریس برای خویش

یه مطلبی که نمیدونی فهمیدی یا نه برای خودت توضیحش بده انگار خودت دانشجو خودتی!

یکی از بهترین راهکار (شاه راهکار!😊) همین تدریسه که میتونین متوجه بشین یه مطلبی رو متوجه شدین یا نه در غیراینصورت فیلم رو برمیگردونید عقب و از اول اون مبحث رو نگاه میکنین

سعی کنید بعد از یادداشت کردنه اگر حس کردین مبحث رو متوجه شدین برای خودتون توضیح بدید

اگر میخوایی ببینی چقدر به یک مبحث مسلطی فقط اونو برای مادربزرگت توضیح بده!

نکته: اگر خجالت میکشین از اینکه خانواده میگن این داره با خودش حرف میزنه چقدر دیوونس, اولا اونهارو متقاعد کنید که این یه راهکاره برای یادگیری, دوما سعی کنید جایی باشید که کسی دور و برتون نباشه یا صداتونو نشنوه. البته اینها احتمالاته زیاد جدیش نگیرین 😁

یه نکته: مواردی رو که گفتم هم برای کتاب های آموزشی و داکیومنت ها هم صدق میکنه و فقط برای فیلم های آموزشی نیست

توی این پست سعی کردم راهکاری که خودم برای یادگیری مطالب استفاده میکنم رو بگم و…

اگر شما هم روشی برای به یادسپاری مطالب مدنظرتونه حتما تو قسمت نظرات بگین و اگر از این مطالب خوشتون اومد یه لایکی هم درحق ما بکنید

ممنون از ته دل:)✌❤