Summarize this content to 400 words in Persian Lang
در پایان دوره گواهینامه حرفه ای مهندس Full-Stack از Codecademy، در حال راه اندازی یک پروژه جدید برای ساختن نمونه کارها هستم. من نمی خواهم چیزی بسازم که فقط روی یک قفسه بنشیند. من می خواهم چیزی بسازم که در واقع از آن استفاده کنم!
ایده
خانواده‌ام به من می‌گویند «قهوه‌باز».
این ممکن است درست باشد، اما، من دوست دارم بگویم که “من از چیزهای خوب لذت می برم.” وسواس زمانی شروع شد که حدود 6 سال پیش برای تولدم یک فرنچ پرس گرفتم. پس از خرید یک سری ابزار، به یک حقیقت پی بردم:
قهوه با کیفیت گران است.
خوب، من یک ترومبونیست بودم که تبدیل به کارمند وزارتخانه شده بودم، بنابراین پول زیادی برای پس دادن نداشتم. اما، متوجه شدم که اگر قهوه بو داده نشده بخرید و خودتان آن را برشته کنید، می توانید پول زیادی را پس انداز کنید. بنابراین، 60 دلار بعد و دو هفته بعد، من یک پاپ کورن ساز و اولین کیسه قهوه سبزم را داشتم.
من الان حدود 2 سال است که برشته می کنم، و دوست دارم کباب هایم را پیگیری کنم تا ثابت بماند (و بدانم چه زمانی خراب شده ام). وزن شروع قهوه، وزن پایانی، درصد کاهش وزن، زمان وقوع اولین ترک، مدت زمان کل بو دادن، کاهش دما در دقیقه اول و غیره را دنبال می کنم.
من همه اینها را در یک دفترچه ردیابی کرده‌ام، اما دستکاری یک دفترچه یادداشت، کرونومتر روی تلفنم و یک خودکار در حالی که سعی می‌کنم پوپر را در حال چرخش نگه دارم، برای اطمینان یک اقدام متعادل کننده است.
“اگر برنامه ای وجود داشت که به من اجازه می داد یک دکمه را بزنم تا هر مرحله را که برمی دارم ثبت نام کنم!”
و ایده Roast متولد شد!
ساختمان در عموم
به جای اینکه این پروژه را در نمایه لینکدین خود نگه دارم و پس از اتمام آن به اشتراک بگذارم، می‌خواهم روند را با جامعه توسعه به اشتراک بگذارم. من دوست دارم بازخورد، پیشنهاد، انتقاد، حمایت، یا یک ضربه به پشت در نظرات اگر شما یک دوم!
هدف من این است که برای هر روزی که روی پروژه کار می کنم، یک پست بنویسم، و امیدوارم، اگر در حال خواندن آن هستید، بتوانید از اشتباهات من در پروژه بعدی خود درس بگیرید!
روز 1: طراحی و توسعه محیط
از آنجایی که این یک برنامه وب تمام پشته است، تصمیم گرفتم با یک ایده کلی از ساختار شروع کنم و سپس مستقیماً وارد طراحی شوم.
تا آنجایی که فناوری‌ها پیش می‌روند، قسمت جلویی برنامه در React ساخته می‌شود، با چند کتابخانه برای آیکون‌ها و فونت و مواردی از این قبیل. من از یک Express API در Node برای برقراری ارتباط بین frontend و پایگاه داده PostgresSQL استفاده خواهم کرد. من به احتمال زیاد پایگاه داده و API را در یک نمونه AWS EC3 میزبانی خواهم کرد.
آنچه در بالا می بینید سه صفحه اصلی هستند که از دکمه های پاورقی قابل دسترسی خواهند بود! دو سمت چپ صفحه «روست کردن» در حالت‌های مختلف و به دنبال آن صفحه‌های کتابخانه و حساب کاربری هستند. این برنامه تاریخچه کباب های مختلفی را که در کتابخانه ایجاد می کنید ذخیره می کند و هر مورد دلخواه را در صفحه حساب شما منتقل می کند!
من عاشق یک رابط کاربری تمیز و تمیز هستم و در مورد آن بسیار هیجان زده هستم. کاشی برشته با تایمر روی آن کمی کار می کند، اما ارزشش را دارد.
هنگامی که طرح های منحصر به فرد صفحه را در Figma دریافت کردم، سرانجام VS Code را باز کردم! من ساختار اولیه پروژه خود را تنظیم کردم. فکر نمی‌کنم این برنامه آنقدر عملکرد داشته باشد که به یک مدل کامل MVC نیاز داشته باشم، بنابراین با دو پوشه رفتم: frontend، و backend.
roast/
|– backend/
|– app.js
* this is where my express server will live
|– frontend/
* React boilerplate
|– node_modules/
|– src/
…
|– App.js
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
من برنامه React خود را در داخل بوت استرپ کردم frontend پوشه، و شروع کردم به قرار دادن سبک های جهانی من در :root تا بتوانم سریع به آنها دسترسی داشته باشم!
کارهای زیادی برای انجام دادن وجود دارد، اما تکمیل یک طراحی به من ایده بسیار محکمی از هدف می دهد. یک روز اول بسیار سازنده، اما فردا می‌توانم ویرایشگرم را در حالت Zen قرار دهم و تایپ کنم!
من برای ساختن و به اشتراک گذاشتن آنچه در آن کار می کنم با همه شما هیجان زده هستم!
در پایان دوره گواهینامه حرفه ای مهندس Full-Stack از Codecademy، در حال راه اندازی یک پروژه جدید برای ساختن نمونه کارها هستم. من نمی خواهم چیزی بسازم که فقط روی یک قفسه بنشیند. من می خواهم چیزی بسازم که در واقع از آن استفاده کنم!
ایده
خانواده‌ام به من می‌گویند «قهوه‌باز».
این ممکن است درست باشد، اما، من دوست دارم بگویم که “من از چیزهای خوب لذت می برم.” وسواس زمانی شروع شد که حدود 6 سال پیش برای تولدم یک فرنچ پرس گرفتم. پس از خرید یک سری ابزار، به یک حقیقت پی بردم:
قهوه با کیفیت گران است.
خوب، من یک ترومبونیست بودم که تبدیل به کارمند وزارتخانه شده بودم، بنابراین پول زیادی برای پس دادن نداشتم. اما، متوجه شدم که اگر قهوه بو داده نشده بخرید و خودتان آن را برشته کنید، می توانید پول زیادی را پس انداز کنید. بنابراین، 60 دلار بعد و دو هفته بعد، من یک پاپ کورن ساز و اولین کیسه قهوه سبزم را داشتم.
من الان حدود 2 سال است که برشته می کنم، و دوست دارم کباب هایم را پیگیری کنم تا ثابت بماند (و بدانم چه زمانی خراب شده ام). وزن شروع قهوه، وزن پایانی، درصد کاهش وزن، زمان وقوع اولین ترک، مدت زمان کل بو دادن، کاهش دما در دقیقه اول و غیره را دنبال می کنم.
من همه اینها را در یک دفترچه ردیابی کرده‌ام، اما دستکاری یک دفترچه یادداشت، کرونومتر روی تلفنم و یک خودکار در حالی که سعی می‌کنم پوپر را در حال چرخش نگه دارم، برای اطمینان یک اقدام متعادل کننده است.
“اگر برنامه ای وجود داشت که به من اجازه می داد یک دکمه را بزنم تا هر مرحله را که برمی دارم ثبت نام کنم!”
و ایده Roast متولد شد!
ساختمان در عموم
به جای اینکه این پروژه را در نمایه لینکدین خود نگه دارم و پس از اتمام آن به اشتراک بگذارم، می‌خواهم روند را با جامعه توسعه به اشتراک بگذارم. من دوست دارم بازخورد، پیشنهاد، انتقاد، حمایت، یا یک ضربه به پشت در نظرات اگر شما یک دوم!
هدف من این است که برای هر روزی که روی پروژه کار می کنم، یک پست بنویسم، و امیدوارم، اگر در حال خواندن آن هستید، بتوانید از اشتباهات من در پروژه بعدی خود درس بگیرید!
روز 1: طراحی و توسعه محیط
از آنجایی که این یک برنامه وب تمام پشته است، تصمیم گرفتم با یک ایده کلی از ساختار شروع کنم و سپس مستقیماً وارد طراحی شوم.
تا آنجایی که فناوری‌ها پیش می‌روند، قسمت جلویی برنامه در React ساخته می‌شود، با چند کتابخانه برای آیکون‌ها و فونت و مواردی از این قبیل. من از یک Express API در Node برای برقراری ارتباط بین frontend و پایگاه داده PostgresSQL استفاده خواهم کرد. من به احتمال زیاد پایگاه داده و API را در یک نمونه AWS EC3 میزبانی خواهم کرد.
آنچه در بالا می بینید سه صفحه اصلی هستند که از دکمه های پاورقی قابل دسترسی خواهند بود! دو سمت چپ صفحه «روست کردن» در حالت‌های مختلف و به دنبال آن صفحه‌های کتابخانه و حساب کاربری هستند. این برنامه تاریخچه کباب های مختلفی را که در کتابخانه ایجاد می کنید ذخیره می کند و هر مورد دلخواه را در صفحه حساب شما منتقل می کند!
من عاشق یک رابط کاربری تمیز و تمیز هستم و در مورد آن بسیار هیجان زده هستم. کاشی برشته با تایمر روی آن کمی کار می کند، اما ارزشش را دارد.
هنگامی که طرح های منحصر به فرد صفحه را در Figma دریافت کردم، سرانجام VS Code را باز کردم! من ساختار اولیه پروژه خود را تنظیم کردم. فکر نمی‌کنم این برنامه آنقدر عملکرد داشته باشد که به یک مدل کامل MVC نیاز داشته باشم، بنابراین با دو پوشه رفتم: frontend، و backend.
roast/
|-- backend/
|-- app.js
* this is where my express server will live
|-- frontend/
* React boilerplate
|-- node_modules/
|-- src/
...
|-- App.js
من برنامه React خود را در داخل بوت استرپ کردم frontend پوشه، و شروع کردم به قرار دادن سبک های جهانی من در :root تا بتوانم سریع به آنها دسترسی داشته باشم!
کارهای زیادی برای انجام دادن وجود دارد، اما تکمیل یک طراحی به من ایده بسیار محکمی از هدف می دهد. یک روز اول بسیار سازنده، اما فردا می‌توانم ویرایشگرم را در حالت Zen قرار دهم و تایپ کنم!
من برای ساختن و به اشتراک گذاشتن آنچه در آن کار می کنم با همه شما هیجان زده هستم!
