تمرین های فرانت اند (Front-End)
تمرین های برنامه نویسی فرانت اند (Front-End)جدیدترین تمرینات فرانت اند (Front-End)
صفحه ای طراحی کنید که یک متن دلخواه در وسط صفحه قرار داشته باشد (رنگ پس زمینه سفید و رنگ متن مشکی باشد) سپس دکمه ای طراحی کنید که وقتی کاربر روی آن کلیک کرد صفحه به حالت شب (دارک مود) تغییر پیدا کن...
Front-End
JavaScript
Python
HTML & CSS
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند از بین رنگ های سبز، قرمز، آبی، سفید و مشکی یک رنگ را انتخاب کرده و با انتخاب هر رنگ، پس زمینه به آن رنگ تغییر پیدا کند
Front-End
JavaScript
Python
HTML & CSS
Java
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
Front-End
Python
HTML & CSS
لینکی با مشخصات زیر ایجاد کنیدبا کلیک روی لینک کاربر بتواند مستقیم با شماره 090000000 تماس بگیردمتن لینک (تماس با ما) باشدtitle لینک عبارت (با ما تماس بگیرید) باشد
Front-End
HTML & CSS
با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید
Front-End
HTML & CSS
با استفاده از html و css و javascript یک شمارنده با قابلیت ذخیره سازی بسازید: عدد پیشفرض شمارنده را روی 0 بگذارید و 2 دکمه برای افزایش و کاهش ایجاد کنید. با کلیک روی دکمه کاهش عدد شمارنده کاهش و با...
Front-End
JavaScript
HTML & CSS
با استفاده از HTML CSS JS صفحه ای طراحی کنید که کاربر بتواند لیست کارهای روزانه خود را وارد کند و به شکل یک لیست ببیند.
Project
Front-End
JavaScript
HTML & CSS
یک وبسایت شامل 4 صفحه بسازید که: 1.صفحه خانه (index.html):شامل عنوان وبسایت و یک تصویر پروفایل.مقدمهای کوتاه درباره خودتان.لینکهایی به صفحات دیگر وبسایت (درباره من، پروژهها، تماس با من). 2.صفح...
Project
Front-End
HTML & CSS
با استفاده از جاوااسکریپت برنامه ای بنویسید که کاربر بتواند آدرس وبسایتی را وارد کرده و بلافاصله به آدرس وارد شده منتقل شود
Front-End
JavaScript
HTML & CSS
با استفاده از CSS کلاس fix را استایل دهی کنید تا بصورت ثابت در گوشه پایین سمت چپ صفحه (با فاصله 10 پیکسل) قرار گیرد و در صورت اسکرول کاربر، موقعیت آن تغییر نکند.
Front-End
HTML & CSS
به div زیر چه اسلاید CSS را اضافه کنیم تا شکل قلب بشه<div class="heart"></div>
Front-End
HTML & CSS
صفحه اصلی یک سایت شرکتی طراحی کنید که:هدر مناسب با لینک های مناسب در بالای صفحه وجود داشته باشدبعد از هدر چند تصویر در سایز بزرگ به شکل اسلایدشو نمایش داده شوندبخش خدمات شرکت وجود داشته باشدبخش تصا...
Project
Front-End
JavaScript
HTML & CSS
با HTML جدولی بسازید که که اطلاعات زیر را نمایش دهد ستون های جدول: نام، نمره، وضعیت حسن حسنی 17.25 قبولهوشنگ محمدی 20 قبولرضا حسنی 13 قبولمحمد رضایی 9 مردودمهسا مردانی 19 قبولمیلاد محمدی 12 قبولتین...
Front-End
DataBase
HTML & CSS
صفحه ای بسازید که یک اسلاید شو در آن وجود داشته باشدحداقل 3 تصویر در صفحه قرار دهید که در هر لحظه یک تصویر نمایش داده شودهر 5 ثانیه تصویر فعلی به تصویر بعدی تغییر پیدا کندمیتوانید 2 دکمه ایجاد کنید...
Front-End
JavaScript
HTML & CSS
فرمی بسازید که موارد زیر را از کاربر دریافت کند و این فرم را اعتبارسنجی کندنام و نام خانوادگی (حداکثر ۵۰ کاراکتر)سن (بین ۱۸ تا ۷۰)ایمیل (در فرمت ایمیل)شماره موبایل (شروع با ۰۹ و ۱۱ رقم)رمزعبور (حدا...
Front-End
JavaScript
HTML & CSS
با HTML و CSS نویگیشن باری بسازید که ریسپانسیو باشد و در دستگاه هایی با عرض مختلف بدرستی نمایش داده شود. نویگیشن بار نواری است که معمولا در بالای صفحه سایت قرار میگیرد و لینک صفحات مختلف در آن قرار دارد
Front-End
JavaScript
HTML & CSS
