این آموزش در تاریخ ۱۴۰۱/۰۲/۱۹ آپدیت شده است.
آموزش قدم به قدم زبان جاوا اسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش قدم به قدم زبان جاوا اسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
آموزش قدم به قدم زبان جاوا اسکریپت
زبان جاوا اسکریپت یا به انگلیسی JavaScript یا به اختصار JS ، جز ۳ زبان اصلی و پایه برای طراحی صفحات وب می باشد ، همچنین این زبان یکی از محبوب ترین زبان های برنامه نویسی ( یا زبان اسکریپت نویسی ) در دنیا می باشد.
اینکه میگم یکی از ۳ زبان اصلی و پایه برای طراحی صفحات وب می باشد، یعنی زبان مادر و اصلی برای طراحی یه صفحه وب خب HTML می باشد ، بعدش CSS برای استایل دهی و شکل شمایل سایت استفاده میشه و در نهایت با استفاده از زبانی همچون جاوا اسکریپت میتونیم به عناصر داخل صفحه دسترسی پیدا کنیم و آنها را ایجاد یا تغییر و یا حذف نماییم.
زبان JS معروف هست به زبان اسکریپت نویسی تحت وب ، و یک زبان هم سمت کاربر ( یا Client یا مشتری ) و هم سمت سرور ( یا Server یا ادمین ) می باشد ، که با استفاده از اون میتونیم به عناصر موجود در صفحه دسترسی پیدا کنیم و آنها را کنترل ( ایجاد ، تغییر یا حذف ) کنیم.
موقعی که این زبان برای اولین بار ایجاد شد بهش میگفتن زبان LiveScript ، در مقابل زبان Java همون موقع خیلی محبوب بود و اومدن گفتن زبان LiveScript بشه برادر کوچکتر زبان Java
ولی هرچقدر اومدیم جلوتر زبان LiveScript به قدری گسترش یافت و قدرتمند شد که دیگه جریان از برادر کوچکتر و از این حرفا گذشت و خودش شد یک زبان کاملا مستقل قدرتمند.
زبان Java هیچ ربطی به Java Script نداره و هرکدوم برای خودشون یک زبان برنامه نویسی مجزا هستند، همچنین نام رسمی و دفتری جاوااسکریپت ECMAScript می باشد.
Free-Learn
اکما اسکریپت یا ECMAScript چی هست؟
در ادامه آموزش قدم به قدم زبان جاوا اسکریپت میخوایم ببینیم اصلا ECMAScript یعنی چی؟ و چرا بهش میگن ECMAScript ؟؟
زبان جاوااسکریپت برای اولین بار توسط Brendan Eich ( از شرکت Netscape ) ایجاد شد، همون اول کار اسمش رو گذاشته بودن Mocha ( موکا ) بعد دوباره کمی جلوتر شد LiveScript و در نهایت شد JavaScript ( جاوا اسکریپت )
بعد کمی جلوتر برای توسعه دادن این زبان شرکت Netscape و Microsoft اومدن و همکاری کردن، و هدف اصلی توسعه دادن این زبان بود ( یعنی مثلا بیان و ویژگی هایی بهش اضافه کنن یا حرفه ای ترش کنن و… )
ولی خب هرچی میرفتن جلوتر رابطه این ۲ شرکت بدتر میشد ( سره یسری مسائل، مثلا نام گذاری این زبان ) ، یعنی یکی میگفت اسمش فلان باشه اون یکی میگفت نه بهمان قشنگتره.
خلاصه دیگه آخرش مجبور شدن توافق کنن و یه اسم رسمی یا یه نماد یا حالا هرچی برای کارشون ( همکاری ۲تا شرکت ) مشخص کنن ، که این اسم رسمی و دفتری شد ECMAScript ، همین تموم شد رفت.
پس از چندین جهت میتونیم ECMAScript رو تعریف کنیم :
- میتونیم بگیم که ECMAScript میشه همون جاوااسکریپت فقط این نام بصورت رسمی تر هستش
- میتونیم بگیم که جاوااسکریپت برگرفته از همکاری اون ۲تا شرکت هستش
- میتونیم بگیم که جاوااسکریپت زیرمجموعه ECMAScript هستش
- میتونیم بگیم که جاوااسکریپت برگرفته از استانداردهای ECMAScript هستش
- میتونیم بگیم، به مجموعه ای از استانداردها ( برای ساخت و طراحی زبان جاوااسکریپت ) میشه ECMAScript
و در نهایت زبان جاوااسکریپت هم همانند دیگر زبان های برنامه نویسی دارای نسخه یا ورژن های مختلفی هستش ، که این نسخه هارو با نام ECMAScript نام گذاری کردن.
مثلا اگه جایی دیدید نوشته ECMAScript1 این یعنی نسخه اول از این زبان، یا مثلا ECMAScript3 یعنی نسخه ۳ از زبان جاوااسکریپت.
یا ممکنه حتی ECMAScript رو هم بصورت مخفف شده بنویسن، مثلا ES یعنی همون ECMAScript ، پس اگه باز جایی دیدید نوشته ES1 یعنی همون نسخه اول یا مثلا ES3 یعنی نسخه ۳ از این زبان.
Free-Learn
سمت کاربر یا سمت سرور یعنی چی؟
بطور کلی هرکاری ( هرعملی یا هر برنامه ای یا هر کدی ) که توسط کاربر در مرورگر قابل مشاهده باشد بهش میگیم سمت کاربر ( مثلا کدهای زبان HTML و CSS و JS خب در مرورگر قابل مشاهده می باشد پس اینا میشن سمت کاربر )
حال برخی از زبان های برنامه نویسی هستند که کدهاشون در مرورگر قابل مشاهده نیست ( مثه زبان PHP و هر زبان سمت سرور دیگه ای ) اینارو بهشون میگن سمت سرور ( یعنی کدهاشون فقط بروی سرور اجرا میشن و در مروگرها به هیچ وجه قابل مشاهده نیست )
خب میگن زبان JS هم یک زبان سمت کاربر هست و هم یک زبان سمت سرور، خب منظور چیه؟؟ خب کمی قبلتر زبان JS فقط سمت کاربر بود و قابلیت سمت سرور رو نداشت ولی خب الانه با استفاده از Node.js ( که میشه جاوا اسکریپت سمت سرور ) ما میتونیم از جاوااسکریپت در سمت سرور هم استفاده نماییم پس دیگه هم میشه سمت کاربر هم سرور.
ولی خب بطور کلی بخوام بگم بیشتر از جاوااسکریپت برای برنامه نویسی سمت کاربر استفاده میشه و یجورایی محبوبیت زبان جاوااسکریپت در سمت کاربر بودنشه.
Free-Learn
دستورات زبان جاوااسکریپت چگونه اجرا میشه؟
همونطور که گفتم خب دستورات جاوااسکریپت تحت مرورگر و سمت کاربر اجرا میشن، یعنی شما اگه اینترنتتون رو هم قطع کنید بازم دستورات جاوااسکریپت اجرا میشن و مشکلی ندارند. یعنی فقط کافیه دستورات رو در یک فایل HTML بنویسید و اون فایل رو اجرا کنید فقط همین.
البته در جاوااسکریپت سمت سرور دیگه اینجوری نیست، و حتما باید دستورات بروی محیط سرور اجرا بشن و ممکنه به اینترنت نیاز باشه ، ولی خب در جاوااسکریپت سمت کاربر نیازی به وصل بودن اینترنت نیست.
مرورگرها بطور خودکار و پیشفرض خودشون این قابلیت ( یعنی اینکه اجرا کنن دستورات JS رو ) فعال کردن پس عملا نیازی نیست که مثلا ما کار خاصی کنیم که مرورگر بخواد از جاوااسکریپت پشتیبانی کنه.
Free-Learn
زبان جاوااسکریپت رو باید از کجا دانلود کنم؟
دانلود کنم نداریم ، جاوااسکریپت دانلود شدنی یا قابل دانلود نیست، نوشتنی هست ، یعنی دستور هست که باید نوشته شه و در نهایت بروی مرورگر اجرا بشه فقط همین.
یعنی همین الان یکی از نرم افزارهایی که باهاش کدنویسی میکنید ( مثه Visual Studio یا ++Notepad یا هر نرم افزار دیگه ای ) رو باز کنید و دستورات زیر رو درش قرار بدید ، و با پسوند html. ذخیره کنید و اجرا کنید ، تموم شد رفت این یعنی جاوااسکریپت
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <body> <h2 id="Result"></h2> <button onclick="Test();">اینجا کلیک کن</button> <script> function Test(){ var MyResult; MyResult = document.getElementById("Result"); MyResult.innerHTML = "سلام خوبی؟ من توسط جاوااسکریپت ایجاد شده ام"; MyResult.style.textAlign = "center"; MyResult.style.color = "blue"; } </script> </body> </html> |
Free-Learn
با جاوا اسکریپت چکار میشه کرد؟
با استفاده از زبان جاوا اسکریپت ( سمت کاربر یا سمت سرور ) میتونیم :
- محتوای یک تگ رو تغییر بدیم
- یک تگ جدید در صفحه تعریف / ایجاد کنیم
- صفت های یک تگ رو تغییر بدیم و یا صفت جدید تعریف کنیم
- به تگ ها استایل بدیم ( مثه CSS )
- تگ هارو در صفحه مخفی / آشکار کنیم
- و…
Free-Learn
پیش نیازها برای یادگیری زبان JS چیه؟
پیش نیاز ضروری برای یادگیری زبان JS ، زبان HTML می باشد، و بهتره که CSS رو هم بلد باشید، نکه بگیم مثلا اگه CSS رو بلد نباشید دیگه نمیتونید از JS استفاده کنید، نه منظور این نیست ولی خب انتظار میره که یک طراح وب اول HTML و CSS رو بلد باشه بعد بیاد بسمت جاوااسکریپت
پس در مجموع پیشنهادم اینه اول HTML و CSS رو بطور کامل یاد بگیرید بعدش شروع به یادگیری زبان JS کنید ، خب دوستان عزیزم به پایان اولین جلسه از آموزش قدم به قدم زبان جاوا اسکریپت رسیدیم، لطفا در جلسات بعدی همچنان با من همراه باشید.
برای یادگیری کامل آموزش زبان HTML اینجا کلیک کنید.
و برای یادگیری کامل آموزش زبان CSS اینجا کلیک کنید.
