دوره جامع JavaScript 2020

معرفی دوره

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

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

سلام دوست من. به کامل ترین دوره جاوا اسکریپت خوش اومدی. میخوایم برای اولین بار با زبان شیرین پارسی، دوره ای رو در سطح و با استاندارد های بالای جهانی شروع کنیم. اگر دو ویدیو قبل رو کامل ندیدی، حتما اون ها رو پلی کن تا با آمادگی کامل خوش آمد من رو نسبت به این دوره استثنائی بپذیری. نمیخوام زیاد حرف بزنم، چون اون موقع میشه اسمش رو گذاشت تبلیغ. پس همین الان ببین این ویدیو رو. اگر عین من از این استارت خوشت اومد تو هم یه قولی بهم بده. البته دوتا. اول اینکه تو کامنت ها برای ادامه پر قدرت تر کار به من امید بدی و دما این که اگر به جایی رسیدی یاد ما هم باشی. راستی، جلسه بعد رو هم برات رایگان کردم که دیگه لذذذذذذذذذذت ببری. بزن بریم ;-)

تو این جلسه بااین حال که هنوز در ابتدای کار هستیم و قراره بیشتر از کار کردنمون، حرف بزنیم، کار خودمون رو خیلی پیشرفته تر میکنیم. اینطور بگم که در پایان این جلسه، همه پیشنیازهای یک شروع پرقدرت رو داریم و قراره با کوله باری پر از موارد مبتدی اما ضروری و مورد نیاز راهی مرحله و جلسه بعدی بشیم. درباره انواع داده ها (Data Types)، آرایه ها(Arrays)، توابع(Functions) و کلی چیز دیگه در این جلسه قراره صحبت کنیم. حتما حتما حتما تمرین و تکرار کنید و بعدش هم تمرین و تکرار کنید و این هم که تموم شد برید سراغ تمرین و تکرار بیشتر. دیگه تایم رو بیشتر از اینها تلف نکن. اگر آماده ای بزن روی پلی ;-)

در این جلسه بسیار طولانی، میپردازیم به مباحث: عملگرها(Operators) - شی گرایی در جاوااسکریپت(Objects)- شرط ها(Conditions)- حلقه ها (Loops) . خیلی کلی بگم که امروز قراره کل مباحث اصلی و بدنه جاوا اسکریپت رو غورت بدیم. توی 3 یا 4 جلسه بعدی، تایم جلسات، کمتر از یک ساعت خواهد بود. این جلسه رو چندین و چندبار نگاه کنید و با تمرین بسیار روی مباحثش مسلط بشید. امیدوارم با آمادگی کامل وارد جلسه بعدی بشین. منتظرتونم ;-) ...

امروز قراره یه جلسه کوتاه مدت، با کیفیت و دارای مضامین سطح بالا رو تجربه کنیم. راستش رو بخواید، دیگه توی جلسه قبلی حوصلمون سر رفته و تایم بلند اون جلسه کمی اذیتمون کرده. پس بیاید با پیروی از همون نظریه تدریس جهانی که گفتم کار رو ادامه بدیم ;-) . خب امروز قراره چند تا چیز که توی جلسه قبل قولش رو بهتون دادم رو با هم برسی کنیم. اصلا اصلا اصلا فکر نکنید آدم ماست مالی هستم. شوخی بود ;-) . منظورم اینه که اصلا محتوای آموزش رو سمبل نمیکنم تا خیال خودم راحت بشه و همونطور که قول دادیم پیش میریم و جاوااسکریپت رو غورت میدیم. خب. تو این جلسه بطور کلی قراره چه چیز هایی رو باد بگیریم؟؟ Break-Continue-This-Debugging-Throw-let-const

سلام. در این جلسه درباره Advanced Functions - New key word - Arguments - DOM حرف می زنیم (اعتقادی به بخت و اقبال نداشته باشید. شانس از فرومول زیر بدست می آید) تمرین-تمرین-تمرین-تمرین-تمرین-تکرار-تکرار-تکرار-تکرار-تکرار

در این جلسه با موارد پایانی جاوااسکریپت آشنا می شویم. Animation-Events-EventListener

دوستان در این جلسه شما بر روی DOMs-BOMs-POPUPs مسلط خواهید شد. این جلسه جلسه پایانی ماست. البته جلسه پایانی بخش آموزش. چون تایم دوره بالاست و محتوای زیادی همین چند جلسه نخستین داشت، تصمیم گرفتیم که 1 ماه به شما تایم تمرین و تکرار و تسلط روی دوره رو بدیم و بعد از اون هم بصورت تعاملی کارمون رو با AJAX شروع کنیم و کارمون رو با سورپرایزهای بزرگ و پروژه های عملی خفن به پایان برسونیم دوستون دارم فعلا ;-)

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

چگونه javascript را با صفحات وبسایت خود (html) لینک کرده و شروع به برنامه نویسی کنیم

در این جلسه با تابع alert و variable ها آشنا میشوید

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

در این قسمت یاد میگیریم چطور به برنامه قدرت تصمیم گیری خودکار بدیم. مثلا اگر فلان متغیر برابر با 3 بود فلان کار رو انجام بده اگر هم نبود بیسال کار رو انجام بده :) . البته با مفهوم و معنای تابع (function) هم آشنا میشیم

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

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

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

نام کاربر رو دریافت میکنیم و کنترل میکنیم که یوقت نام رو اشتباه وارد نکرده باشه. با ()prompt و textContent هم آشنا میشیم

1.آشنایی با عملگر(operator)های < و > و =< و => . 2. ()else if 3. || و &&

تابع switch راه حلی بسیار ساده اما پر کاربرد جهت تعریف شرط ها محسوب می شود

آشنایی با متد های مختلف متون

با استفاده از Math Object میتوان دسترسی به منبعی بی کران از عملگرهای ریاضی داشت

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

آرایه(Array) نیز یک نوع دیتا در جاوااسکریپت محسوب شده که به ما اجازه ذخیره بدون محدودیت انواع دیتا تایپ را در یک متغیر میدهد

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

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

با چندین attribute جدید در HTML برای افزودن رویداد آشنا میشویم، تابع ()addEventListeners و کلمه کلیدی this رافرامیگیرید و قادر به تعریف 100 ها رویداد خواهید بود

با استفاده از DOM و Events یک چت سیستم یک طرفه و خیلی باحال رو طراحی میکنیم

آشنایی با Object Data Type

جاوا اسکریپت یک زبان شی گرا یا Object Oriented Programming Language است !

با استفاده از حلقه ها میتوان یک statement را به تعداد دفعات معین و دلخواه انجام داد

با استفاده از حلقه ها چه کار ها که نمیشه کرد! بریم یه password checker با while loop ها بسازیم

حلقه های For از پیشرفته ترین حالت حلقه ها در جاوااسکریپت است

امروز قصد ساخت یک آزمون 3 گزینه ای با استفاده از حلقه های for را داریم

میتونیم تا بینهایت از حلقه ها بصورت تو در تو استفاده کرد و با کمک آنها بر روی آرایه های چند بعدی پیمایش کرد

حلقه forEach یک مِتد مخصوص پیمایش در آرایه ها است

با استفاده از توابع ()setInterval و ()setTimeOut میتوانیم در جاوااسکریپت زمانبندی کنیم

با استفاده از browser local storage میتوانیم مقادیر دلخواه را با استفاده از جاوااسکریپت ذخیره کنیم تا حتی بعد از رفرش شدن صفحه تغییری حاصل نشود

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

BOM یا همان Browser Object Model قابلیت های دسترسی هستند برای ارتباط با مرورگر توسط جاوااسکریپت. میتونیم با کمک BOM به طول و عرض مرورگر،پلتفرم مورد استفاده کاربر، نسخه مرورگر کاربر، آدرس و دامنه سایت و ... دسترسی داشته باشیم

BOM یا همان Browser Object Model قابلیت های دسترسی هستند برای ارتباط با مرورگر توسط جاوااسکریپت. میتونیم با کمک BOM به طول و عرض مرورگر،پلتفرم مورد استفاده کاربر، نسخه مرورگر کاربر، آدرس و دامنه سایت و ... دسترسی داشته باشیم

با استفاده از DOM میتوان به 90 درصد عناصر html دسترسی داشت. به این عناصر node گفته میشود. در این جلسه دید جدید نسبت به DOM پیدا خواهید کرد

1.با استفاده از 1 دستور چندین متغیر تعریف کنید! 2.برای نام گذاری به راحتی از "_" و "$" استفاده کنید! 3.var و let را بهتر بشناسید! 4.Block Scope چیست؟ 5.تعریف و استفاده از ثابت ها(const) در جاوااسکریپت

در جلسه قبل با Block Scope آشنا شدیم. حال با شناخت Global Scope و Function Scope کاملا با مفهوم Scope یا همان سطوح مختلف دسترسی به متغیرها آشنا خواهید شد. جاوااسکریپت زبان بسیار هوشمند با قابلیت هایی تا حد امکان از باگ خوردن کد ما جلوگیری میکنه. در این جلسه با یکی از این قابلیت ها بنام hoisting نیز آشنا میشیم و با استفاده از strict mode در این زبان، بسیاری از این قابلیت ها رو غیر فعال خواهیم کرد

تا به حال با استفاده از DOM به کارایی شگفت آور زبان جاوااسکریپت پی برده ایم. در این جلسه رویداد ها (events) رو در سند html یاد خواهیم گرفت و پرونده DOM رو خواهیم بست!

1.this : در بخش های مختلف اسکریپت، اشاره به یک مالک دارد 2.break : برای خروج اجباری از statement های مختلف استفاده میکنیم 3. continue : برای پرش از یک دور پیمایش حلقه کاربرد دارد

با استفاده از Date Functional Object به راحتی میتوانیم به ساعت و تاریخ جاری دسترسی داشته باشیم! در این جلسه خواهیم آموخت: 1.مبدا زمانی چیست؟ 2.چگونه به میلی ثانیه، ثانیه، دقیقه، ساعت،روز و ... جاری دسترسی داشته باشیم؟

در این جلسه بصورت کاملا پیشرفته با سایر حلقه ها آشنا خواهیم شد 1.حلقه for in = پیمایش در object ها و آرایه ها 2.حلقه for of = پیمایش در آرایه ها و رشته های متنی 3.حلقه do while = وجه پیشرفته ای از حلقه while

در این جلسه با 10 روش سطح بالا و پیشرفته در جاوااسکریپت آشنا خواهید شد

معرفی سرفصل های فصل سوم
در این بخش عددی بین 1-100 تولید میکنیم و از کاربر میخواهیم عدد را حدس بزند

در جلسه قبل اسکلت بازی خود را ساختیم، استایل های مورد نظر را به المان ها دادیم و موفق شدیم حدس کاربر رو دریافت کنیم.
در این قسمت میخوایم حدس کاربر، تعداد شانس ها و برد و باخت کاربر رو هم کنترل کنیم. خیلی بازی خفنی ساختیم و میتونیم روزانه برای تقویت ذهنمون ازش استفاده کنیم 😅

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

در این جلسه بازی "دینو" کامل خواهد شد :
بررسی باخت و محاسبه امتیاز

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

در این جلسه با استفاده از جاوااسکریپت یک تایمر (stopwatch) بی نقص و زیبا را خواهیم ساخت

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

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

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

در این مرحله با استفاده از کلمه کلیدی extends، تابع super و کلی دستور جدید به مبحث ارس بری کلاس ها خواهیم پرداخت

در این جلسه با یادگیری getter و setter در object ها دانش و سطح خود را در برنامه نویسی شی گرا بشدت بالا خواهیم برد. هیچ منبعی برای یادگیری این مبحث از نظر من مورد تایید نیست (حتی w3)و به همین خاطر میخوام یکبار برای همیشه بصورت کامل و بی نقص یادتون بدم و بگم که "چرا؟؟" باید از getter و setter استفاده کنید

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

عجب شروع طوفانی خواهد شد =) بعد از اتمام کلاس ها در جاوا اسکریپت میپردازیم به regular expression ها که یک دیتا تایپ پیشرفته به حساب میان

در این قسمت پرونده دیتا تایپ regular expression را خواهیم بست و با کلی متد پرکابرد آشنا خواهید شد

جاوااسکریپت پیشرفته | JavaScript Arrow Functions

ارورها در برنامه های خفن ترین برنامه نویس ها هم رخ میدهند. اما اونا Error Handling بلدن. یعنی خیلی حرفه ای میتونن ارورها رو مدیریت کنن. در این جلسه یاد میگیریم با استفاده از دستور try catch چجوری خودِ برنامه رو آماده کنیم برای مواجهه با ارور های احتمالی و غیر قابل پیشبینی

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

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

در این جلسه زبان جیسون رو 0 تا 100 یاد بگیر

در این جلسه با تلفیق AJAX و JSON در ترمینال w3schools فایلی را از سرور لود خواهیم کرد

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

در این جلسه بصورت تئوری جاوااسکریپت متقارن و نامتقارن رو بررسی کرده، و درباره مفهوم single thread بودن جاوااسکریپت+سایر زبان های برنامه نویسی و محدودیت هایی که برای ما برنامه نویس ها بوجود میاره صحبت میکنیم

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

در این جلسه بصورت کاملا تخصصی با Event Loop آشنا خواهیم شد. مطالبی از قبیل Single Threaded و Event Queue و انواع Web API در این قسمت پوشش داده شده

در این قسمت "use strict" -"string index access - "charAt multiline strings trimEnd - trimStart - Trim "new reserved word in objects" Array.isArray array.forEach

array.forEach array.map array.reduce array.reduceRight array.filter array.every array.some array.indexOf array.lastIndexOf

JSON.parse JSON.stringify Data.now date.toISOString date.toJSON object getter object setter Trailing Commas 1.object & array 2.JSON notation