آموزش رایگان جاوا اسکریپت

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

جاوا اسکریپت زبان برنامه نویسی سمت کلاینت (کاربر) هست ، به این منظور که شما نمیتونین برای سمت سرور سایتتون کد بنویسین

شمایی که طراح وب هستید تا به الان با Html  و Css کار میکردید که فقط میتونستین سایت رو بصورت استاتیک طراحی کنید

نمیتونستین به عملکردهای کاربر جواب بدین ، نمیتونستین عملیات ریاضی انجام بدین

نمیتونستین شرط بنویسین که یک کاری مشروط به درست بودن شرطی انجام شود و . . .

شما با javascript میتونین تمامی رفتارهای کاربر را در سایتتون تحت کنترل داشته باشین و به تمامی عملکردهای کاربرانتون پاسخ متناسب بدهید

میتونین فرم های سایتتون رو با قوانین دلخواه ارزیابی کنید و . . .

برخلاف باور اشتباه برخی از دوستان ، زبان برنامه نویسی جاوا اسکریپت هیچ ارتباطی با زبان جاوا ندارد

صرفا فقط اصطلاحات و قواعد برنامه نویسی هست که بین زبان های برنامه نویسی یکسان هست

 

درمورد دوره :

• دوره آموزش جاوا اسکریپت رایگان هست و هیچوقت پولی نخواهد شد
• شما در این دوره رایگان ، صفر تا صد جاوا اسکریپت رو یاد میگیرید
• (این دوره تمامی سرفصل مباحث مربوط به این زبان را پوشش داده است)
• انتهای هر جلسه به شما تمرین داده میشه و شما تا جلسه بعد باید تمرین رو حل بکنین
• اگه مشکلی داشتین میتونین از طریق پشتیبانی دوره برطرف بکنین و جلسه بعد همون تمرین حل میشه
• هر چند جلسه یکبار یک چالش از javascript براتون معرفی میکنیم که تا جلسه بعد باید جوابشو پیدا بکنین
• در هر جلسه ، کاربرد مطالب گفته شده نیز ذکر خواهد شد
• ضمنا ، در این دوره مباحث مربوط به Clean Code نیز گفته خواهد شد

 

Clean Code چیست ؟

اگه بخوام Clean Code رو در یک جمله براتون خلاصه کنم میتونم بگم Clean Code به معنی یادگیری اصول کدنویسی مرتب و کد بهینه تر هست

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

اگر کدهای شما مرتب نوشته نشده باشه ، پیدا کردن مشکلش خیلی دشوار خواهد بود

مسلما اگر شما کدهای اصولی و مرتبی بنویسین ، حجم سورستون کمتر خواهد بود ، درک کد شما توسط خودتون و همکاراتون راحت تر خواهد بود ، سرعت لود وب سایت شما بهتر خواهد بود ، حتی اگر بعد از چندین ماه به سراغ کدی که نوشتین برید ، به راحتی میتونین کد خودتون رو توجه بشین

تو خیلی از دوره ها به Clean Code توجه نمیشه

ما در این دوره سعی کردیم تمامی اصول مربوط به کدنویسی مرتب رو رعایت کنیم و به شما آموزش بدیم.

 

پیش نیاز های دوره :

شما برای شروع دوره “آموزش جاوا اسکریپت” ، باید Html و Css رو حداقل در حد آشنایی بلد باشین

 

این دوره برای چه کسانی مفید است ؟

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

و همچنین دوستانی که در زمینه js فعالیت داشتند و میخوان این زبون رو حرفه ای تر و کامل تر یاد بگیرند پیشنهاد میشود

 

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

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

بعد اگر بخواین فقط در زمینه فرانت فعالیت داشته باشین میتونین یکی از ابزار های Vue ، Angular ، React رو یاد بگیرین که سرعت توسعه فرانت رو به شدت بالا بردند و میتونین با ابزارهایی مثل React Native و Weex به توسعه اندروید و IOS بپردازین که همه ابزار های ذکر شده بازار کار فوق العاده ای دارند

برای توسعه دادن بک اند نیز میتونین Node Js رو یاد بگیرین

که پیش نیاز همشون javascript می باشد

بعد از این دوره شما میتونید برای بهتر یاد گرفتن جاوا اسکریپت برید و در دوره پروژه های جاوا اسکریپت ثبت نام کنید

 

مدت یادگیری جاوا اسکریپت :

هیچ جواب دقیقی برای این سوال وجود ندارد

براتون یه مثال میزنم

ببینین ، شما فرض کنین میخواین از شهر تهران به شهر تبریز مسافرت کنین

اگه با اتوبوس برید تقریبا 9 ساعت طول میکشه

اگه با خودروی سواری برید تقریبا 7 ساعت طول میکشه

اگه با هواپیما برید تقریبا 4 ساعت طول میکشه

و . . .

پس مدت یادگیری شما دقیقا به خودتون بستگی داره

این که چند ساعت در روز برای یادگیری زمان بذارین

بعد از هر جلسه چقدر تمرین بکنین

بعد از باگی که بهش برخوردین چقدر برای حل کردنش سرچ میکنین

و . . .

پس مدت یادگیری جاوا اسکریپت برای هر شخص دقیقا به خود شخص بستگی داره

همین الان اقدام کنید و در دوره “آموزش رایگان جاوا اسکریپت” ثبت نام کنید

 

برگرفته از (https://usercode.ir)

ساخت پاپ آپ با جاوا اسکریپت

جاوا اسکریپت عملکردهای داخلی مختلفی را برای نمایش پیامهای پاپ آپ برای اهداف مختلف مانند نمایش پیام ساده یا نمایش پیام و پذیرش آن برای کاربر یا نمایش پنجره برای دریافت مقدار ورودی کاربر فراهم می کند.

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

alert("This is alert box!");  // display string message

alert(100); // display number 

alert(true); // display boolean

عملکرد دزدگیر می تواند پیامی از هر نوع داده مانند رشته ، شماره ، منطقی و غیره را نشان دهد. نیازی به تبدیل پیام به نوع رشته نیست.

کادر را تأیید کنید
بعضی اوقات شما نیاز به گرفتن یک گواهی کاربر برای ادامه کار دارید. به عنوان مثال ، شما می خواهید قبل از ذخیره اطلاعات به روز شده یا حذف داده های موجود ، گواهی کاربر را بگیرید. در این سناریو ، از گواهی عملکرد JavaScript () داخلی استفاده کنید. عملکرد تأیید () با دو دکمه OK و Cancel یک پیام بازشو را به کاربر نمایش می دهد. می توانید دکمه مورد نظر کاربر را بررسی کرده و مطابق آن ادامه دهید.

مثال زیر نحوه نمایش کادر تأیید را نشان می دهد و سپس دکمه مورد نظر کاربر را بررسی می کند.

var userPreference;

if (confirm("Do you want to save changes?") == true) {
    userPreference = "Data saved successfully!";
} else {
    userPreference = "Save Cancelled!";
}

 

جعبه سریع
بعضی اوقات ممکن است برای انجام کارهای بیشتر با صفحه وب ، نیاز به ضبط ورودی کاربر داشته باشید. به عنوان مثال ، شما می خواهید EMI را بر اساس مدت وام مورد نظر کاربر محاسبه کنید. برای این نوع سناریو ، از نوار عملکرد JavaScript داخلی () استفاده کنید.

عملکرد سریع رشته ای از دو پارامتر را در بر می گیرد. پارامتر اول پیام برای نمایش است و پارامتر دوم مقدار پیش فرض است که با نمایش پیام در متن ورودی قرار خواهد گرفت.

prompt([string message], [string defaultValue]);

 

var tenure = prompt("Please enter preferred tenure in years", "15");
    
if (tenure != null) {
    alert("You have entered " + tenure + " years" );
}

 

 

همانطور که در مثال بالا مشاهده می کنید ، یک پیام را به عنوان اولین پارامتر و مقدار پیش فرض "15" به عنوان پارامتر دوم مشخص کنید. عملکرد سریع مقدار وارد شده توسط کاربر را برمی گرداند. اگر کاربر چیزی وارد نکند ، خالی برگردانده می شود. بنابراین توصیه می شود قبل از اقدام مقدار خالی را بررسی کنید.

 

نکته ای که باید به خاطر داشته باشید:
می توانید با استفاده از توابع عمومی ، یک پیام بازشو نشان دهید - هشدار () ، تأیید () ، و سریع ().
عملکرد هشدار () با دکمه "OK" یک پیام بازشو را نشان می دهد.
صفحه نمایش () نمایش دکمه های "OK" و "Cancel" را تأیید کنید. از عملکرد OK () برای تأیید کاربر استفاده کنید.
تابع Prompt () به شما امکان می دهد با فشار دادن دکمه های "OK" و "لغو" ورودی را وارد کنید. تابع () () مقدار وارد شده توسط کاربر را برمی گرداند. اگر کاربر هیچ مقدار ورودی را ارائه ندهد ، این مقدار خالی را برمی گرداند.