JavaScript یکی از پرکاربردترین و مهم‌ترین زبان‌های برنامه‌نویسی برای توسعه وب است. با استفاده از JavaScript می‌توانید صفحات وب پویا و تعاملی بسازید که تجربه کاربری بهتری ارائه دهند. این دوره جامع از مبانی JavaScript شروع می‌شود و به شما آموزش می‌دهد چگونه کدهای خود را به بهترین شکل سازماندهی و مدیریت کنید.

شما یاد خواهید گرفت چگونه با استفاده از JavaScript به عناصر HTML دسترسی پیدا کنید، رویدادها را مدیریت کنید و با داده‌ها کار کنید. همچنین، با مفاهیم پیشرفته‌ای مانند برنامه‌نویسی شیء‌گرا، کار با APIها و تعامل با سرور آشنا خواهید شد. این دوره شامل پروژه‌های عملی است که به شما کمک می‌کند تا مهارت‌های خود را در پروژه‌های واقعی به کار ببرید و به یک توسعه‌دهنده حرفه‌ای JavaScript تبدیل شوید.

درک اولیه از ساختار صفحات وب و نحوه طراحی آنها با استفاده از HTML و CSS

آشنایی با HTML و CSS

آشنایی با اصول پایه‌ای برنامه‌نویسی مانند متغیرها، شرط‌ها و حلقه‌ها

آشنایی با مفاهیم برنامه‌نویسی

تمایل به یادگیری و توسعه مهارت‌های برنامه‌نویسی وب و JavaScript

علاقه به یادگیری برنامه‌نویسی وب

توانایی کار با یک ویرایشگر متن برای نوشتن کدهای JavaScript

تجربه کار با یک ویرایشگر متن

درک اولیه از نحوه کارکرد وب و مرورگرها

آشنایی با مفاهیم وب

این دوره جامع به شما اصول و مفاهیم JavaScript، یکی از محبوب‌ترین زبان‌های برنامه‌نویسی وب را آموزش می‌دهد. از مبانی شروع کنید و به مرور زمان به یک توسعه‌دهنده حرفه‌ای JavaScript تبدیل شوید.

از مقدماتی تا پیشرفته؛ همه چیز درباره JavaScript

امیر رضا مجرد مدرس دوره های فرانت

آموزش جاوا اسکریپت ؟ نه, تسلط بر جاوا اسکریپت

در این قسمت، توضیحات مختصری در مورد javascript گفته میشه و با usecase های این زبان و تاریخچه اون آشنا میشیم.

مقدمه

تو این قسمت vsCode رو به عنوان محیط برنامه نویسی مون نصب میکنیم و در ادامه nodejs رو بعنوان runtime جاوا اسکریپت نصب میکنیم که بتونیم js رو در خارج از مرورگر اجرا کنیم

نصب vsCode

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

comment

تو این قسمت با انواع داده در جاوااسکریپت آشنا میشیم و بعد از اون با نحوه ی نام گذاری متغیر ها و باید ها و نباید های اون تو js رو یاد میگیریم.

data type

تو این قسمت با نحوه ی مقدار دهی کردن به متغیر ها آشنا میشیم و متوجه میشیم که js زبانی  case-sensitive هست و به بزرگ یا کوچک بودن حروف حساسه.

مقدار دهی به متغیر

تو این قسمت با 4 عملگر اصلی در js آشنا میشیم و به ترتیب جمع و تفریق و  ضرب و تقسیم هست.

operators

همیشه یه راهی برای کوتاه تر نوشتن کد هست، در همین راستا تو این قسمت با shorthand ها و راه حل های مختصر نویسی توی js با هم آشنا میشیم

کوتاه کردن کد 1

و اما یادگیری shorthand های مختص به جمع و تفریق

کوتاه کردن کد 2

همونطور که تو قسمت های قبل گفتیم، یکی از انواع داده در js  رشته یا string هست، تو این جلسه بیشتر در مورد رشته قراره که یاد بگیریم

رشته ها (string)

یکی از مهم ترین کارکتر ها توی مقدار دهی رشته در js، کاراکتر "\" یا همون بک اسلش هست، تو این قسمت میخوایم در مورد کاربرد بک اسلش توی مقدار دهی رشته ها یاد بگیریم

مقدار دهی string ها

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

جمع کردن رشته ها

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

کوتاه کردن کد در رشته ها

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

پیدا کردن طول یک رشته

تو این قسمت میخوایم به ایندکس های مختلف یک رشته با استفاده از "[]" دسترسی پیدا کنیم

پیدا کردن index

مفهوم mutable و immutable در js یکی از مهم ترین مفاهیم هست که تو این قسمت بصورت مختصر درموردشون توضیح داده میشه و immutable بودن رشته رو با ذکر مثال میبینیم

مفهوم mutable و immutable

تو این قسمت میخوایم در مورد array و یا آرایه صحبت کنیم و ببینیم این نوع داده رو چجوری باید نمایش بدیم و متوجه میشیم که آرایه از جنس Object هستش.

arrays

دسترسی به ایندکس های مختلف یک آرایه و آشنایی با متد length در آرایه که مشابه با همین متد در string عمل میکنه

length در رشته ها

تو این قسمت میخوایم بعد از مقدار دهی اولیه به یک آرایه، ایندکس های مختلف اون رو عوض کنیم، و متوجه میشیم که آرایه برخلاف string mutale هست و میتونیم المان های مختلف اون رو  تغییر بدیم

رشته ها mutable اند ؟

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

آرایه های تو در تو

میخوایم با متد های مختلفی آشنا بشیم که با اونا بتونیم آرایه رو دستخوش تغییر کنیم
به کمک متد push، میتونیم به آخر آرایه مون المان اضافه کنیم

متد push

میخوایم با متد های مختلفی آشنا بشیم که با اونا بتونیم آرایه رو دستخوش تغییر کنیم
متد pop برخلاف متد push آخرین المان آرایه رو حذف می‌کنه و مقدار اون رو برمیگردونه

متد pop

میخوایم با متد های مختلفی آشنا بشیم که با اونا بتونیم آرایه رو دستخوش تغییر کنیم
متد shift برای ما،اولین المان ارایه رو حذف میکنه و مقدار اون رو به تا برمیگردونه.

متد shift

میخوایم با متد های مختلفی آشنا بشیم که با اونا بتونیم آرایه رو دستخوش تغییر کنیم
متد unshift دقیقا برخلاف shift عمل میکنه و به اول ارایه المان اضافه می‌کنه

متد unshift

برای خیلی از دوستان سوال مطرح شده که این مفاهیم که تا اینجا یاد گرفتیم به چه دردمون میخوره🤔
برای این دست از عزیزان یه سری توضیحات داده شده تو این قسمت...

اینایی که یاد گرفتیم به چه درد میخوره

وقتی میخوایم یه تیکه از کدمون چندین و چند بار نوشته بشه، اون رو بصورت فانکشن و تابع مینویسیم که هر بار نیاز به اجرای اون بود، فرا میخونیمش

توابع در جاوا اسکریپت

تو این قسمت میخوایم یاد بگیریم که argument یا آرگومان چیه؟
آرگومان در واقع داده های ما به function هست که function از اونا تو کار هایی که انجام میده استفاده میکنه

آرگومان ها

توابع میتونن مقادیر مختلف رو برگردونن که ما به کمک این موضوع میتونیم به متغیر ها بوسیله ی توابع مقدار دهی کنیم و تو این قسمت این موضوع رو با هم یاد میگیریم

مقدار دهی توابع

تو این قسمت میخوایم با کلمه کلیدی let آشنا شیم و میبینیم که مثل کلمه کلیدی var به ما در تعریف متغیر ها کمک میکنه و میبینیم که چه تفاوت هایی رو با var داره چه مزیت هایی نسبت به اون داره

let چیه

تو این قسمت میخوایم بیشتر با کلمه کلیدی const آشنا شیم و ببینیم چه تمایزی با let و var داره

const چیه

اسکوپ توی جاوا اسکریپت محدوده ای هست که توی اون به متغیر دسترسی داریم، که دو نوع local و global داره، تو این قسمت ما با تفاوت این دو نوع آشنا میشیم.

متغیر های local و global

تو این قسمت با یک data type دیگه توی جاوااسکریپت آشنا میشیم به اسم Boolean و یاد میگیریم که چطوری میتونیم مقدار های مختلف رو به Boolean تبدیل کنیم

آشنایی با boolean ها

تو این قسمت با شرط توی جاوااسکریپت آشنا میشیم و میبینیم که به مانند خیلی از زبان های برنامه نویسی از کلمه کلیدی if استفاده میکنیم  و یاد میگیریم که چطوری با استفاده از Boolean ها میتونیم شرط های مختلف رو بررسی کنیم

شرط ها

تو این قسمت با عملگر == آشنا میشیم و یاد میگیریم که چطوری از اون داخل if استفاده کنیم و برابر بودن دو متغیر رو بررسی کنیم

منظور از Equality چیست

تو این قسمت با عملگر === آشنا میشیم و یادمیگیریم که علاوه بر مقدار، جنس داده رو هم بررسی میکنه و تفاوت این عملگر با == رو یاد میگیریم

آشنایی با Equality - قسمت 2

تو این قسمت با عملگر های =! و ==!آشنا میشیم که دقیقا برعکس عملگر های == و === هستن و نابرابر بودن دو متغیر رو بررسی می‌کنه

آشنایی با Equality - قسمت 3

تو این قسمت میخوایم با دو تا عملگر دیگه آشنا بشیم، این عملگر ها کوچکتر یا بزرگتر بودن رو برای ما بررسی میکنه و برای ما یک مقدار Boolean برمیگردونه

آشنایی به Equality - قسمت 4

تو این قسمت با دو تا عملگر دیگه آشنا میشیم که علاوه بر بررسی کوچکتر و یا بزرگتر،همزمان برابر بودن رو بررسی میکنه که اونا رو بصورت => یا =< مینویسیم

آشنایی با Equality - قسمت 5

تو این قسمت میخوایم با شرط های تو در تو آشنا میشیم و میبینیم که با عملگر *و* میتونیم از شرط های تو در تو جلوگیری کنم و با یک if اونا رو انجام بدیم

نوشتار های بهتر در Equality

تو این قسمت میخوایم با یه عملگر دیگه آشنا شیم که میتونه تو برطرف کردن شرط های تو در تو بهمون کنه و اون عملگر *یا* هستش

عملگر *یا*

تو این قسمت یاد میگیریم که اگه شرطی برقرار نشد، چطوری برقرار نبودنش رو کنترل کنیم که برای این کار بعد از نوشتن if،از else استفاده میکنیم

شرط ها (else)

تو این قسمت یاد میگیریم که چطوری بتونیم چند تا شرط رو بررسی کنیم و با کلمه کلیدی else if آشنا میشیم

عملگرها (else if)

تو این قسمت یاد میگیریم که وقتی تعداد شرط هامون زیاد میشه، شرط هامون رو با switch case کنترل کنیم که به نسبت if ,else if های زیاد نریم، تازه خوانایی بیشتری هم داره

switch case ها

تو این قسمت با حالت default توی switch آشنا میشیم که شبیه به else توی if عمل میکنه

آشنایی با default در switch

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

کوتاه نویسی در case

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

نوعی از کوتاه نویسی در boolean

تو این قسمت میخوایم با یک‌ data type جدید در جاوا اسکریپت آشنا بشیم که اون object هست و یاد میگیریم که property در js چی هست

object در جاوا اسکریپت

تو این قسمت با روش های مختلف دادن یک property به object آشنا میشیم که با توجه به مسئله ای که باهاش در ارتباطیم،میتونیم از هر کدوم از این روش ها استفاده میکنیم

پاس دادن یک property به object

تو قسمت های قبلی در مورد object یاد گرفتیم و تو این قسمت میخوایم یاد بگیریم که چطوری میتونیم به property های یک object دسترسی پیدا کنیم.

دسترسی دادن یک property به object

بعد از یاد گرفتن تعریف کردن یک ‌ object و دسترسی گرفتن به property های مختلف یک object، حالا نوبت این هست که یاد بگیریم چطوری میتونیم این property ها رو آپدیت کنیم و تغییرش بدیم.

آپدیت کردن property ها

تو این قسمت میخوایم یاد بگیریم که چطوری میتونیم یک property رو به object مون اضافه کنیم که دقیقا مشابه آپدیت کردن هست

آپدیت کردن  property ها  قسمت ۲

تو این قسمت یاد میگیریم که چگونه میتونیم یکی از property ها رو پاک کنیم، برای این کار از کلمه کلیدی delete باید استفاده کنیم.

پاک کردن property ها

چطوری میتونیم بررسی کنیم که یک property خاص رو داره و یا نه و با متد hasOwnProperty  آشنا میشیم

hasOwnProperty

تو این قسمت با Object های تو در تو یا nested Objects آشنا میشیم و مقداری باهاشون سر و کله میزنیم و میبینیم چطوری میتونیم به object های داخلی دسترسی بگیریم

nested Objects

تو این قسمت با حلقه در javascript آشنا میشیم و حلقه ی while رو یاد میگیریم و میبینیم که چطوری میتونیم ازش استفاده کنیم

حلقه ی while

تو این قسمت با یک حلقه ی دیگه در javascript آشنا میشیم که این حلقه for هست که کمی با while متفاوت هستش

حلقه ی for

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

حرکت روی آرایه با استفاده از for

تو این قسمت میخوایم یاد بگیریم که چطوری میتونیم حلقه های تو در تو داشته باشیم و یک حلقه for رو درون یک for دیگه استفاده کنیم

حلقه های for تو در تو

تو این قسمت میخوایم با یک حلقه ی دیگه آشنا بشیم که مشابه while هست اما با یک تفاوت که اونو متمایز میکنه و اون هم حلقه ی do while هستش

do while

تو این قسمت میخوایم با یک built in Object توی javascript آشنا بشیم که اون Math هستش و متد های مختلفی رو در اختیار ما قرار میده

math package

تو این قسمت میخوایم یاد بگیریم که با استفاده از Math چطوری میتونیم بین دو عدد که یکی از اون ها عدد ۰ هستش، یک عدد random رو ایجاد کنیم

ساخت عدد رندوم با math

تو این قسمت میخوایم یاد بگیریم که با استفاده از Math چطوری میتونیم بین دو صحیح یک عدد random رو ایجاد کنیم

تو این قسمت میخوایم با متد parseInt توی javasctript‌ آشنا میشیم و میبینیم که چطوری به کمک اون میتونیم یک رشته رو به عدد تبدیل کنیم

تبدیل رشته به عدد با کمک parseInt

تو این قسمت با یک روش برای کوتاه تر نوشتن شرط هامون آشنا میشیم که به اون ternary operator میگن.

ternary operator

تو این قسمت یاد میگیریم که بیشتر از یک شرط رو چطوری کوتاه بنویسیم و با multiple ternary operator آشنا میشیم

multiple ternary operator

تو این قسمت میخوایم با یک متد دیگه برای اعمال تغییرات بر روی آرایه آشنا بشیم و این متد splice هست و به کمک میکنه که تیکه از آرایه رو از اون جدا کنیم و در صورتی که لازم داشتیم المان های دیگه ای رو در همون جا اضافه کنیم

splice

تو این قسمت با یک متد دیگه میخوایم آشنا بشیم برای ایجاد تغییرات روی آرایه و اسم این متد slice هست، تقریبا مشابه با splice با این تفاوت که آرایه جدیدی رو برمیگردونه و به آرایه‌ای که روش اجرا شده تغییری رو ایجاد نمیکنه

slice

تو این قسمت میخوایم به کمک spread operator که همون ... هست، یک آرایه ای رو ازش کپی بگیریم

spread operator

تو این قسمت میخوایم با یک متد دیگه برای آرایه آشنا بشیم که اسمش indexOf هست که index المان مد نظرمون که دنبالش میگردیم رو بهمون برمیگردونه

index of

تو این قسمت میخوایم با کمک for بر روی تمامی المان های یک آرایه پیمایش کنیم و در صورت نیاز کاری رو انجام بدیم

iterator with for on array

تو این قسمت میخوایم به جای آرایه، بر روی تمامی المان های object پیمایش کنیم و حرکت کنیم، برای این کار از حلقه for in استفاده میکنیم که به راحتی امکان این کار رو بهمون میده

iterate with for on objects

تو این قسمت میخوایم با متد Object.keys آشنا بشیم که به ما آرایه ای رو برمیگردونه از key یا property های یک Objectی که در اختیار داریم

object keys

تو این قسمت با متدی دیگه آشنا میشیم که بر خلاف Object.keys برای ما value هایی که در اون Object وجود داره رو بصورت آرایه برمیگردونه و این متد Object.values هستش.

Object.values

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

چالش اول - مدیریت درآمد کاربر

در این تمرین باهم بررسی میکنیم که چطور کیفیت پسورد کاربر را با توجه به نوع داده آن ارزیابی کنیم.

چالش دوم - بررسی امنیت پسورد

در این قسمت از آموزش در خصوص functional programming  با شما صحبت خواهیم کرد

Intro functional programming

در این قسمت از آموزش در مورد callback function در جاوا اسکریپت صحبت میکنیم.

Callback function

در آموزش در خصوص رویکرد های متفاوت در برنامه نویسی آشنا میشویم. اینکه چه زمانی از کدام آنها باید استفاده نماییم. 
Declarative programming 
Imperative programming
برنامه چه کاری انجام می دهد، بدون اینکه جریان کنترل آن را مشخص باشد. برنامه چگونه باید با مشخص کردن صریح هر دستورالعمل یا عبارت قدم به قدم کار را انجام دهد.

Imperative and declarative programming

در این قسمت از آموزش در خصوص انواع توابع به شما آموزش داده میشود.

Isolate function and pure function

در این قسمت بطور عمیق تر و تحلیلی تر به مباحث functional programming  می پردازیم.

Functional programming details

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

آموزش جاوا اسکریپت ؟ نه, تسلط بر جاوا اسکریپت

دیگر