محتوای طراحی وب سایت(Front End)
آموزش media queries در طراحی واکنش گرا
آموزش media queries در طراحی واکنش گرا در مثال قبل دیدید که با استفاده از html و css یک صفحه ساده را ایجاد کنیم. حال میخواهیم با media queriesاشنا شویم. برای استفاده از media queries باید از دستور زیر ...
قرارگیری اجزا در یک سایت واکنش گرا
قرارگیری اجزا در یک سایت واکنش گرا اگر صفحه device خود را به ۱۲ ستون مساوی تقسیم کنید، میتوانید تقسیم شدن اجزا را در این ۱۲ ستون، در انواع سایز دستگاه ها ببینید. میبینید که یک دستگاه با سایز ...
آشنایی اولیه با طراحی واکنش گرا
آشنایی اولیه با طراحی واکنش گرا وقتی با لپتاپ خود وارد یک سایت میشوید، میبیند که همه چیز به صورت مرتب و در سایز مناسب به شما نشان داده میشود. ولی وقتی همان سایت را در یک تبلت و ...
آموزش animation effects در jQuery
آموزش animation effects در jQuery کار با slideUp و slideDown: برای مثال میخواهید بخشی از اطلاعات فقط در صورت کلیک شدن باز شود. <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="lesson.css"> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script> </head> ...
آموزش fade کردن در jQuery
آموزش fade کردن در jQuery در جلسات قبل دیدید که ما برای صفحه خود یک loading اولیه به وجود آوردیم تا تمام کد های صفحه اعمال شود و پس از آن کاربر صفحه اصلی را ببیند. (آموزش ساخت loading در ...
آموزش events و selectors در jQuery
آموزش events و selectors در jQuery در این جزوه با چند نمونه از event های مهم jQuery آشنا میشویم. مورد اول دستور click است که با کلید کردن بر روی المان، قصد عوض کردن استایل آن المان را داریم. ...
آموزش ساخت loading در jQuery با کمک document is ready
آموزش ساخت loading در jQuery با کمک document is ready گاهی اوقات شما نیاز دارید که صفحات طراحی شما به صورت کامل load شود و پس از آن به کاربر نمایش داده شود. برای این کار لازم است که ...
آشنایی اولیه با jQuery
آشنایی اولیه با jQuery jQuery یکی از کتابخانه های JavaScript است که این قدرت را به شما میدهد با خط کد های کمتر، بتوانید همان کاری که با JavaScript انجام میدادید را با خط کد کمتری انجام دهید. برای ...
آموزش Style DOM در JavaScript
آموزش Style DOM در JavaScript تا به اینجای کار ما فقط با تغییرات در html آشنا شدیم. ولی اگر بخواهیم تغییر در style به وجود آوریم، باید چه کاری انجام دهیم؟ در ابتدا به مثال زیر دقت کنید که ...
آموزش HTML DOM در JavaScript
آموزش HTML DOM در JavaScript DOM یا همان document object model است که وقتی صفحه html شما قرار است لود شود چنین درختی تشکیل میشود. اول بیاید با تعریف آرایه شروع کنیم و در یک for تک تک ...