تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
Front-End
JavaScript
HTML & CSS
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
Front-End
HTML & CSS
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند از بین رنگ های سبز، قرمز، آبی، سفید و مشکی یک رنگ را انتخاب کرده و با انتخاب هر رنگ، پس زمینه به آن رنگ تغییر پیدا کند
Front-End
Java
JavaScript
HTML & CSS
با استفاده از html و css و جاوا اسکریپت صفحه ای مربوط به سوالات متداول طراحی کنید در این صفحه باید سوالات متداول نمایش داده شود و وقتی کاربر روی هر سوال کلیک کرد، پاسخ مربوط به آن سوال دقیقا زیر سو...
Front-End
JavaScript
HTML & CSS
لینکی با مشخصات زیر ایجاد کنیدبا کلیک روی لینک کاربر بتواند مستقیم با شماره 090000000 تماس بگیردمتن لینک (تماس با ما) باشدtitle لینک عبارت (با ما تماس بگیرید) باشد
Front-End
HTML & CSS
با استفاده از html و css و جاوا اسکریپت دکمه ای ایجاد کنید که وقتی روی آن کلیک شد باکسی بصورت تمام صفحه ظاهر شود. این باکس باید دکمه ای به شکل X برای بسته شدن داشته باشد و وقتی کاربر روی آن کلیک کر...
Front-End
JavaScript
HTML & CSS
به div زیر چه اسلاید CSS را اضافه کنیم تا شکل قلب بشه<div class="heart"></div>
Front-End
HTML & CSS
با استفاده از CSS کلاس fix را استایل دهی کنید تا بصورت ثابت در گوشه پایین سمت چپ صفحه (با فاصله 10 پیکسل) قرار گیرد و در صورت اسکرول کاربر، موقعیت آن تغییر نکند.
Front-End
HTML & CSS
یک وبسایت شامل 4 صفحه بسازید که: 1.صفحه خانه (index.html):شامل عنوان وبسایت و یک تصویر پروفایل.مقدمه‌ای کوتاه درباره خودتان.لینک‌هایی به صفحات دیگر وبسایت (درباره من، پروژه‌ها، تماس با من). 2.صفح...
Project
Front-End
HTML & CSS
صفحه اصلی یک سایت شرکتی طراحی کنید که:هدر مناسب با لینک های مناسب در بالای صفحه وجود داشته باشدبعد از هدر چند تصویر در سایز بزرگ به شکل اسلایدشو نمایش داده شوندبخش خدمات شرکت وجود داشته باشدبخش تصا...
Project
Front-End
JavaScript
HTML & CSS
کدی بنویسید که ویدیویی با آدرس (test) را در صفحه بارگذاری کند. دکمه های کنترل ویدیو نیز وجود داشته باشد
Front-End
JavaScript
HTML & CSS
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
Front-End
HTML & CSS
لینکی با مشخصات زیر ایجاد کنیدمتن لینک عبارت (اینجا کلیک کنید) باشدلینک به صفحه code-bezan.ir باشدtitle لینک عبارت (تمرین برنامه نویسی) باشدلینک در صفحه جدید باز شود
Front-End
HTML & CSS
فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کندنام و نام خانوادگی (حداکثر ۵۰ کاراکتر)سن (بین ۱۸ تا ۷۰)ایمیل (در فرمت ایمیل)شماره موبایل (شروع با ۰۹ و ۱۱ رقم)رمزعبور (حدا...
Front-End
HTML & CSS
با HTML و CSS نویگیشن باری بسازید که ریسپانسیو باشد و در دستگاه هایی با عرض مختلف بدرستی نمایش داده شود. نویگیشن بار نواری است که معمولا در بالای صفحه سایت قرار میگیرد و لینک صفحات مختلف در آن قرار دارد
Front-End
JavaScript
HTML & CSS
با استفاده از html و css و javascript صفحه ای طراحی کنید که دارای منو tabs باشد در بالای این صفحه 4 دکمه قرار دهید که با انتخاب هر دکمه، آن دکمه فعال شود و محتویات مربوط به آن نمایش داده شود. مثلا ...
Front-End
JavaScript
HTML & CSS
بیشترین بازدید هفته