دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۲
  • آبان

جلسه ۰۱ : معرفی جاوا اسکریپت

  • دسته‌بندی‌ها :
جلسه ۰۱ : معرفی جاوا اسکریپت
    • جزئیات
    • نوع محتواآموزش تصویری

      با عرض سلام و ادب خدمت کاربران سایت پی وی لرن.
      در این جلسه و جلسات آتی قصد داریم تا شما را با زبان جاوا اسکریپت (JavaScript) و کاربرد جاوا اسکریپت آشنا کنیم و این زبان را به شما آموزش دهیم.
      پس با ما باشید با آموزش جاوا اسکریپت از مقدماتی تا پیشرفته.

      جاوا اسکریپت (JavaScript) زبان برنامه نویسی وب است.

      یادگیری جاوا اسکریپت آسان است.

      چرا باید جاوا اسکریپت را یاد بگیریم؟

      جاوا اسکریپت یکی از سه زبانی هست که هر توسعه دهنده وب باید آن را بلد باشد:

      1. زبان HTML برای تعریف محتوای صفحات وب
      2. زبان CSS برای استایل دهی و لایه بندی صفحات وب
      3. زبان JavaScript برای برنامه نویسی رفتار و واکنش صفحات وب

      جاوا اسکریپت تنها در صفحات وب استفاده نمی شود.
      بسیاری از برنامه های دسکتاپ و سرور از جاوا اسکریپت استفاده می کنند. Node.js یکی از بهترین مثال هاست.
      برخی از پایگاه های داده مانند MongoDB و CouchDB از جاوا اسکریپت به عنوان زبان برنامه نویسی شان استفاده می کنند.

      نکته: زبان Java با زبان JavaScript بسیار تفاوت دارند که نباید این دو را با هم اشتباه گرفت.

       

      جاوا اسکریپت می تواند محتوای HTML را تغییر دهد

      یکی  از توابع پرکارد جاوا اسکریپت تابع ()getElementByID است.

      در مثال زیر ما محتوای یک عنصر ( با id=”demo” ) را به مقدار Hello JavaScript تغییر می دهیم:

      مثال : نمونه کد جاوا اسکریپت
      خودتان امتحان کنید »

      جاوا اسکریپت هر دو نوع کوتیشن را پشتیبانی می کند. (سینگ ‘ و دابل “)

      مثال : مثال تک کوتیشن
      خودتان امتحان کنید »

      جاوا اسکریپت می تواند مقدار ویژگی های (Attribute) را تغییر دهد

      در مثال زیر ما مقدار ویژگی src یک تگ <img> را تغییر می دهیم:

      مثال : تغییر صفات عناصر html
      خودتان امتحان کنید »

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

      تغییر استایل یک عنصر مانند تغییر محتوای آن در جاوااسکریپت است:

      مثال : تغییر استایل عناصر html
      خودتان امتحان کنید »

      جاوا اسکریپت می تواند عناصر HTML را مخفی کند

      مثال : مخفی کردن عناصر html
      خودتان امتحان کنید »

      جاوا اسکریپت می تواند عناصر HTML را نمایش دهد

      مثال : 

      تگ <script>

      در HTML، کد های جاوا اسکریپت باید در داخل تگ <script> تعریف شود:

      مثال : تگ script
      خودتان امتحان کنید »

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

      تگ <body> و <head>

      شما می توانید هر تعداد اسکریپت را در یک سند HTML قرار دهید.

      اسکریپت ها می توانند در قسمت <body> یا در قسمت <head> یک صفحه HTML یا در هر دو قرار داده شوند.

      <head> در جاوا اسکریپت

      در این مثال، یک تابع جاوا اسکریپت در قسمت <head> یک صفحه HTML قرار می گیرد.

      هنگامی که یک دکمه روی آن کلیک می شود، تابع فراخوانی می شود:

      مثال :  تگ head در جاوا اسکریپت
      خودتان امتحان کنید »

      تگ <body> در جاوا اسکریپت

      در این مثال، یک تابع جاوا اسکریپت در قسمت <body> یک صفحه HTML قرار می گیرد.

      هنگامی که یک دکمه روی آن کلیک می شود، تابع فراخوانی می شود :

      مثال : تگ body
      خودتان امتحان کنید »

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

      وارد کردن جاوا اسکریپت از یک منبع خارجی مزایای خودش را دارد:

      • کد و HTML از یکدیگر جدا می شوند.
      • خواندن و نگهداری کد را افزایش می دهد.
      • کش شدن فایل های جاوا اسکریپت باعث بالا رفتن سرعت بارگذاری سایت می شود.

      مثال-کد داخل فایل خارجی myScript.js :

      مثال : 

      اسکریپت های خارجی عملی هستند زمانی که همان کد در بسیاری از صفحات مختلف وب استفاده می شود.

      فایل های جاوا اسکریپت دارای پسوند فایل js. هستند.

      برای استفاده از یک اسکریپت خارجی، نام فایل اسکریپت را در مشخصه (src) تگ <script> قرار دهید:

      مثال : فایل خارجی اسکریپت
      خودتان امتحان کنید »

      شما می توانید مرجع اسکریپت خارجی را در <head> یا <body> قرار دهید که دوست دارید.

      این اسکریپت به همان شیوه ای که در آن تگ <script> واقع شده است، رفتار می کند.

      نکته : اسکریپت های خارجی نمی توانند تگ های <script> را داشته باشند.

      مزایای جاوا اسکریپت خارجی

      قرار دادن اسکریپت ها در فایل های خارجی دارای مزایایی است:

      • این HTML و کد را جدا می کند.
      • این باعث می شود که HTML و جاوا اسکریپت برای خواندن و نگهداری آسان تر باشد.
      • فایل های جاوا اسکریپتی ذخیره شده می توانند بارهای صفحه را افزایش دهند.

      برای اضافه کردن چندین فایل اسکریپت به یک صفحه – از چندین تگ  اسکریپت استفاده کنید:

      مثال : 

      همچنین فایل های جاوا اسکریپت می توانند از یک url در برنامه جای داده شوند:

      مثال : آدرس کامل فایل خارجی
      خودتان امتحان کنید »

      مثال زیر یک اسکریپت را در پوشه خاصی از سرور، وارد می کند:

      مثال : 

      این مثال به یک اسکریپت در پوشه مشابه صفحه فعلی لینک می شود:

      مثال : 

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

       

      QR:  جلسه ۰۱ : معرفی جاوا اسکریپت
      به اشتراک بگذارید