yaldacup

راس ساعت ۱۲ شب ۲۰ آذر ماه ۱۳۹۸ سیستم ثبت نام سایت yaldacup.ir بسته شد و سوالات برای شرکت کنندگان ارسال شد.

برای اطلاع سایر دوستان از سوالات مسابقه، آنها را برای شما به اشتراک میگزاریم.

 سوال جاوا اسکریپت بسیار ساده میباشد.

یک پاپ آپ ساده طراحی کنید که یک input و یک علامت plus دارد. کاربر میتواند در کادر شماره تلفن دلخواه بنویسد و با زدن دکمه پلاس، این شماره ها به حافظه سپرده میشود.

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

بطور مثال در پاپ آپ اول من این شماره ها را زده ام:

۰۹۱۹۴۷۲۳۹۰۶

۰۹۳۵۴۳۵۰۷۸۵

پس در پاپ آپ دوم انتظار داریم فقط شماره هایی قبول شود که ۰۹۱۹ یا ۰۹۳۵ باشد.

در ضمن بیشتر از ۱۱ رقم هم نباشد.

**********************************************************************

مراحل شرکت در مسابقه css:

۱-      ابتدا یکی از پوشه های  استار را بازکرده , UI مورد نظر به دو شکل عکس و فایل ai موجود است. یکی از این ده فایل را به دلخواه در دو اسکوپ موبایل و دسکتاپ کد کنید.(حالت موبایل را به دلخواه و منطق خود کد کنید)

نکته: فایل ai  را با نرم افزار adobe Illustrator باز کنید.

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

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

     ( با توجه به چالشی که به آن دعوت شدید از svg  یا clip-path و… استفاده نمایید.)

 

۲-      وارد پوشه res  شوید

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

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

توضیحات تکمیلی درباره پوشه RES:

عکس bg  در دو حالت big  و desktop  به یک اندازه هستند و مابقی تصاویر ( ۱و۲و۳) به شکل انیمیشن داخل عکس bg  در حال اجرا هستند.

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

 پس در نتیجه شما دو فایل برای ما کد میزنید. ابتدا یکی از ۱۰پوشه با نام استار به انتخاب خودتان و سپس پوشه RES

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *