محتوای طراحی وب سایت(Front End)
آشنایی اولیه با 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 تک تک ...
آموزش if، else و for در JavaScript
آموزش if، else و for در JavaScript در مثال زیر میخواهیم چک کنیم که متغییر x مساوی ۲۱ است؟ برای نوشتن این دستور حتما باید x==21 بنویسید. دو عدد مساوی یعنی آیا متغییر x مساوی عدد ۲۱ است یا ...
کار با ()console.log در JavaScript
کار با ()console.log در JavaScript کنسول لاگ یک تابعی است که هر چیزی در آن بنویسم را میتوانیم در بخش کنسوله صفحه وب خود ببینید. در مثال زیر میبینید که hello world در بخش کنسول مشاهده میشود. برای دیدن ...
آشنایی با JavaScript
آشنایی با JavaScript جاوا اسکریپت یک زبان برنامه نویسی است که قابلیت های زیادی را به صفحه شما اضافه میکند. برای مثال میتوانید چندین رنگ مختلف را برای صفحه وب خود اختصاص دهید که تنها با انتخاب دکمه و ...
آموزش animation در CSS3
آموزش animation در CSS3 در این آموزش قصد داریم در صفحه خود انیمیشن ایجاد کرده و تغییراتی در نمایش رنگ های یک المان ایجاد کنیم. برای شروع مثال زیر را در نظر بگیرید. <!DOCTYPE html> <html> <head> <title></title> ...
آموزش transition در CSS3
آموزش transition در CSS3 در این آموزش قصد داریم با transition آشنا شویم که رویداد های صفحه شما را به تاخیر بیشتری انجام خواهد داد. برای نمونه در قطعه کد زیر میبینید که وقتی موس را بر روی box ...
آموزش gradient و shadow در CSS3
آموزش gradient و shadow در CSS3 ما میتوانیم برای زیبایی بیشتر در صفحه خود، بر روی المان ها سایه اعمال کنیم. به مثال زیر دقت کنید. <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="lesson.css"> </head> <body> <div ...
آموزش border and multiple images در CSS3
آموزش border and multiple images در CSS3 CSS3 امکانات بیشتری را در اختیار شما قرار میدهد که ممکن است مرورگر های قدیمی این امکانات را ساپورت نکنند. برای مثال میخواهید قابی را به وجود آورده که میزان گردی گوشه ...