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

ا‌گه انگیزه لازم برای برنامه نویسی و طراحی سایت رو ندارین ، این دوره انگیزه شما بالا خواهد برد 🙂

شما با دیدن این دوره تبدیل به یک برنامه نویس حرفه ای جاوا اسکریپت  میشین 🙂

 

شما اگر بخواین یک طراح وب حرفه ای باشین حتما باید جاوا اسکریپت بلد باشین
تا به امروز فقط Html , Css کار کرده بودین که فقط میتونستین متن ، عکس ، جدول ، فرم های

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

جاوااسکریپت به سایت روح تازه ای میده ، میتونین باهاش به سایت هاتون افکت ها و انیمیشن

های جذابی بدین و سایت هاتون رو پویا بکنین ،میتونین شجره نامه کاربر رو داشته باشین 🙂 یعنی کاربر از

چه مرورگری استفاده میکنه ، چه زمانی آنلاین و آفلاین میشه ، چه زمانی صفحه رو لمس میکنه و ….

میتونین با جاوااسکریپت به تگ های Html و استایل هر تگ دسترسی داشته باشی

و هر زمان که خواستین میتونین هر بلایی ک میخاین سرش بیارین 🙂

 

 

 

 طراحی سایت به دو قسمت کلی تقسیم میشه، فرانت اند و بک اند:

فرانت اند(front end): 

این قسمت مربوط به ظاهر سایت هست یعنی تمام اون چیزی که کاربر میبینه و باهاش تعامل داره مثل هدر ،فوتر ،دکمه ها ،باکس ها، اسلایدر و غیره.

و اگر بخام براش یک مثال بزنم  فرانت اند سایت مثل صحنه ی نمایش تئاتر میمونه شما بازیگر ها مکالمه هاشون لباس هاشون و صحنه ای که توش بازی میکنن رو میبینین ، طراحی سایت هم دقیقا به همین شکله شما ظاهر سایت و رنگ بندی و غیره رو مشاهده میکنین.

این بخش فرانت اند به طور کلی از html یا همون زبان نشانه گذاری، css یا همون زبان استایل دهی و زبان برنامه نویسی جاوااسکریپت تشکیل شده که این سه رو باهم مقایسه میکنیم.

 

HTML:

همون طور که گفته شد html یک زبان نشانه گذاری هست نه یک زبان برنامه نویسی، که شامل تگ های زیادی هست

و هر کدوم کاربرد و کارایی خودشون رو دارن.

که اگه بخام با یه مثال ساده توضیح بدم html مثل اسکلت خام یک ساختمون میمونه همون تیراهن هایی که بنای ساختمان روی پایه ی اون هاست و در واقع اصل ساختمون هست و ساختمون روی اون شکل میگره

css:

css هم یک زبان استایل دهی هست که به وب سایت ما زیبایی خارق العاده ای میبخشه که شامل تعیین رنگ ها فونت ها اندازه ها سایه انیمیشن ها و خیلی چیز های دیگه به کار میره و خب css کجای ساختمون به کار میره؟!

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

 

javascript:

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

و جاوااسکریپت مثل اسانسور یک ساختمون هست یه جورایی همون تعاملی هست که با ساکنین ساختمون داره و اون ها رو بین طبقات جابه جا میکنه.

خب ما با استفاده از html و css  فقط قادر هستیم سایتمون رو به صورت ایستاتیک بسازیم.یعنی چی؟!

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

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

سایت استاتیک این ویژگی ها رو نداره اما با جاوااسکریپت  ما میتونیم سایتمون رو به یک سایت داینامیک تبدیل کنیم

و با کاربر به خوبی تعامل ایجاد کنیم

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

و به روز شدن جاوااسکریپت در سال ۲۰۱۵ که به اسم اکمااسکریپت ۶ عرضه شد، خیلی جاها مورد استفاده قرار گرفت

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

پس اگر در دنیای وب و طراحی سایت قدم گذاشتین ملزم هستین که جاوااسکریپت رو به خوبی یاد بگیرین و اموزش ببینین.

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

 

بک اند(back end):

این قسمت هم همون طور که از اسمش معلومه  مربوط به پشت سایت هست

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

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

و در سایت نمایش داده میشه.

که جایگاه بک اند مثل پشت صحنه ی تئاتر میمونه شما  ،کارگردان ،نویسنده ،گریمور و غیره رو که  پشت صحنه رو شامل میشه نمیبینین

و بک اند سایت هم به همین شکل هست، شما منطق سایت رو نمیبینین و بهش دسترسی ندارین.

 

 

چرا در دوره رایگان جاوااسکریپت ثبت نام کنیم؟!؟

دوره پروژه محور:

مزیتی که این دوره پروژه محور بودن اون هست نکته ی مهمی که  برای یادگیری درست وجود داره یادگیری همراه با کاربرد اون هست و جوری نباشه که مدرس فقط خود مطالب رو بگه بدون کاربرد دقیق اون ها!حالا نه فقط در این دوره در هر دوره ای که خواستین شرکت کنین قبل از اون ببینین پروژه محور هست یا نه.

 

دوره کاملا رایگان! کاملا جامع ! و مبتنی بر سرفصل های سایت w3schools

مزیت بعدیی که وجود داره رایگان بودن اون هست البته این به معنای بی کیفیت یا ناقص بودن دوره به هیچ وجه نیست.

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

پس اصلا نگران کامل نبودنش نباشین ؛

سرفصل های اون هم گفته شده میتونین تمام اون ها رو مشاهده کنین.

 

تدرس با زبان ساده و روان :

این دوره با زبانی نرم و ساده و روان تدریس شده و همچنین تسلط کافیی که مدرس داره که در یادگیری شما عزیزان تاثیر به سزایی داره.

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

 

زبان جاوااسکریپت از نون شب واجب تره براتون.

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

کافیه به سایتای مثل linkedin , paypal ,google , github , … نگاه بندازین که برای بک اند از فریمورک های

جاوااسکریپت مثل node-js استفاده کردن , جاوااسکریپت در بخش فرانت اند سایت کتابخونه و فریمورک

های زیادی داره ، مثل Angular , jQuery ، Vue , react , … که از محبوبیت چشمگیری برخوردارند و بازار کار فوق العاده ای دارند

همانطور که اشاره شد جاوااسکریپت در سمت بک اند نیز فریمورک node-js را دارد شما با یادگیری جاوا اسکریپت میتونین

با فریمورک ریکت نیتیو برای اسمارت فون هایی مثل اندروید و ios نیز برنامه‌ بنویسین و همه شرکت ها هم بهتون نیاز دارن 🙂

زبان برنامه نویسی جاوااسکریپت در سال های ۲۰۱۸ و ۲۰۱۹ محبوب ترین زبان بین همه زبان های برنامه نویسی شناخته شد 🙂

آیا به جاوااسکریپت ایمان نمی آورید ؟!

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

پیش نیاز های این دوره اینه که شما باید دوره HTML و CSS رو گذرونده باشید ! و الا این دوره به دردتون نمیخوره !

پیشنهاد من اینه که دوره HTML & CSS مقدماتی تا پیشرفته خود سایت سبز لرن رو مشاهده کنید (:

بهتون قول میدم نهایت لذت رو خواهید برد ! و حتما حتما نظرات خودتون رو با ما به اشتراک بگذرارید (:

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

 

HTML و CSS رو رایگان یاد بگیر ?

شاید تعجب بکنید که یه دوره رایگان چرا باید براش آپدیت, ویدیوی تکمیلی, و پشتیبانی حرفه ای داره (:

خیلی ساده بخوام بهتون بگم !‌ در وب سایت سبز لرن ما به مدرس هزینه ای رو میدیم تا دوره ای با کیفیت ضبط کنه

به همراه پشتیبانی و وقتی دانشجو ها یک مشکل تکراری داشتن براش ویدیو تکمیلی ارایه بده و غیره !

پس خیالتون راحت باشه !‌ این دوره هم مثل دوره های پولی هم براش آپدیت میاد ! هم براش ویدیوی تکمیلی میدیم !

هم پشتیبانی خوبی رو برای اینکه بتونید این دوره رو با خیر و خوشی تموم کنید ارایه دادیم (:

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

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

۱٫ بخش پرسش و پاسخ هر بخش از دوره مراجعه کنید
۲٫ آیدی تلگرامی مدرس در اختیار شما قرار میگیره و شما میتونید از اون طریق هم باهاش در ارتباط باشید!
۳٫ ایمیل مدرس رو هم بهتون میدیم که خیالتون راحت باشه !
۴٫ شماره تلفن مدرس ک خب باید معمولا باید داشته باشید! بلاخره شاید با تکست راحت نباشید و دلتون بخواد تلفنی صحبت کنید !

برای دریافت اطلاعات مدرس دوره آموزش رایگان جاوا اسکریپت بر روی این لینک کلیک کنید (:

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

به راحتی میتونین تو هر شرکت برنامه نویسی که میخاین استخدام بشین .

میتونین شروع کنین به یادگیری فریمورک node-js برای بک اند سایت .

میتونین شروع کنین به یادگیری react و react native برای توسعه اپلیکیشن های اندروید و ios .

بازم بگم ؟! ….. بقیشو تو دوره متوجه میشین 🙂

سرفصل های دوره  آموزش رایگان جاوا اسکریپت :

۱٫ توضیحات ابتدایی در مورد Js و مباحث مرتبط
• سرفصل های دوره
• نحوه برگزاری دوره
• کاربرد های جاوااسکریپت

۲٫ متغیرها و نوع داده در جاوااسکریپت
• انواع متغیر ها
• نحوه تعریف و استفاده از متغیر ها
• کاربرد متغیر ها
• استفاده از alert

۳٫ کامنت گذاری
• مفهوم و کاربرد کامنت گذاری
• نحوه کامنت گذاری

۴٫ عملگرهای منطقی
• عملگرها و کاربرد آن ها در جاوااسکریپت
• نحوه استفاده از عملگرها
• ترتیب عملگرها در عبارات ریاضی
۵٫ شرط ها
• نحوه استفاده از شرط ها
• کاربرد شرط ها

۶٫ عملگرهای بیتی
• آموزش عملگر های بیتی مثل and , or , … و کاربرد آن ها

۷٫ Switch Case
• نحوه استفاده از switch case و کاربرد آن

۸٫ حلقه های تکرار (۱)
• آموزش حلقه تکرار for و استفاده از آن

۹٫ حلقه های تکرار (۲)
• آموزش حلقه تکرار while

۱۰٫ حلقه های تکرار (۳)
• حلقه تکرار do while

۱۱٫ آرایه ها
• نحوه تعریف و کاربرد آرایه ها
• انواع آرایه ها

۱۲٫ آبجکت ها
• آبجکت چیست ؟
• نحوه تعریف و کاربردهای آبجکت ها

۱۳٫ Const
• نحوه تعریف const ها
• کاربرد const ها
• تفاوت متغیر const با بقیه متغیر ها

۱۴٫ Let , Scope , Hoisting
• نحوه تعریف متغیر با let
• تفاوت متغیر های let , var , const
• محدوده استفاده متغیر ها (scope)
• مفهوم Hoisting

۱۵٫ توابع کار با ریاضی
• تابع توان در ریاضیات
• توابع مربوط به مثلثات (سینوس ، کسینوس ، …)
• تابع های مربوط به گردن کردن اعداد
• تابع تولید اعداد تصادفی
• تابع قدر مطلق
• …

۱۶٫ توابع کار با رشته های متنی و اعداد
• پیدا کردن طول رشته
• چبساندن رشته ها به همدیگر
• توابع مربوط به برش رشته ها
• جایگزینی کلمات در رشته
• تابع پاک کردن فضای خالی طرفین رشته
• …

۱۷٫ توابع کار با آرایه ها
• برش مقدار های آرایه
• شیفت دادن آرایه
• تابع پاک کردن مقدار از ارایه
• تابع اضافه کردن مقدار به ارایه
• چسباندن آرایه ها به همدیگر
• …

۱۸٫ تابع نویسی
• کاربرد توابع
• نحوه تعریف توابع
• توابعی که ورودی میگیرند

۱۹٫ خطایابی (Debugging)
• باگ چیست ؟
• نحوه دیباگ کردن (خطایابی) کدها با console
• نحوه دیباگ کردن کردن کدها با debugger

۲۰٫ شروع کار با DOM ، دسترسی به Html , Css با DOM
• آشنایی با مفهوم DOM
• کار با document
• انتخاب المنت ها با آیدی ، کلاس ، تگ با Js
• انتخاب المنت ها به روش Css
• دسترسی به استایل های المنت ها
• دسترسی به صفات المنت ها
• تنظیم یک صفت جدید برای المنت ها

۲۱٫ رویداد ها (۱)
• مفهوم event (رویداد)
• نحوه تعریف رویداد ها
• رویداد مربوط به Mouse
• رویداد های مربوط به کیبورد
• رویداد های مربوط به اینپوت ها

۲۲٫ ارزیابی فرم ها با جاوااسکریپت
• دسترسی به فرم ها با جاوااسکریپت
• نحوه کنترل عناصر فرم و ارزیابی آن ها

۲۳٫ مدیریت خطاها با try , catch , finally
• مفهوم try / catch / finally
• مفهوم throw
• نحوه استفاده از try / catch / finally برای کنترل خطاها

۲۴٫ رویداد ها (۲)
• رویداد های مربوط به copy , cut
• رویداد های مربوط به پرینت
• رویدادهای بیشتر فرم ها و اینپوت ها
• رویداد مربوط به اسکرول

۲۵٫ رویداد ها (۳)
• رویداد های مربوط به لمس
• رویداد های مربوط به مالتی مدیا
• رویدادهای مربوط به آنلاین یا آفلاین بودن مرورگر
• رویداد مربوط به انتخاب (select)
• رویداد مربوط به paste

۲۶٫ کار با آبجکت HTMLCollection
• کار با متد item
• کار با متد namedItem
• کار با خاصیت length
• نحوه انتخاب یکباره تمامی تگ ها

۲۷٫ دسترسی به خاصیت رویداد ها
• دسترسی به خاصیت رویداد های مربوط به Mouse
• دسترسی به خاصیت رویداد های مربوط به کیبورد
• دسترسی به صفات تگ به کمک رویداد ها
• ….

۲۸٫ روش هایی دیگر برای تعریف رویداد ها
• تابع addEventListener
• تعریف رویداد بعنوان صفت تگ در جاوااسکریپت

۲۹٫ نحوه حذف کردن یک رویداد
• تابع removeEventListener
• تعریف چندین تابع برای یک رویداد

۳۰٫ توابع مربوط به Timer در جاوااسکریپت
• تابع setTiemout
• تابع clearTimeout
• تابع setInterval
• تابع clearInterval

۳۱٫ کار با آبجکت attributes

• کار با صفات هر تگ
• اضافه کردن صفت به تگ ها با Js
• حذف کردن صفت از تگ با Js

۳۲٫ کار با کلمه کلیدی this و مفهوم حالت strict

• مفهوم this در خود داکیومنت
• مفهوم this در توابع و آبجکت ها و رویداد ها
• مفهوم حالت strict

۳۳٫ کار با متد preventDefault + مینی پروژه

• مفهوم preventDefault و کاربرد آن
• ارزیابی فرم به کمک preventDefault

۳۴٫ کار با خصوصیات Navigation

● firstChild
●lastChild
●childNodes
●children
●parantNode
●documentElement
●nodeName
●nextSibling
● ….

۳۵٫ نحوه کار با المنت ها و فرزندان آن ها بصورت پویا
● تولید تگ و متن توسط جاوااسکریپت
● اضافه کردن المنت به صفحه
● حذف کردن المنت از صفحه
● جایگزین کردن المنت ها در صفحه

۳۶٫ شروع کار با BOM

● آموزش popUp ها و نحوه استفاده از آن ها

۳۷٫ شروع کار با BOM

● آموزش متدها و خاصیت های History

۳۸٫ شروع کار با BOM

● آموزش متدها و خاصیت های Screen

۳۹٫ کار با window و location

۴۰٫ کار با تاریخ در جاوااسکریپت

۴۱٫ کار با Ajax در جاوااسکریپت

۴۲٫ کار با کوکی ها

۴۳٫ پروژه اول دوره – پروژه تبدیل واحد

۴۴٫ پروژه دوم دوره – مدیریت لیست

۴۵٫ پروژه سوم – سرچ بین مخاطبین

۴۶٫ پروژه چهارم & پنجم – ساخت اسلایدر با جاوااسکریپت

۴۷٫ پروژه ششم – نشانگر موس دنباله دار

۴۸٫ سخنان پایانی – بازار کار جاوااسکریپت – مقایسه فریمورک و کتابخانه های جاوااسکریپت