آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
در دوره آموزش کامل HTML و HTML5 ما یاد گرفتیم که چجوری ساختار یک صفحه وب رو تشکیل بدیم و همچنین در دوره آموزش کامل CSS و CSS3 هم یاد گرفتیم که چجوری به صفحه وب خودمون جان ببخشیم و آن را استایل دهی کنیم اما این صفحه وب ما باز هم از یک لحاظ کامل نبود ، از لحاظ اینکه صفحه وب ما کاملا استاتیک و ثابت بود و هیچ منطق یا کنش و واکنشی نداشت ، برای اینکه ما بتونیم صفحه وب خودمون رو کامل تر کنیم نیاز داریم تا این صفحه وب استاتیک و ثابت رو به یک صفحه داینامیک و پویا تبدیل کنیم و بعد از ایجاد ساختار و استایل دهی آن ، رفتار آن را کنترل کنیم که اینکار رو با کمک زبان برنامه نویسی قدرتمند جاوا اسکریپت و آموزش جاوا اسکریپت انجام خواهیم داد.
Javascript چیست؟
Javascript یک زبان برنامه نویسی تحت وب سمت کاربر (client) است که میتواند رفتار یک صفحه وب را کنترل کند و یک صفحه کاملا استاتیک را به یک صفحه داینامیک تبدیل کند.
چند مثال ساده برای مفهوم استایتک و داینامیک :
فرض کنید شما در صفحه وب خودتون بخواهید یک دکمه قرار دهید که کاربر وقتی بر روی این دکمه کلیک می کند یک اتفاقی بیافتد مثلا یک پیغام برای کاربر نمایش داده شود
یا مثلا یک Input را در صفحه قرار دهید که کاربر اگر مقدار درست را در Input وارد کرد پیغام درستی را به کاربر نمایش دهد و در غیر این صورت پیغام مناسب دیگری را نشان دهد
و یا اینکه بخواهید کاربر با کلیک بر روی یک دکمه ، یک قسمت از صفحه حذف یا یک المنتی به صفحه اضافه شود
همچین کارهایی با استفاده از HTML و CSS قابل انجام نیست چون این زبان ها فقط میتوانند یک صفحه ثابت و استاتیک رو ایجاد کنند و برای انجام این کارها که در صفحه یک رفتاری رخ میدهد باید از جاوا اسکریپت استفاده کرد و صفحه را به یک صفحه داینامیک تبدیل کرد که در دوره آموزش جاوا اسکریپت به صورت مکرر این مباحث رو انجام خواهیم داد.
چرا باید جاوا اسکریپت یاد بگیریم؟
میتونیم اینطوری بگیم که پایه و اساس ورود به دنیای برنامه نویسی تحت وب جاوا اسکریپت است. یکی از مزایای بسیار عالی زبان جاوا اسکریپت وجود کتابخانه ها و فریم ورک های بسیار متنوع آن است که به عنوان یکی از مشهورترین فریم ورک های این زبان میتوانیم به Jquery اشاره کنیم.
فریم ورک ها یا کتابخانه های جاوا اسکریپت باعث میشوند تا کدنویسی این زبان راحت تر و سریع تر شود اما شاید سوال براتون پیش بیاد که اگر کار با فریم ورک های این زبان راحت تر است پس چرا باید جاوا اسکریپت یاد بگیریم؟ همون طور که گفتیم جاوا اسکریپت پایه و اساس برنامه نویسی وب است و تمامی فریم ورک هایی که برای این زبان وجود دارد از این زبان نشات گرفته شده اند و طبیعتا اگر ما بخوایم بدون یادگیری این زبان وارد فریم ورک های آن بشیم مطمئنا یادگیری آن ها برای ما بسیار دشوار و گیج کننده خواهد شد.
و اما نقطه قوت دیگر جاوا اسکریپت این است که با توسعه داده شدن فریم ورک های این زبان ، شما میتوانید علاوه بر برنامه نویسی سمت کاربر یا همان Client Side ، برنامه نویسی سمت سرور یا Server Side رو هم انجام بدید و یا حتی فراتر از این ، شما میتوانید با فریم ورک های این زبان، اپلیکیشن های موبایل مانند سیستم عامل های IOS و Android رو هم پیاده سازی کنید.
از مشهور ترین ابزار ها و فریم ورک های این زبان میتوان به موارد زیر اشاره کرد :
- فریم ورک ReactJS که توسط شرکت فیس بوک توسعه داده شده و بسیاری از سایت های بزرگ با آن پیاده سازی شده اند.
- فریم ورک AngularJS که توسط شرکت گوگل توسعه داده شده است و بسیاری از سایت های مشهور از آن استفاده میکنند.
- فریم ورک React Native که محصول دیگری از شرکت فیس بوک است ، امکان تولید اپلیکیشن های موبایل مانند IOS و Android را بر پایه زبان جاوا اسکریپت فراهم میکند ، یکی از اپلیکیشن های بسیار قدرتمند که با این فریم ورک پیاده سازی شده است ، اپلیکیشن اینستاگرام است.
- پلتفرم NodeJS که میتوانیم با استفاده از آن کدهای جاوا اسکریپت را در سمت سرور اجرا کنیم.
خب میبینید که دنیای برنامه نویسی این زبان یعنی جاوا اسکریپت بسیار گسترده و وسیع است و شما با یادگیری این زبان ، قدم ورود به این دنیای بزرگ رو برمیدارید.
جزئیات مباحثی که در این دوره مطرح خواهد شد:
جلسه اول : مقدمات کار با جاوا اسکریپت
- نحوه صحیح قرار دادن کدهای جاوا اسکریپت
- آشنایی با متد alert
جلسه دوم : خروجی ها در جاوا اسکریپت
- انتخاب یک المنت HTML بر اساس id
- آشنایی با خروجی innerHTML
- آشنایی با خروجی innerText
- آشنایی با خروجی textContent
- آشنایی با خروجی outerHTML
- آشنایی با خروجی document.write
- آشنایی با خروجی console.log
جلسه سوم : متغیرها و انواع داده ای در جاوا اسکریپت
- آشنایی با متد typeof
- قوانین نام گذاری متغیرها
- آشنایی با انواع داده ای در جاوا اسکریپت
جلسه چهارم : عملگرها در جاوا اسکریپت
- عملگرهای ریاضیاتی
- عملگرهای انتسابی
- عملگرهای مقایسه ای
- عملگر شرطی
- عملگرهای منطقی
- نحوه تعریف یک الگو یا عبارت با قاعده
- آشنایی با متد test
- آشنایی با Metacharacters
- کار با متد call
- کار با متد Apply
ویژگی های دوره
- درس 42
- آزمون ها 0
- مدت زمان 15 ساعت و 30 دقیقه
- سطح مهارت مقدماتی تا پیشرفته
- زبان فارسی
- تعداد شرکت کنندگان 148
- ارزیابی بله
- پیش نمایش و معرفی دوره جاوا اسکریپت
- مقدمات کار با جاوا اسکریپت
- خروجی ها در جاوا اسکریپت
- متغیرها و انواع داده ای در جاوا اسکریپت
- عملگرها در جاوا اسکریپت
- توابع در جاوا اسکریپت
- شی یا object در جاوا اسکریپت
- حوزه تعریف متغیرها و hoisting در جاوا اسکریپت
- رشته ها و متدهای آن در جاوا اسکریپت
- شی Math و متدهای آن در جاوا اسکریپت
- تاریخ و زمان و متدهای آن در جاوا اسکریپت
- دستورات شرطی if و switch در جاوا اسکریپت
- حلقه ها در جاوا اسکریپت
- آرایه ها در جاوا اسکریپت
- متدهای آرایه در جاوا اسکریپت
- عبارات با قاعده در جاوا اسکریپت – بخش اول
- عبارات با قاعده در جاوا اسکریپت – بخش دوم
- خطایابی و مدیریت خطا در جاوا اسکریپت – بخش اول
- خطایابی و مدیریت خطا در جاوا اسکریپت – بخش دوم
- مباحث تکمیلی نوع داده ای و اعداد در جاوا اسکریپت
- شی گرایی در جاوا اسکریپت
- متدهای Call و Apply در جاوا اسکریپت
- آشنایی با مدل DOM و سلکتورهای آن در جاوا اسکریپت
- کار با Attribute المنت های HTML در جاوا اسکریپت
- دسترسی به المنت ها به روش Object Collection در جاوا اسکریپت
- رویدادها در جاوا اسکریپت – بخش اول
- رویدادها در جاوا اسکریپت – بخش دوم
- کنترل رویدادها به روش EventListener در جاوا اسکریپت
- متدهای زمانی یا انیمیشن ها در جاوا اسکریپت
- پیمایش گره ها در جاوا اسکریپت
- حذف و اضافه کردن گره ها در جاوا اسکریپت
- آشنایی با مدل BOM و متدهای آن در جاوا اسکریپت
- شی Location در جاوا اسکریپت
- کوکی ها در جاوا اسکریپت
- آشنایی با Ajax در جاوا اسکریپت
- پروژه اعتبار سنجی فرم در جاوا اسکریپت
- پروژه Smooth Scrolling در جاوا اسکریپت
- پروژه Sidenav و Loading در جاوا اسکریپت
- پروژه ساخت یک Accordion در جاوا اسکریپت
- پروژه ساخت Scroller Slider در جاوا اسکریپت
- پروژه ساخت Navigation Tab در جاوا اسکریپت
- پروژه ساخت Slider در جاوا اسکریپت
kamran-ahmadi
بی نظیر
وقعا عالی بود خیلی ممنون بابت همچین دوره با کیفیت و کاربردی
36 دیدگاه
سلام استاد
چطور میتونم سورس آموزش ها رو دانلود كنم؟
سلام و درود
توی صفحه درس 4 ” متغیرها و انواع داده ای در جاوا اسکریپت ” سورس دوره برای دانلود قرار داده شده که میتونید دانلود کنید
موفق و پیروز باشید
سلام وقت بخیر
ببخشید من همش سوال میپرسم
استاد سوالی داشتم آیا nodejs نقطه مقابل php هست(یعنی بجا php میشه nodejs رو کلید زد و node js هم مربوط میشه به بخش بک اند سایت)؟
اگر اره ایا برنامه ای برا اموزشش ندارین؟ و php بهتره یا nodejs?
سلام و درود
در کل بله هر دو برای سمت سرور (Back End) استفاده میشن و شما هرکدوم رو که بخواید میتونید شروع کنید
فعلا برنامه ای برای آموزش nodeJs نداریم
نمیشه گفت که کدوم یکی بهتره چون هر کدوم برای خودشون مزایا و معایبی دارند و مقالاتی زیادی وجود داره که به صورت مفصل در این مورد بحث کردن که میتونید با سرچ در گوگل به این مقالات دسترسی داشته باشید
موفق و پیروز باشید
سلام
واقعا ممنون بخاطر آموزش های عالی و با کیفیت و قابل فهمتون که بسیار عالی توضیح دادید و من تونستم توی دو هفته HTML و CSS را در حد متوسط یاد بگیرم و بسیار خوشحالم.
ممنون میشم اموزش های بعدی را رایگان کنید تا بتونیم بیشتر دانشمونو ببریم بالا چون واقعا با این وضعیت اقتصادی برای خیلیا خرید دوره سخته برای منم همینطور .من متولد1380 هستم و پولی ندارم که اموزش را خریداری کنم و دوران اوج من الان در این سن است و جای بیکاری و استراحت میاییم دانشمونو بیشتر میکنیم. پس ممنون میشم اموزش های دیگتونو هم رایگان کنید تا بتونیم هم از شما حمایت کنیم هم خودمون یه برنامه نویس بشیم و کسب در امد کنیم ( :
سلام و درود
از اینکه دوره های آموزشی مورد توجه شما همراه عزیز ما قرار گرفته بسیار خوشحالیم
در خصوص درخواست شما باید خدمتتون عرض کنیم که هدف ما در آموزش تک تولید دوره های با کیفیت و در عین حال با هزینه های بسیار مناسب به طوری که هزینه دوره ها نسبت به کیفیت دوره ها بسیار پایینتر قرار میگیرند تا همه همراهان عزیز ما در هر سطحی که باشند بتونن از دوره های با کیفیت و کاربردی استفاده بکنن و همچنین با تخفیف های ماهانه ای که بر روی سایت و دوره های آموزشی اعمال میکنیم سعی بر این داریم که این مهم رو به انجام برسونیم و شما عزیزان راحتتر بتونید در دوره ها شرکت کنید
در حال حاضر نیز به مناسبت شب یلدا 30 درصد تخفیف بر روی دوره ها اعمال شده که میتونید از کد تخفیف yalda برای دوره های موردنظرتون استفاده کنید
از اینکه دیدگاه و نظر ارزشمند خودتون رو با ما در میان گذاشتید از شما سپاسگزاریم
موفق و پیروز باشید
درود برشما،
سپاسگذارم از آموزش های بینظیرتون. من چندین برنامه را تهیه کردم و در حال حاضر بعد از Html , Css در حال خوندن جاوااسکریپت هستم. در آموزش جاوااسکریپت، درس 30 (پیمایش گره ها در جاوا اسکریپت) قابل دسترسی نیست. هربار که انتخابش می کنم میگه باید log in کنید، در حالی که در حساب کاربری خودم هستم. لطفا بررسی کنید.
سلام و درود
از نظر ارزشمند شما سپاسگزاریم
فقط برای درس 30 این مشکل به وجود میاد یا برای درس های دیگه هم این مورد صدق میکنه؟
فقط برای درس ۳۰ بود، ولی خوشبختانه مشکل حل شد، ممنونم.
سلام
من میخوام جاوا اسکریپت رو کامل یاد بگیرم. این آموزش خوبه؟ واقعا نیاز دارم. ارزش داره بخرم؟
سلام و درود
در این دوره آموزشی از مقدماتی تا پیشرفته جاوا اسکریپت رو یاد خواهید گرفت ، پیشنهاد میکنم برای اطلاع از کیفیت و کامل بودن دوره پیش نمایش و توضیحات دوره رو مشاهده بفرمایید
اگر در حال حاضر به HTML و CSS مسلط هستید بله شما نیاز دارید که جاوا اسکریپت رو شروع کنید
بر اساس نظرات کاربران این دوره آموزشی میتونید در مورد ارزش این دوره تصمیم گیری کنید
اگر سوالی یا مشکلی در مورد دوره داشتید میتونید در همین قسمت نظرات یا از قسمت تماس با ما مشکل خودتون رو بیان کنید تا در اسرع وقت به شما پاسخ داده شود
موفق و پیروز باشید
سلام و خسته نباشید
آقای مصطفی زاده من از جلسه 38 سوالی داشتم ما در پروژه sidenav برای عمل کردن منوی سایدی خودمون دستوری رو استفاده می کنیم که منو با کلیک بر روی یک دکمه باز و با کلیک بر روی ضربدر بسته بشه و تا اینجا من مشکلی ندارم و الان کاملا” مسلط دارم تا اینجا پیش می رم!
سوالی که داشتم اینه که چطوری میشه علاوه بر اون ضربدر که برای بستن منو گذاشتیم وقتی در فضایی به غیر از منو کلیک میشه منو بسته بشه مثل اکثر منوهایی که در اپ ها استفاده میشه و با لمس فضای خالی منو بسته میشه
ممنون میشم راهنمایی کامل بفرمائید
سلام و درود
اگر دوره آموزش جی کوئری رو دیده باشید در درس 12 این دوره دقیقا به این مبحث اشاره داشتیم و یک تمرین ساده ای رو هم انجام دادیم
اما اگر دوره jquery رو ندیدین اینجا راهنمایی تون میکنم:
این کار خیلی ساده هست ، همونطوری که یک المنت رو انتخاب میکنیم مثلا المنت با کلاس close و میگیم وقتی روی این المنت کلیک شد بیا و یک پنجره رو ببند، اینبار باید کاری بکنیم که روی هرچیزی به جز کلاس close کلیک کردیم باید پنجره ( یا sidenav ) بسته بشه : حالا چجوری اینکارو انجام میدیم؟ با استفاده از یک سلکتور not که از دوره آموزش کامل CSS و CSS3 یاد گرفتیم یعنی به این صورت:
:not(.close)
حالا توی جاوا اسکریپت چجوری میشه :
document.querySelector(":not(.close)");
میتونید از querySelectorAll هم استفاده کنید
موفق و پیروز باشید
ممنون از راهنمایی شما
خواهش میکنم
موفق باشید
من از دوره های html و css سایت شما استفاده کردم واقعا خوب بود. میخما این دوره رو هم تهیه کنم ولی قیمتش برا من 19 ساله که هنوز شغل ثابت ندارم زیاده. اگر ی تخفیف خوب بخوره حتما تهیه میکنم. ممنون از شما به خاطر اموزش های عالیتون
سلام و درود
از اینکه دوره های آموزشی مورد توجه شما عزیز قرار گرفته بسیار خوشحالیم
متاسفانه فعلا برنامه ای برای تخفیف دهی بر روی دوره ها در دستور کار قرار نگرفته اما شما در کانال تلگرامی آموزش تک عضو بشید و اخبار آموزش تک رو دنبال بکنید در صورت اعمال تخفیف بر روی دوره ها حتما اطلاع رسانی خواهد شد
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید
سلام وقت بخیر
این دوره دیگه اپدیت نمیشه؟
یا پروز0 های جدیدتر{هرچند کوچک} براش کار نمیشه؟
سلام و درود
در حال حاضر مباحث کامل هستند اما در صورت نیاز به آپدیت چرا حتما پروژه یا قسمت هایی رو به دوره اضافه خواهیم کرد
موفق و پیروز باشید
ان شاء الله
تشکر
سلام
من به طور وسواسی علاقه دارم تنها با زبان های متن باز کار کنم
آیا javascript متن باز هست. اگر نه یک جایگزین متن باز معرفی کنید
سپاس
سلام من html /css/ و less رو بطور کامل تسلط دارم
امروزم دو سه تا فیلم اول رو دیدم و این آموزش رو خریدم
امیدوارم در ادامه م مثل همون ابتدا قوی و موثر باشه
سوالی که دارم این که برنامه ای برا آموزش nodejs و react ندارین؟؟ چون خیلی مهمه اینا برام
تشکر
سلام و درود
از اینکه برای خودتون هزینه کردید و در این دوره شرکت کردید سپاسگذاریم
در آینده حتما آموزش داده خواهند شد اما طبیعتا زمان بر خواهند بود
با تشکر از صبر و شکیبایی شما
موفق و پیروز باشید
ان شاء الله
ممنونم از شما برای پاسخگویی
خواهش میکنم در خدمت هستیم
سلام ، من این آموزش رو تهیه نکردم ولی عاشقتممممممممممم هرچی آموزش ازت گرفتم عالی بود با کمک شما الان به اچ تی ام ال و سی اس اس تسلط دارم و الآن در حال یادگیری پی اچ پی هستم
سلام دوست عزیزم
خیلی خوشحالم که دوره ها برات مفید واقع شده و ممنون که اینقد خوب به ما انرژی میدی
برات آرزوی موفقیت دارم
موفق و پیروز باشید
سلام .ممنون از وب سایت دوست داشتنی آموزش تک.
در صورت امکان، در صفحه دانلود ویدئوی جلسات ، فایل سورس کد های برنامه هایی که در هر جلسه آموزش داده میشن رو هم قرار دهید تا راندمان
آموزشی دانشجویان افزایش یابد.
ممنون و با آرزوی بهروزی برای تیم پر تلاش آموزش تک.
سلام و درود
سورس کد تمامی جلسات به صورت یک فایل فشرده در صفحه درس چهارم قرار داده شده که متونید دانلود کنید
از نظر و دیدگاه ارزشمند شما سپاسگذاریم
موفق و پیروز باشید
من این دوره رو خریدم و به لحاظ محتوا و بیان شیوای اقای مصطفی زاده واقعاً عالی بود. توصیه صد درصدی من به دوستان طراحی وب اینه که این دوره رو حتماً تهیه کنن.
سلام و درود
از اعتماد و همراهی شما بسیار سپاسگذاریم
مایه خوشحالی ماست که این دوره آموزشی برای شما دوست و همراه گرامی ما مفید واقع شده
با سپاس فراوان از نظر بسیار ارزشمند شما
موفق و پیروز باشید
با سلام
ضمن تشکر از آموزش بسیار مفید و کاربردی یه مشکلی در بخش 41 این آموزش وجود داشت که گفتم اطلاع بدم تا مشکل رو برطرف کنید
در بخش 41 ( پروژه ساخت Navigation Tab در جاوا اسکریپت ) از دقیقه 5:50 به بعد فیلم به آخر میره و مابقی نمایش داده نمیشه
ممنون میشم بررسی کنید
سلام و درود
خوشحالیم که این دوره آموزشی مورد استقبال شما همراه گرامی ما واقع شده
مشکل بررسی و به طور کامل رفع شد
با تشکر از اطلاع رسانی شما دوست و همراه عزیز ما
موفق و پیروز باشید
ممنون از شما
من الان دوباره خواستم فیلم رو ببینم متاسفانه مشکل همچنان وجود داره و نشون داده نمیشه حتی در دو مرورگر فایر فاکس و کروم هم تست کردم و مشکل وجود داره
البته برای تست فایل رو دانلود کردم و کاملا” سالم بود و مشکلی از لحاظ نمایش فایل دانلودی نبود ولی در نمایش آنلاین همچنان مشکل وجود دارد
فایل دانلودی بخش آخر 42 هم مورد داره و لینک دانلود درست نیست و نمایش آنلانش هم به همون صورت!
از طرف ما ویدیوها چندین بار مورد بررسی قرار گرفته و مشکل مورد نظر کاملا رفع شده
اگر به صورت آنلاین این مشکل برای شما وجود داره و به صورت دانلودی ویدیوها سالم هستن لطفا شما این قسمت از ویدیوها رو دانلود و بر روی سیستم خودتون ذخیره کنید
لینک دانلود قسمت ۴۲ هم تصحیح شد
در صورت وجود هرگونه مشکل دیگری حتما به ما اطلاع بدید تا در سریع ترین زمان ممکن مشکل شما عزیز رفع شود
با تشکر از اطلاع رسانی شما دوست و همراه گرامی ما
موفق و پیروز باشید