سلام دوست عزیز😃👋
به آزمون ورودی کارآموزی تابستانه Front-End کداستار خوش آمدید!
مسابقه به مدت ۳ ساعت و نیم ادامه خواهد داشت و در مجموع شامل ۵ سوال است. برای حل سوالات باید به HTML و CSS و JavaScript مسلط باشید به طوری که ۲ سوال اول مربوط به HTML و CSS هستند و ۳ سوال آخر مربوط به JavaScript هستند. برای حل سوالات JavaScript نیازی به تسلط بر روی Framework هایی مانند React و Angular نیست و صرفا دانش JavaScript پایه کافی است.
سوالات به گونهای تنظیم شدهاند که با توجه به دانشی که دارید بتوانید بخشی از نمرۀ سوال را بگیرید. به عنوان مثال اگر نتوانید سوال ۳ را به طور کامل حل کنید، این امکان وجود دارد که بتوانید بخشی از سوال ۴ را حل کنید؛ بنابراین حتما به تمام سوالات مراجعه کنید.
رتبهبندی بر اساس مجموع امتیازاتی که از سوالات کسب میکنید صورت میگیرد؛ همچنین در صورتی که امتیاز دو نفر یکسان شود، کسی که سوالات را در مدتزمان کمتری حل کرده باشد، رتبۀ بهتری کسب میکند.
در صورتی که درمورد سوالی ابهام داشتید، میتوانید از قسمت «سوال بپرسید» آن را مطرح کنید.
برای کسب اطلاعات بیشتر به لینکهای زیر مراجعه کنید:
+ [آموزش کار با Quera](https://quera.org/course/assignments/2693/problems/8772)
+ [سایت کداستار](https://code-star.ir/)
+ [کانال تلگرام کداستار](https://t.me/code_star)
موفق باشید 😉✌
سلام دوست عزیز😃👋
به آزمون ورودی کارآموزی تابستانه Front-End کداستار خوش آمدید!
مسابقه به مدت ۳ ساعت و نیم ادامه خواهد داشت و در مجموع شامل ۵ سوال است. برای حل سوالات باید به HTML و CSS و JavaScript مسلط باشید به طوری که ۲ سوال اول مربوط به HTML و CSS هستند و ۳ سوال آخر مربوط به JavaScript هستند. برای حل سوالات JavaScript نیازی به تسلط بر روی Framework هایی مانند React و Angular نیست و صرفا دانش JavaScript پایه کافی است.
سوالات به گونهای تنظیم شدهاند که با توجه به دانشی که دارید بتوانید بخشی از نمرۀ سوال را بگیرید. به عنوان مثال اگر نتوانید سوال ۳ را به طور کامل حل کنید، این امکان وجود دارد که بتوانید بخشی از سوال ۴ را حل کنید؛ بنابراین حتما به تمام سوالات مراجعه کنید.
رتبهبندی بر اساس مجموع امتیازاتی که از سوالات کسب میکنید صورت میگیرد؛ همچنین در صورتی که امتیاز دو نفر یکسان شود، کسی که سوالات را در مدتزمان کمتری حل کرده باشد، رتبۀ بهتری کسب میکند.
در صورتی که درمورد سوالی ابهام داشتید، میتوانید از قسمت «سوال بپرسید» آن را مطرح کنید.
برای کسب اطلاعات بیشتر به لینکهای زیر مراجعه کنید:
موفق باشید 😉✌
ظاهر کلی برنامه به صورت زیر است:

# توضیحات
علی که همچنان مشغول به فعالیت در حوزه وب است پس از تلاشهای فراوان توانسته یک سرور کوچک برای خودش طراحی کند که اطلاعات چند پست را به ما برمیگرداند.
حال او میخواهد که اطلاعات پستها را روی صفحه مرورگر نمایش دهد و شما باید به او برای انجام اینکار کمک کنید.
# پروژه اولیه
پروژه اولیه را از
[این لینک](/contest/assignments/53486/download_problem_initial_project/182387/)
دانلود کنید.
<details class="green">
<summary> ساختار فایلها </summary>
```
showing-posts
├── server
│ └── server.js
├── index.html
├── package.json
└── script.js
```
</details>
<details class="violet">
<summary> راه اندازی پروژه</summary>
برای اجرای پروژه، باید`NodeJS` و `npm` را از قبل نصب کرده باشید.
+ ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
+ در پوشهی `showing-posts` ، دستور `npm install` را برای نصب نیازمندیها اجرا کنید.
+ در همین پوشه، دستور `npm run server` را برای راهاندازی سرور پروژه اجرا کنید.
+ پس از انجام موفق این مراحل، فایل `index.html` را در مرورگر باز کنید.
</details>
# خواسته های مسئله
+ ساخت کلاسی تشکیل شده از پارامتر هایی که از سرور قرار است دریافت شود.
+ نوشتن تابعی که به آدرس `http://localhost:3000/posts` درخواست بفرستد و پارامتر های `id` و `title` و `body` را به ما برگرداند.
+ نوشتن تابعی که بتواند هر یک از پستهای دریافت شده را درون یک تگ `li` با ساختار زیر قرار دهد و در نهایت آنها را به تگ `ul` با آیدی `post-list` اضافه کند:
```html index.html
<li>
<h3>پست ۱</h3>
<p>.این اولین پست است</p>
<em>شماره ۱</em>
</li>
```
+ صدا زدن صحیح توابع تعریف شده.
# نکات
+ شما تنها مجاز به اعمال تغییرات در فایل `script.js` هستید.
+ از ایجاد تغییر در باقی فایلها خودداری فرمایید.
+ به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
```
[your-zip-file-name].zip
├── server
│ └── server.js
├── index.html
├── package.json
└── script.js
```
نمایش پستها
ظاهر کلی برنامه به صورت زیر است:

توضیحات🔗
علی که همچنان مشغول به فعالیت در حوزه وب است پس از تلاشهای فراوان توانسته یک سرور کوچک برای خودش طراحی کند که اطلاعات چند پست را به ما برمیگرداند.
حال او میخواهد که اطلاعات پستها را روی صفحه مرورگر نمایش دهد و شما باید به او برای انجام اینکار کمک کنید.
پروژه اولیه🔗
پروژه اولیه را از
این لینک
دانلود کنید.
ساختار فایلها
راه اندازی پروژه
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
- ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
- در پوشهی
showing-posts
، دستور npm install
را برای نصب نیازمندیها اجرا کنید.
- در همین پوشه، دستور
npm run server
را برای راهاندازی سرور پروژه اجرا کنید.
- پس از انجام موفق این مراحل، فایل
index.html
را در مرورگر باز کنید.
خواسته های مسئله🔗
- ساخت کلاسی تشکیل شده از پارامتر هایی که از سرور قرار است دریافت شود.
- نوشتن تابعی که به آدرس
http://localhost:3000/posts
درخواست بفرستد و پارامتر های id
و title
و body
را به ما برگرداند.
- نوشتن تابعی که بتواند هر یک از پستهای دریافت شده را درون یک تگ
li
با ساختار زیر قرار دهد و در نهایت آنها را به تگ ul
با آیدی post-list
اضافه کند:
index.html
- صدا زدن صحیح توابع تعریف شده.
نکات🔗
- شما تنها مجاز به اعمال تغییرات در فایل
script.js
هستید.
- از ایجاد تغییر در باقی فایلها خودداری فرمایید.
- به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.