تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند از بین رنگ های سبز، قرمز، آبی، سفید و مشکی یک رنگ را انتخاب کرده و با انتخاب هر رنگ، پس زمینه به آن رنگ تغییر پیدا کند
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
با استفاده از HTML CSS JS صفحه ای طراحی کنید که کاربر بتواند لیست کارهای روزانه خود را وارد کند و به شکل یک لیست ببیند.
با استفاده از html و css و جاوا اسکریپت دکمه ای ایجاد کنید که وقتی روی آن کلیک شد باکسی بصورت تمام صفحه ظاهر شود. این باکس باید دکمه ای به شکل X برای بسته شدن داشته باشد و وقتی کاربر روی آن کلیک کر...
با استفاده از html و css و جاوا اسکریپت صفحه ای مربوط به سوالات متداول طراحی کنید در این صفحه باید سوالات متداول نمایش داده شود و وقتی کاربر روی هر سوال کلیک کرد، پاسخ مربوط به آن سوال دقیقا زیر سو...
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
با استفاده از html و css تصویری با ویژگی های زیر در صفحه درج کنیدآدرس تصویرمتن جاگزین تصویر (کدبزن) باشدعرض تصویر همیشه 90 درصد عرض صفحه کاربر باشد ولی از 400 پیکسل بیشتر نشود همچنین از 100 پیکسل ک...
لینکی با مشخصات زیر ایجاد کنیدبا کلیک روی لینک کاربر بتواند مستقیم با شماره 090000000 تماس بگیردمتن لینک (تماس با ما) باشدtitle لینک عبارت (با ما تماس بگیرید) باشد
با استفاده از html و css و جاوا اسکریپت یک شمارنده معکوس طراحی کنید این شمارنده باید ساعت و دقیقه و ثانیه را از سه متغیر دریافت کند و از آن زمان بصورت معکوس تا 0:0:0 بشمارد
یک وبسایت شامل 4 صفحه بسازید که: 1.صفحه خانه (index.html):شامل عنوان وبسایت و یک تصویر پروفایل.مقدمهای کوتاه درباره خودتان.لینکهایی به صفحات دیگر وبسایت (درباره من، پروژهها، تماس با من). 2.صفح...
با استفاده از جاوااسکریپت یک درخواست با مشخصات زیر ارسال کنیدmethod = posturl = /test.php اطلاعاتfname = ?lname = ?age = ? اطلاعات بالا را از طریق prompt از کاربر دریافت کنید
با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد ستون های جدول: نام، نمره، وضعیت حسن حسنی 17.25 قبولهوشنگ محمدی 20 قبولرضا حسنی 13 قبولمحمد رضایی 9 مردودمهسا مردانی 19 قبولمیلاد محمدی 12 قبولتین...
دکمه ای به شکل زیر بسازید: که وقتی نشانگر موس روی آن قرار گرفت به شکل زیر درآید:
به div زیر چه اسلاید CSS را اضافه کنیم تا شکل قلب بشه<div class="heart"></div>
فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کندنام و نام خانوادگی (حداکثر ۵۰ کاراکتر)سن (بین ۱۸ تا ۷۰)ایمیل (در فرمت ایمیل)شماره موبایل (شروع با ۰۹ و ۱۱ رقم)رمزعبور (حدا...