تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند از بین رنگ های سبز، قرمز، آبی، سفید و مشکی یک رنگ را انتخاب کرده و با انتخاب هر رنگ، پس زمینه به آن رنگ تغییر پیدا کند
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
با استفاده از html و css و جاوا اسکریپت دکمه ای ایجاد کنید که وقتی روی آن کلیک شد باکسی بصورت تمام صفحه ظاهر شود. این باکس باید دکمه ای به شکل X برای بسته شدن داشته باشد و وقتی کاربر روی آن کلیک کر...
فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کندنام و نام خانوادگی (حداکثر ۵۰ کاراکتر)سن (بین ۱۸ تا ۷۰)ایمیل (در فرمت ایمیل)شماره موبایل (شروع با ۰۹ و ۱۱ رقم)رمزعبور (حدا...
با استفاده از html و css و javascript صفحه ای طراحی کنید که دارای منو tabs باشد در بالای این صفحه 4 دکمه قرار دهید که با انتخاب هر دکمه، آن دکمه فعال شود و محتویات مربوط به آن نمایش داده شود. مثلا ...
با استفاده از html و css و جاوااسکریپت یک صفحه شامل منویی طراحی کنید که ویژگی های زیر را داشته باشد یک دکمه طراحی کنید که با کلیک روی آن منویی با ارتفاع 100% از سمت راست از خارج صفحه وارد صفحه شود ...
با استفاده از HTML CSS JS صفحه ای طراحی کنید که کاربر بتواند لیست کارهای روزانه خود را وارد کند و به شکل یک لیست ببیند.
با استفاده از html و css و جاوا اسکریپت صفحه ای مربوط به سوالات متداول طراحی کنید در این صفحه باید سوالات متداول نمایش داده شود و وقتی کاربر روی هر سوال کلیک کرد، پاسخ مربوط به آن سوال دقیقا زیر سو...
یک وبسایت شامل 4 صفحه بسازید که: 1.صفحه خانه (index.html):شامل عنوان وبسایت و یک تصویر پروفایل.مقدمهای کوتاه درباره خودتان.لینکهایی به صفحات دیگر وبسایت (درباره من، پروژهها، تماس با من). 2.صفح...
با استفاده از html و css و جاوا اسکریپت یک شمارنده معکوس طراحی کنید این شمارنده باید ساعت و دقیقه و ثانیه را از سه متغیر دریافت کند و از آن زمان بصورت معکوس تا 0:0:0 بشمارد
لینکی با مشخصات زیر ایجاد کنیدبا کلیک روی لینک کاربر بتواند مستقیم با شماره 090000000 تماس بگیردمتن لینک (تماس با ما) باشدtitle لینک عبارت (با ما تماس بگیرید) باشد
با استفاده از html و css و javascript یک شمارنده با قابلیت ذخیره سازی بسازید: عدد پیشفرض شمارنده را روی 0 بگذارید و 2 دکمه برای افزایش و کاهش ایجاد کنید. با کلیک روی دکمه کاهش عدد شمارنده کاهش و با...
با استفاده از html و css تصویری با ویژگی های زیر در صفحه درج کنیدآدرس تصویرمتن جاگزین تصویر (کدبزن) باشدعرض تصویر همیشه 90 درصد عرض صفحه کاربر باشد ولی از 400 پیکسل بیشتر نشود همچنین از 100 پیکسل ک...
با HTML و CSS نویگیشن باری بسازید که ریسپانسیو باشد و در دستگاه هایی با عرض مختلف بدرستی نمایش داده شود. نویگیشن بار نواری است که معمولا در بالای صفحه سایت قرار میگیرد و لینک صفحات مختلف در آن قرار دارد