تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
برنامه ای بنویسید که یک منوی کشویی ایجاد کند که در حالت دسکتاپ با استفاده از ویژگی **هاور** (Hover) نمایش داده شود. در این حالت، کاربر با قرار دادن نشانگر ماوس بر روی منو، گزینه‌های زیرمجموعه را مش...
Front-End
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
Front-End
Python
JavaScript
HTML & CSS
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
Front-End
Python
HTML & CSS
صفحه اصلی یک سایت شرکتی طراحی کنید که:هدر مناسب با لینک های مناسب در بالای صفحه وجود داشته باشدبعد از هدر چند تصویر در سایز بزرگ به شکل اسلایدشو نمایش داده شوندبخش خدمات شرکت وجود داشته باشدبخش تصا...
Project
Front-End
JavaScript
HTML & CSS
با استفاده از html و css و javascript یک شمارنده با قابلیت ذخیره سازی بسازید: عدد پیشفرض شمارنده را روی 0 بگذارید و 2 دکمه برای افزایش و کاهش ایجاد کنید. با کلیک روی دکمه کاهش عدد شمارنده کاهش و با...
Front-End
JavaScript
HTML & CSS
صفحه ای بسازید که یک اسلاید شو در آن وجود داشته باشدحداقل 3 تصویر در صفحه قرار دهید که در هر لحظه یک تصویر نمایش داده شودهر 5 ثانیه تصویر فعلی به تصویر بعدی تغییر پیدا کندمیتوانید 2 دکمه ایجاد کنید...
Front-End
JavaScript
HTML & CSS
لینکی با مشخصات زیر ایجاد کنیدمتن لینک عبارت (اینجا کلیک کنید) باشدلینک به صفحه code-bezan.ir باشدtitle لینک عبارت (تمرین برنامه نویسی) باشدلینک در صفحه جدید باز شود
Front-End
Python
HTML & CSS
با استفاده از html و css و جاوا اسکریپت دکمه ای ایجاد کنید که وقتی روی آن کلیک شد باکسی بصورت تمام صفحه ظاهر شود. این باکس باید دکمه ای به شکل X برای بسته شدن داشته باشد و وقتی کاربر روی آن کلیک کر...
Front-End
JavaScript
HTML & CSS
فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کندنام و نام خانوادگی (حداکثر ۵۰ کاراکتر)سن (بین ۱۸ تا ۷۰)ایمیل (در فرمت ایمیل)شماره موبایل (شروع با ۰۹ و ۱۱ رقم)رمزعبور (حدا...
Front-End
JavaScript
HTML & CSS
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
Front-End
HTML & CSS
به کد زیر توجه کنید؛ کد css بنویسید که تگ های div که داخل آنها تگ p وجود دارد را انتخاب کند و رنگ بک گراند آنها را به قرمز تغییر دهد<div> <p>hello</p></div><div> <b>bold</b></div><div> <p>hello</p...
Front-End
HTML & CSS
با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد ستون های جدول: نام، نمره، وضعیت حسن حسنی 17.25 قبولهوشنگ محمدی 20 قبولرضا حسنی 13 قبولمحمد رضایی 9 مردودمهسا مردانی 19 قبولمیلاد محمدی 12 قبولتین...
Front-End
HTML & CSS
DataBase
کد css بنویسید که تمام span هایی که بصورت مستقیم داخل div هستند رو انتخاب کند و رنگ متن آنها را به قرمز تغییر دهد
Front-End
HTML & CSS
تابعی به زبان جاوا اسکریپت بنویسید که یک اسم دریافت کند و مقدار کوکی مربوط به اسم دریافت شده را از مرورگر کاربر بخواند و برگرداند
Front-End
JavaScript
HTML & CSS
با HTML و CSS منویی بسازید وقتی موس روی آن قرار گرفت زیر منو باز شود و کاربر بتواند از گزینه های زیر منو، هرکدام را انتخاب کرده و وارد لینک مربوطه شود
Front-End
HTML & CSS
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند آدرس وبسایتی را وارد کرده و بلافاصله به آدرس وارد شده منتقل شود
Front-End
JavaScript
HTML & CSS
بیشترین بازدید هفته
بیشترین بازدید ماه
