افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

قواعد دستوری (syntax) جاوا اسکریپت |آموزش جاوا اسکریپت|بهینه کردن سایت

آموزش جاوا اسکریپت                                                                 قمست چهارم

قواعد دستوری(syntax)  جاوا اسکریپت :

به مجموعه قوانینی که چگونگی ساخت برنامه در جاوا اسکریپت را مشخص می کندد  نحوه دستور نویسی (syntax) گفته می شود.

در یک زبان برنامه نویسی به این دستورالعمل ها statements نامیده می شوند

جاوا اسکریپت یک زبان برنامه نویسی می باشد (که ما از آن در طراحی وبسایت استفاده می کنیم)

دستورات جاوا اسکریپت مانند برخی از زبان ها  از جمله C#,Vb  با (;) از هم جدا می شوند

<script>

   var x = 5;

   var y = 6;

   var z = x + y;

   document.getElementById("demo").innerHTML = z;

</script>

<script>

   var x = 5;

   var y = 6;

   var z = x + y;

   document.getElementById("demo").innerHTML = z;

</script>

دستورات (statemens) جاوا اسکریپت :

در زبان های برنامه نویسی به دستورالمل های برنامه اصطلاحا (statatements) جملات،دستورات گفته می شود.

 

دستورات  جاوا اسکریپت از موارد زیر تشکیل شده است : 

 

  1. Values  (مقادیر)
  2. Operators (عملگرها)
  3. Expressions  (اصطلاحات)
  4. Keywords (کلمات کلیدی)
  5. Comments (تفسیر نویسی)

 

 

جاوا اسکریپت  Values  (مقادیر) :

 

در نحوه کد نویسی در جاوا اسکریپت دو نوع روش برای مقدار دهی معین شده است:

  1. مقادیر ثابت (Fixed Values) که به آنها لیترال ها (Literals) یا مقادیر تحت اللفظی گفته می شود.
  2. مقادیر متغیر  (Variable Values)

لیترال ها (Literals) یا ثابت  (Fixed) :

مهم ترین قوانین برای نوشتن مقادیر ثابت : 
 

   ۱- استفاده از اعداد (ساده یا اعشار) مانند   :  10.50و 1001
   ۲-استفاده از رشته ها (متن) که بین سینگل کوتیشن یا دابل کوتیشن نوشته میشود.مانند “afra” و ‘afra’

جاوا اسکریپت  متغیرها (Variables):

در تمامی زبان های برنامه نویسی از متغیر ها برای ذخیره موقت داده استفاده می گردد.
در جاوا اسکریپت برای تعریف یک متغیر از کلمه کلیدی var استفاده می شود.
از علامت “=” مساوی  برای معرفی مقداری که میخواهیم در متغیر ذخیره کنیم استفاده میکنیم.
مثال :

در مثال زیر یک متغیر x تعریف شده و مقدار 6 به آن انتصاب داده شده است

 

<script>

   var x;

   x = 6;

   document.getElementById("demo").innerHTML = x;

</script>

جاوا اسکریپت  Operators (عملگرها) :

  • جاوا اسکریپت از عملگر = برای انتساب مقدار به متغیر استفاده می کند

مثال : 

var x = 5 ;

var y = 6 ;

  • جاوا اسکریپت از عملگر های محاصباتی  (+ - *  /)  برای محاصبه مقادیر استفاده می کند

مثال : 

 

<p id="demo"></p>

<script>

    document.getElementById("demo").innerHTML = (5 + 6) * 10;

</script>

 

جاوا اسکریپت  Expressions  (اصطلاحات) :

یک اصطلاح از ترکیب مقادیر (Values) ، متغیر ها (Variables) و عملگرها (Operators) که در یک مقدار (Value) محاسبه شده است گفته میشود

مثال : 

5 * 10

x * 10

"John" + " " + "Doe"

جاوا اسکریپت  Keywords (کلمات کلیدی) :

 

از کلمات کلیدی در جاوا اسکریپت برای شناختن عمل های از پیش تعریف شده استفاده می شود.
بطور مثال var یک کلمه کلیدی می باشد که برای ایجاد یک متغیر استفاده می شود.

جاوا اسکریپت  Comments (تفسیر نویسی) :

برخی عبارات در جاوا اسکریپت اجرا نمی شوند.
عباراتی که بعد از علامت ” // ” یا بین دو علامت /*  و  */ تفسیر نویسی یا کامنت گفته میشود و اجرا نمی شوند.

نوشتن کانت یا تفسیر نویسی اختیاری می باشدو فقط به خواناتر شدن بهینه سازی کدها و کارایی آنها کمک میکند

var x = 5;   // I will be executed

// var x = 6;   I will NOT be executed

جاوا اسکریپت  شناسه ها (Identifiers):

  • شناسه ها همان نام ها هستند.
  • در جاوا اسکریپت از شناسه ها برای نام گذاری متغیرها ، کلمات کلیدی ، فانکشن ها و برچسب ها(labels) استفاده میشود

 

  • قوانین نام گذاری در جاوا اسکریپت همانند دیگر زبان های برنامه نویسی می باشد:

 

           اولین کارکتر در نام گذاری یا باید یکی از حروف لاتین یا آندرلاین “_” یا علامت دلار $ باشد.

           کارکتر های بعدی میتوانند یکی یا ترکیبی از حروف لاتین یا علائم ریاضی یا آندرلاین یا علامت دلار باشد.

 

نکته : تمامی شناسه ها در جاوا اسکریپت حساس به کوچکی و بزرگی حروف هستند و براشون حرف  A و a متفاوته.

پایان قسمت چهارم

منابع : http://www.w3schools.com/js/js_output.asp

کانون تبلیغاتی افراگرافیک

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056  66562677 66120698   09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

http://ir.linkedin.com/in/afragraphic

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

 

آموزش جاوا اسکریپت طراحی سایت
افرا گرافیک دوشنبه 24 خرداد 1395 ساعت 10:35
0 نظر

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاوا

آموزش JavaScript                                                                                     بخش 1

مقدمه :

این آموزش درباره چگونگی کار کردن جاوا اسکریپت در طراحی وب سایت با html و css است

پیشنهاد نویسنده :

در طول آموزش این دوره سعی کنید مثال های گفته شده در هر فصل را پس از پایان فصل به صورت عملی نوشته ، اجرا کنید و نتیجه را ببینید تا یادگیری بهتر و سریعتری داشته باشید و همچنین وب سایتی بهینه

 

جاوا اسکریپت زبان برنامه نویسی HTML و طراحی وب است

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است

این مقاله زبان برنامه نویسی جاوا اسکریپت را به شما از پایه تا پیشرفته آموزش می دهد

 

.جاوا اسکریپت یکی از 3 زبانی است که همه توسعه دهندگان وب باید یاد بگیرند

    1.  HTML برای تعریف محتوای صفحات وب
    2.  CSS برای مشخص کردن طرح صفحات وب
    3.  جاوا اسکریپت برای مشخص کردن رفتار صفحات وب
 

 

1. جاوا اسکریپت می تواند محتوای HTML را تغییر دهد :
 
یکی از روش های دسترسی به المان های داخل html گرفتن id با استفاده از متد () getElementById می باشد.

این مثال از این روش برای پیدا کردن یک عنصر html با "id="demo  استفاده کرده و محتوای درون عنصر را به Hello JavaScript تغییر می دهد.

document.getElementById("demo").innerHTML = "Hello JavaScript";

مثال :

 

<body>

    <form id="form1" runat="server">

         <h1>What Can JavaScript Do?</h1>

         <p id="demo">JavaScript can change HTML content.</p>

         <button type="button"

            onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">

            Click Me!</button>

    </form>

</body>
 
 
2. جاوا اسکریپت می تواند ویژگی های HTML را تغییر دهید
 
این مثال با استفاده از جاوا اسکریپت ، خصوصیت src از تگ <img > یک تصویر HTML  را تغییر می دهد .
 

<body>

    <form id="form1" runat="server">

        <img src="pic_bulboff.gif" onclick="changeimg()" width="100" height="150"  id="myImage" />

        <script>

            function changeimg() {

                var image = document.getElementById('myImage');

                if (image.src.match("bulbon")) {

                    image.src = "pic_bulboff.gif";

                }

                else { image.src = "pic_bulbon.gif" }

            }

        </script>

    </form>

</body>
 
اجرا :

6360021531669198831.png

 قبل از کلیک

6360021533038277142.png

بعد از کلیک 

                                                                                                         

 
3. جاوا اسکریپت می تواند سبک ها یا استایل های (CSS) ، HTML را تغییر دهید

در مثا ل زیر با استفاده از جاوا اسکریپت ،سبک یک عنصر  html را تغییر می دهیم

document.getElementById("demo").style.fontSize = "25px";

مثال :

<body>

    <form id="form1" runat="server">

        <p id="demo">JavaScript can change the style of an HTML element.</p>

        <button type="button" onclick="myFunction()">Click Me!</button>

        <script>

            function myFunction()

            {

                var x = document.getElementById('demo');

                x.style.fontSize = "25px";

                x.style.color = "red";

            }

        </script>

       

    </form>

</body>

 

4. جاوا اسکریپت می تواند داده ها را  اعتبارسنجی (Validate ) کند

جاوا اسکریپت اغلب برای اعتبار سنجی ورودی ها استفاده می شود

مثال :

<body>

    <form id="form1" runat="server">

        <input id="numb" />

        <button type="button" onclick="myFunction()">Submit</button>

        <p id="demo"></p>

        <script>

            function myFunction() {

                var x, text;

                x = document.getElementById('numb').value;

                if(isNaN(x) || x<1 || x>10)

                {

                    text = "Input not valid";

                }

                else

                {

                    text = "Input OK";

                }

                document.getElementById('demo').innerHTML = text;

            }

        </script>

    </form>

</body>

اجرا :

 

 

                              6360021446982755043.png6360021447749598904.png

 

پایان قسمت اول

منابع : http://www.w3schools.com/js/default.asp

 

کانون تبلیغاتی افراگرافیک

 

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

 

66912056  66562677 66120698   09122246022

 

http://afragraphic.ir

 

info@afragraphic.ir

 

https://telegram.me/afragraphic_ir

 

http://instagram.com/afragraphic1390

 

http://facebook.com/AfraGraphic

 

http://plus.google.com/104048725792771050756

 

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

 

http://twitter.com/afragraphic

 

http://ir.linkedin.com/in/afragraphic

 

http://aparat.com/afragraphic

 

http://Telegram.me/afragraphic_ir

 

http://cloob.com/name/afragraphic

 

 

 

JavaScriptآموزش طراحی سایت جاوااسکریپت بهینه سازی سایت
افرا گرافیک چهارشنبه 19 خرداد 1395 ساعت 15:05
0 نظر