سلام دوست عزیز😃👋

به آزمون ورودی کارآموزی تابستانه Front-End کداستار خوش آمدید!

مسابقه به مدت ۳ ساعت و نیم ادامه خواهد داشت و در مجموع شامل ۵ سوال است. برای حل سوالات باید به HTML و CSS و JavaScript مسلط باشید به طوری که ۲ سوال اول مربوط به HTML و CSS هستند و ۳ سوال آخر مربوط به JavaScript هستند. برای حل سوالات JavaScript نیازی به تسلط بر روی Framework هایی مانند React و Angular نیست و صرفا دانش JavaScript پایه کافی است.

سوالات به گونه‌ای تنظیم شده‌اند که با توجه به دانشی که دارید بتوانید بخشی از نمرۀ سوال را بگیرید. به عنوان مثال اگر نتوانید سوال ۳ را به طور کامل حل کنید، این امکان وجود دارد که بتوانید بخشی از سوال ۴ را حل کنید؛ بنابراین حتما به تمام سوالات مراجعه کنید.

رتبه‌بندی بر اساس مجموع امتیازاتی که از سوالات کسب می‌کنید صورت می‌گیرد؛ همچنین در صورتی که امتیاز دو نفر یکسان شود، کسی که سوالات را در مدت‌زمان کمتری حل کرده باشد، رتبۀ بهتری کسب می‌کند.

در صورتی که درمورد سوالی ابهام داشتید، می‌توانید از قسمت «سوال بپرسید» آن را مطرح کنید.

برای کسب اطلاعات بیشتر به لینک‌های زیر مراجعه کنید:

موفق باشید 😉✌

نمایش پست‌ها


ظاهر کلی برنامه به صورت زیر است:

تصویر خروجی

توضیحات🔗

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

پروژه اولیه🔗

پروژه اولیه را از این لینک دانلود کنید.

ساختار فایل‌ها
showing-posts
├── server
│   └── server.js
├── index.html
├── package.json
└── script.js
Plain text
راه اندازی پروژه

برای اجرای پروژه، بایدNodeJS و npm را از قبل نصب کرده باشید.

  • ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید.
  • در پوشه‌ی showing-posts ، دستور npm install را برای نصب نیازمندی‌ها اجرا کنید.
  • در همین پوشه، دستور npm run server را برای راه‌اندازی سرور پروژه اجرا کنید.
  • پس از انجام موفق این مراحل، فایل index.html را در مرورگر باز کنید.

خواسته های مسئله🔗

  • ساخت کلاسی تشکیل شده از پارامتر هایی که از سرور قرار است دریافت شود.
  • نوشتن تابعی که به آدرس http://localhost:3000/posts درخواست بفرستد و پارامتر های id و title و body را به ما برگرداند.
  • نوشتن تابعی که بتواند هر یک از پست‌های دریافت شده را درون یک تگ li با ساختار زیر قرار دهد و در نهایت آن‌ها را به تگ ul با آی‌دی post-list اضافه کند:
    extensionFromNameindex.html
    <li>
      <h3>پست ۱</h3>
      <p>.این اولین پست است</p>
      <em>شماره ۱</em>
    </li>
    HTML
  • صدا زدن صحیح توابع تعریف شده.

نکات🔗

  • شما تنها مجاز به اعمال تغییرات در فایل script.js هستید.
  • از ایجاد تغییر در باقی فایل‌ها خودداری فرمایید.
  • به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
    [your-zip-file-name].zip
    ├── server
    │   └── server.js
    ├── index.html
    ├── package.json
    └── script.js
    Plain text
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.