سلام دوست عزیز! به آزمون ورودی آزمون ورودی کارآموزی تابستانه Front-End کداستار که توسط آکادمی ستاره برگزار میشه خوش اومدی! هدف این آزمون سنجش شیوهی برنامهنویسیات، هست. ترتیب سوالا هم از آسون به سخت هست. بعد از مسابقه، شیوهی برنامهنویسی و امتیازی که توی این مسابقه گرفتی بررسی میشه و امیدواریم به مرحلهی بعدی که مصاحبهی اسکایپی هست، دعوت بشی!
ما در تیم آکادمی ستاره برات از صمیم قلب آرزوی موفقیت داریم و امیدواریم بتونیم توی کارآموزی ببینیمت :)
برای شرکت بهتر در مسابقه پیشنهاد میکنیم لینکهای زیر را مطالعه کنی!
+ [قالب صورت سوال](https://quera.ir/course/assignments/2693/problems/9938)
+ [نحوه داوری خروجی شما](https://quera.ir/course/assignments/2693/problems/42815)
+ [اطلاعات بیشتر درباره کداستار](http://code-star.ir)
میتونی سوالاتت رو هم از قسمت "سوال بپرسید" مطرح کنی. همچنین برای دسترسی به آخرین اخبار و اطلاعیهها (روال مصاحبه و دورههای بعدی) بعد از آزمون کانال رو چک کن:
+ [آخرین اطلاعیههای کداستار در کانال تلگرام @code_star](https://t.me/code_star)
سلام دوست عزیز! به آزمون ورودی آزمون ورودی کارآموزی تابستانه Front-End کداستار که توسط آکادمی ستاره برگزار میشه خوش اومدی! هدف این آزمون سنجش شیوهی برنامهنویسیات، هست. ترتیب سوالا هم از آسون به سخت هست. بعد از مسابقه، شیوهی برنامهنویسی و امتیازی که توی این مسابقه گرفتی بررسی میشه و امیدواریم به مرحلهی بعدی که مصاحبهی اسکایپی هست، دعوت بشی!
ما در تیم آکادمی ستاره برات از صمیم قلب آرزوی موفقیت داریم و امیدواریم بتونیم توی کارآموزی ببینیمت :)
برای شرکت بهتر در مسابقه پیشنهاد میکنیم لینکهای زیر را مطالعه کنی!
میتونی سوالاتت رو هم از قسمت "سوال بپرسید" مطرح کنی. همچنین برای دسترسی به آخرین اخبار و اطلاعیهها (روال مصاحبه و دورههای بعدی) بعد از آزمون کانال رو چک کن:
**مهارتهای لازم:**
+ آشنایی با `HTML` و `CSS`
---
در این سوال از شما خواسته شده است که با استفاده از CSS لوگوی کداستار را طراحی کنید. این لوگو شامل 5 تگ بسته (_Closing Tag_) است که هر کدام از آنها به مقداری چرخانده شدهاند.
حال شما باید با استفاده از فایلهایی که ما برای شما آماده کردهایم این لوگو را طراحی کنید. دقت داشته باشید به غیر از فایل `style.css` حق تغییر هیچ کدام از فایلها را ندارید.
میتوانید خروجی نمونه را در این تصویر مشاهده کنید:

# موارد قابل توجه
- برای شما یک عکس کمکی قرار داده شده است شما باید دقیقا همانند این عکس لوگو را طراحی کنید.
- از فونت شبنم که در کنار فایلهای شما قرار داده شده است برای طراحی استفاده کنید.
# پروژه اولیه
پروژه اولیه را از [این لینک](https://quera.ir/contest/assignments/28171/download_problem_initial_project/94214) دانلود کنید.
<details class="blue">
<summary>ساختار فایلهای این پروژه به این صورت است</summary>
```
initialProject03.zip
├── fonts
│ ├── shabnam-bold.ttf
│ ├── shabnam-light.ttf
│ ├── shabnam-medium.ttf
│ └── shabnam-thin.ttf
├── index.html
├── main.css
├── star-logo.png
├── star-logo-on-quera.png
└── style.css
```
</details>
<details class="pink">
<summary>راه اندازی پروژه</summary>
+ ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
+ سپس فایل `index.html` را در مرورگر خود باز کنید.
</details>
# راهنمایی
اعداد زیر اعداد جادوئی هستند از آنها برای طراحی خود استفاده کنید
- `170px`
- `30px`
- `108px`
- `700`
- `-7px`
- `72deg`
- `-90deg`
طراحی به سبک کداستار
مهارتهای لازم:
در این سوال از شما خواسته شده است که با استفاده از CSS لوگوی کداستار را طراحی کنید. این لوگو شامل 5 تگ بسته (Closing Tag) است که هر کدام از آنها به مقداری چرخانده شدهاند.
حال شما باید با استفاده از فایلهایی که ما برای شما آماده کردهایم این لوگو را طراحی کنید. دقت داشته باشید به غیر از فایل style.css
حق تغییر هیچ کدام از فایلها را ندارید.
میتوانید خروجی نمونه را در این تصویر مشاهده کنید:

موارد قابل توجه🔗
پروژه اولیه🔗
پروژه اولیه را از این لینک دانلود کنید.
ساختار فایلهای این پروژه به این صورت است
راه اندازی پروژه
- ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
- سپس فایل
index.html
را در مرورگر خود باز کنید.
راهنمایی🔗
اعداد زیر اعداد جادوئی هستند از آنها برای طراحی خود استفاده کنید
170px
30px
108px
700
-7px
72deg
-90deg
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.