أ- الأنواع البدائية primitive types

دقيم بسيطة بتتخزن مباشر

▪︎ النصوص string: ```

let x = "Ahmed";

▪︎الأرقام Number:

let y = 67;

▪︎الأرقام الضخمة BigInt:

let i = 1773673777615551n;

▪︎undefinedمتغير متعرف بس لسه مخدش قيمة

let x;

console.log(typeof x) 
// undefined

▪︎قيمة منطقية boolean

let y = true;

▪︎قيمة فارغة Null

let i = null

console.log(typeof i)
// null

▪︎قيمة فريدة مبتكررش symbol

let x = symbol("id")

ب- الكائنات (Object)

دا زى صندوق كبير تقدر تخزن قيم كتير ومختلفة عن بعض جواه

زى ايه؟ بيناتك: اسمك وسنك وطول إلخ….

let User = {
name: "Ahmed",
age: 36,
active: false,
}

typeof operator خاصية بتستخدم لمعرفة نوع البيانات

console.log(typeof User);
// object

كده دى أنواع البيانات فى الjavascript بختصار

المتغيرات عبارة عن صندوق بنخزن فيه الاشياء او ما نحتاجها نطلعها او نشيلها ونضيف حاجة تانى مكنها

انواع المتغيرات

1. var: ودا النوع القديم

2. let: دا النوع الاحدث لتعريف المتغيرات وممكن تغير قيمة بعدين

3. const: ودا اختصار ل constant ود قيمةته ثابته مش بتتغير ولو حولت هيطلع Error خطأ من اللغة نفسها

Hoisting

ودى حركة بتعملها javascript بترفع المتغيرات لفوق خالص قبل ما تشغل الكود و var بيترفع وقيمه بتقبى undefind لكن let وconst بيترفعوا بس مبيسمحوش ليك تستخدمهم قبل السطر بتاعهم ودا هنتكلم عنه فى Scope

كيف تسمى المتغيرات؟

1. مينفعش تبدأ برقم زى كده

   let 5hg = "name;"
   

2. مسموح بالحروف زى كدة

   let $button = "click"
   let _color = #ffffff
   

3. الطريقة المفضلة للاستخدام camelCase

   let myUserName = "MIRI"
   

Variable Scopes

يعنى المتغيرات دى متشافة فين؟

• Global: يعنى متشافة فى كل حته فى الكود

• function: دى متشافة بس جوا function اللى اتعرف فيها

• block: دا خاص بالlet وconst المتغير بيقبى متشاف بس جوا {} الكتلة دى, مثال if او for

if a condition

if (condition) {
  //  block of code to be executed if the condition is true
} else {
  //  block of code to be executed if the condition is false
} 

Loops for

for (let i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

JAVASCRIPT عبارة عن محرك أو عقل أى موقع ليه بسبب أن الموقع بدون javascrip عبارة عن صورة والمستخدم ميعرفش يتفاعل مع الموقع مثال: عرض القائمة أو الضغة على زرار معين فيفتح نافذة صغيرة للمستخدم, دا مثال بسيط عن استخدام اللغة

تاريخ اللغة

اللغة ظهرت سنة 1995 فى شركة Netscape, المهندس اللى عمل اللغة هو بريندان آيخ (Brendan Eich) كتب اللغة فى 10 أيام, أسم اللغة ليس له علاقة بلغة Java واسمها الاول Mocha ثم الى LiveScript واستقرو على Javascript للاستفادة من شهرة Java فى ذالك الوقت مع أن اللغتين مختلفتين تماماً

إصدارات اللغة

فى سنة 1997 ظهور الاسم التقنى ECMASCRIPT وفى سنة 1999 صدرت النسخة الثالثة ES3 واللغة يتم اصدار جديد كل عام تحت مسمى ECMAscript

كيف تشغل اللغة

تقدر تشغلها فى المتصفح من ادوات المطور معظم المتصفحات لديها هذه الادوات developer tool فى console تقدر تكتب كود javascript زى كدة

console.log("hello from console developer tool");

أو محرر أكواد زى Visual Studio Code رابط التحميل ↖
دا كدة تعريف سريع للغة ولكن الغة كبيرة وليها استخدامات كتير هنتكلم عنها فى منشور اخر 😉

بشكل عام، CSS تعتبر لغة تصميم ( Styling Language ) و ليس لغة برمجة ( Programming Language ) فهي تستخدم في تصميم صفحات الويب التي يتم بناؤها بواسطة HTML أو الصفحات التي يتم بناؤها بواسطة XML.