اولین تجربه من با مکان نما

این اولین پست من است

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

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

• یک راه اندازی فقط جلوی
• انیمیشن
• تصاویر و متن
• برخی از دکمه ها برای حرکت بین صفحات

این پروژه از نظر فنی بسیار ساده بود. بنابراین ، من مکان نما را بارگیری کردم ، وارد سیستم شدم و برای ساخت برنامه شروع به استفاده از آن کردم. من این را فرصتی برای آزمایش رویکرد “بدون کد” دیدم. هدف من این بود که تمام دستورالعمل ها را در تعامل سریع ارائه دهم و در کد مداخله نکنم ، حتی اگر من قبلاً می دانستم که چگونه خودم همه چیز را پیاده سازی کنم.

30 دقیقه اول:

من تجربه کار با مدل های Ancts و AI را دارم ، بنابراین من قبلاً با تعامل آشنا بودم. من با تشریح اهداف و توصیف چگونگی نگاه صفحه در اولین سریع من شروع کردم. من دستورالعمل های فنی مفصلی را در مورد چگونگی اجرای کارها درج کردم.

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

من می خواستم یک انیمیشن پاکت ایجاد کنم. هرکسی که با انیمیشن ها کار کرده است می داند اگر با آنها آشنا نباشید ، می توانند مشکل باشند. بنابراین ، من در مورد موضوعاتی که با آنها روبرو شدم ، بازخورد عمومی (غیر فنی) را شروع کردم. من حدود 15-20 دقیقه را صرف تجدید نظر در دستورالعمل های خود و خنثی کردن تغییرات کردم ، زیرا بسیاری از اصلاحات این مشکل را بدتر کرده است.

سرانجام ، من به دنبال یک انیمیشن پاکت در HTML و JavaScript بودم ، رنگ ها را تغییر دادم و کد را به صورت سریع چسباندم. من به مدل گفتم که از آن استفاده کند ، و با آن به عنوان یک پایه ، سرانجام توانستم به نتیجه مطلوب برسم.

دقیقه 31-120:

پس از انجام سخت ترین قسمت ، من به اضافه کردن دکمه ها ، تغییر قلم ها و پیکربندی طرح رفتم. این قسمت سریع بود – من برای تولید صفحه های جدید از آنها استفاده می کنم و همه چیز هموار کار می کرد. با این حال ، من چند مورد کلیدی را متوجه شدم:

1. اگر مشخص نکنید که عناصر خاصی (مانند پس زمینه ، قلم یا سبک دکمه) جهانی هستند ، این مدل با آنها به عنوان محلی رفتار می کند و برای هر صفحه به طور جداگانه تغییرات را اعمال می کند.

2. توهم زیادی در مورد چگونگی کار “کار” وجود دارد – مدل اغلب فرض می کند که در واقع چیزی کاربردی است.

3. این کلام شما را به عنوان حقیقت مطلق می گیرد. برای آزمایش این ، من به دروغ ادعا کردم که یک ویژگی کار شکسته است. به جای تأیید ، مدل شروع به بازنویسی منطق برای “رفع” چیزی که شکسته نشده بود. این به عقب برگردد یا اشتباه من را مشخص کرد.

مرحله نهایی:

هنگامی که حدود 90-95 ٪ از صفحه به پایان رسید ، تنظیمات کوچک زمان زیادی را شروع کرد. بنابراین ، من از طریق مکان نما تغییرات را متوقف کردم و کد را به صورت دستی اصلاح کردم. بیشتر این ترفندها شامل متن ، بالشتک و حاشیه بودند.

نتیجه گیری و غذای آماده:

من با استفاده از مکان نما توانستم در 2-3 ساعت یک وب سایت بسازم. انجام آن به صورت دستی با گردش کار معمول من 4-8 ساعت طول می کشد.

دانستن آنچه باید انجام شود و آنچه اشتباه پیش می رود برای سرعت بسیار مهم است. اگر نمی توانید مشکل را شناسایی کنید ، در یک حلقه گفتن “اوه ، من اکنون مسئله را می بینم” یا “این کار نمی کند” گیر می کنید. به جای بازخورد مبهم مانند ، “تصاویر نادرست هستند” ، بهتر است مشخص شود ، “تصاویر حاشیه مناسبی ندارند – حاشیه ای را بریزید یا آنها را درون یک قسمت ظرف قرار دهید تا آن را برطرف کند.”

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

در کل ، این یک تجربه خوب بود. من وقت خود را برای کاری که قبلاً می دانستم چگونه انجام دهم صرفه جویی کردم اما نمی خواستم ساعت ها را برای اشکال زدایی انیمیشن ها بگذرانم. من فکر می کنم من به استفاده از مکان نما برای پروژه های جانبی و کارهایی که می دانم چگونه برطرف کنم اما نمی خواهم وقت خود را صرف کنم.

گفته می شود ، من فکر نمی کنم مکان نما (هنوز) برای یک فرد غیر فنی طراحی شده باشد تا چیزی را از ابتدا بسازد و انتظار داشته باشد که مانند جادو کار کند.

احتمالاً بسیاری از ویژگی های مکان نما وجود دارد که من از آن استفاده نکردم ، و می توانستم نشانه های خود را با کارآمدتر صرف کنم. اما به عنوان اولین تعامل با این به اصطلاح “مقدس مقدس بدون کد” ، فکر می کنم این یک ابزار مفید است اگر می دانید چه کاری انجام می دهید و این یک پروژه کوچک خواهد بود.