تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
لینکی با مشخصات زیر ایجاد کنیدمتن لینک عبارت (اینجا کلیک کنید) باشدلینک به صفحه code-bezan.ir باشدtitle لینک عبارت (تمرین برنامه نویسی) باشدلینک در صفحه جدید باز شود
با استفاده از HTML CSS JS صفحه ای طراحی کنید که کاربر بتواند لیست کارهای روزانه خود را وارد کند و به شکل یک لیست ببیند.
صفحه اصلی یک سایت شرکتی طراحی کنید که:هدر مناسب با لینک های مناسب در بالای صفحه وجود داشته باشدبعد از هدر چند تصویر در سایز بزرگ به شکل اسلایدشو نمایش داده شوندبخش خدمات شرکت وجود داشته باشدبخش تصا...
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد ستون های جدول: نام، نمره، وضعیت حسن حسنی 17.25 قبولهوشنگ محمدی 20 قبولرضا حسنی 13 قبولمحمد رضایی 9 مردودمهسا مردانی 19 قبولمیلاد محمدی 12 قبولتین...
کلاسی برای انیمیشن شناور بسازید. هر المانی که این کلاس را به آن بدهیم باید سر جای خود حرکات شناور داشته باشد.
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند از بین رنگ های سبز، قرمز، آبی، سفید و مشکی یک رنگ را انتخاب کرده و با انتخاب هر رنگ، پس زمینه به آن رنگ تغییر پیدا کند
با HTML و CSS نویگیشن باری بسازید که ریسپانسیو باشد و در دستگاه هایی با عرض مختلف بدرستی نمایش داده شود. نویگیشن بار نواری است که معمولا در بالای صفحه سایت قرار میگیرد و لینک صفحات مختلف در آن قرار دارد
با استفاده از html و css و javascript صفحه ای طراحی کنید که دارای منو tabs باشد در بالای این صفحه 4 دکمه قرار دهید که با انتخاب هر دکمه، آن دکمه فعال شود و محتویات مربوط به آن نمایش داده شود. مثلا ...
با استفاده از html و css و جاوا اسکریپت دکمه ای ایجاد کنید که وقتی روی آن کلیک شد باکسی بصورت تمام صفحه ظاهر شود. این باکس باید دکمه ای به شکل X برای بسته شدن داشته باشد و وقتی کاربر روی آن کلیک کر...
با استفاده از html و css و جاوا اسکریپت یک شمارنده معکوس طراحی کنید این شمارنده باید ساعت و دقیقه و ثانیه را از سه متغیر دریافت کند و از آن زمان بصورت معکوس تا 0:0:0 بشمارد
کدی بنویسید که ویدیویی با آدرس (test) را در صفحه بارگذاری کند. دکمه های کنترل ویدیو نیز وجود داشته باشد
تابعی به زبان جاوا اسکریپت بنویسید که یک اسم دریافت کند و مقدار کوکی مربوط به اسم دریافت شده را از مرورگر کاربر بخواند و برگرداند
به کد زیر توجه کنید؛ کد css بنویسید که تگ های div که داخل آنها تگ p وجود دارد را انتخاب کند و رنگ بک گراند آنها را به قرمز تغییر دهد<div> <p>hello</p></div><div> <b>bold</b></div><div> <p>hello</p...