آموزش جاوا اسکریپت از مقدماتی تا پیشرفته + پروژه های عملی
در دوره آموزش کامل HTML و HTML5 ما یاد گرفتیم که چجوری ساختار یک صفحه وب رو تشکیل بدیم و همچنین در دوره آموزش کامل CSS و CSS3 هم یاد گرفتیم که چجوری به صفحه وب خودمون جان ببخشیم و آن را استایل دهی کنیم اما این صفحه وب ما باز هم از یک لحاظ کامل نبود ، از لحاظ اینکه صفحه وب ما کاملا استاتیک و ثابت بود و هیچ منطق یا کنش و واکنشی نداشت ، برای اینکه ما بتونیم صفحه وب خودمون رو کامل تر کنیم نیاز داریم تا این صفحه وب استاتیک و ثابت رو به یک صفحه داینامیک و پویا تبدیل کنیم و بعد از ایجاد ساختار و استایل دهی آن ، رفتار آن را کنترل کنیم که اینکار رو با کمک زبان برنامه نویسی قدرتمند جاوا اسکریپت و آموزش جاوا اسکریپت انجام خواهیم داد.توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
Javascript چیست؟
Javascript یکی از پر طرفدار ترین و کاربردی ترین زبان های برنامه نویسی است. این زبان برنامه نویسی چند رویه ، پویا، شی گرا است و جزو زبان های سطح بالا یا اصطلاحا فرست کلاس محسوب می شود. دلیل پر طرفدار بودن این زبان، کاربری ساده آن است که باعث شده بسیاری از افراد مبتدی نیز به راحتی از آن استفاده کنند.
جاوا اسکریپت را با عنوان زبان برنامه نویسی برای وب می شناسند، اما به جز مرورگر ها در محیط های دیگر نیز از آن استفاده می شود؛ مانند node.js و Apache CouchD. جاوا اسکریپت زبان برنامه نویسی شی گرا است که معمولا برای ایجاد جلوه های تعاملی در مرورگرهای وب استفاده می شود. نمونه های پرکابرد از این جلوه ها شامل به روز رسانی محتوای به موقع، نقشه های تعاملی، گرافیک متحرک ۲D / 3D و غیره است.
جاوا اسکریپت یک زبان کاملا جمع و جور و در عین حال خیلی انعطاف پذیر است. توسعه دهندگان، انواع گوناگونی از ابزار ها را روی زبان اصلی جاوا اسکریپت نوشته اند و تعداد زیادی از قابلیت های اضافی را روی آن پیاده کرده اند.
همچنین جاوا اسکریپت صفحات وب را از حالت ساده استاتیک به حالت داینامیک و رفتاری تبدیل میکند.
پیش نمایش دوره آموزش جاوا اسکریپت :
برای مشاهده ادامه این دوره آموزشی فهرست دورس را مشاهده کنید.
چند مثال ساده برای مفهوم استایتک و داینامیک :
فرض کنید شما در صفحه وب خودتون بخواهید یک دکمه قرار دهید که کاربر وقتی بر روی این دکمه کلیک می کند یک اتفاقی بیافتد مثلا یک پیغام برای کاربر نمایش داده شود
یا مثلا یک 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
آموزش جاوا اسکریپت
ویژگی های دوره
- تعداد جلسات 44
- امتحانات 0
- مدت 15 ساعت و 30 دقیقه
- سطح مهارت مقدماتی تا پیشرفته
- زبان فارسی
- دانشجویان 756
- ارزیابی ها بله
-
پیش نمایش و فایل های دانلودی دوره
-
آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
- مقدمات کار با جاوا اسکریپت
- خروجی ها در جاوا اسکریپت
- متغیرها و انواع داده ای در جاوا اسکریپت
- عملگرها در جاوا اسکریپت
- توابع در جاوا اسکریپت
- شی یا 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 در جاوا اسکریپت
- دو زبانه کردن سایت با جاوا اسکریپت
-
محمدحسین
عالی
بهترین و کامل ترین آموزشی بود که دیدم. منمون از سایت خوبتون !
-
pooriagg2
عالی
بسیار جامع و کامل
-
Javkak
عالی
خیلی عالی بود ممنون
-
s amir mahdi
بهترین آموزش
سلام . واقعاً این آموزش کامل و عالیه . من واقعاً بابت این آموزش از آقای مصطفی زاده متشکرم . این دوره آموزش خیلی کامله و خیلی هم توضیح روان و خوبی داره .من دوره های مختلفی رو نگاه کردم و بابتشون هزینه های زیادی دادم ولی این آموزش هم قیمت خوبی داره و به نظر من این بهترین آموزشه .
-
Behnam Coding
عالی..
با سلام، دوره بسیار خوب و با کیفیتی بود من خیلی راضی بودم از دوره.. فقط یه چند تا از بحث های کاربردی جاوااسکریپت گفته نشد مثل popup box در هر صورت ممنون از دوره بسیار خوبتون
340 دیدگاه
سلام. چرا دیگه تخفیف نمیزنین. هنوز کلی دوره هست که باید بخرم. بخدا از دیشب بین دو تا دوره موندم که ببینم کدومشون الان برام مهمتره که اول اونو بخرم. حسن کاری باهامون کرده که دوتا دوره نمیتونیم بخریم. اگه امکانش بود یه تخفیف برین یه چندتا دوره یه جا بخریم. 😔
سلام سجاد عزیز
چشم برای شنبه تخفیف رو قرار میدیم
ES چیه استاد میشه توضیح بدید ممنون میشم😘😊
سلام و درود
ES همون EcmaScript هست که توی جلسه اول توضیح داده شد
موفق و پیروز باشید
سلام استاد خسته نباشید میشه یک دیقه بیاین تلگرام ممنون میشم
سلام و درود
بنده در خدمتم
موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
لطفا میگید دقیقا کی دوره‌ی اکمااسکریپت ۶و۷و۸ رو ارایه میدید؟
و اینکه این دوره به عنوان بروزرسانی دوره جاوااسکریپت خواهد بود یا تو یه دوره جدا ارایه میشه؟
سلام و درود
زمان دقیق ارائه مباحث مشخص نیست متاسفانه چون فعلا درگیر دوره 0 تا 100 طراحی سایت هستیم که به احتمال زیاد بعد این دوره ارائه خواهیم داد
به عنوان آپدیت دوره خواهد بود
موفق و پیروز باشید
سلام استاد خسته نباشید و ممنون برای آموزش عالیتون
استاد من به مبحث ایونتها رسیدم و سوالی که دارم اینه که آیا سایت وجود داره که نمونه هایی از ایونتهارو اورده باشه و ما بتونم با اون تمرین کنیم ممنون میشم اگه معرفی کنید چندتا سایت رو .
پاینده باشید——-
سلام و درود
ممنون بابت نظر ارزشمندتون خوشحالم که دوره مورد توجه تون قرار گرفته
وارد سایت Codepen بشید و javascript event رو سرچ کنید
موفق و پیروز باشید
دوره بسیار عالی بود فقط کاشکی با مسایل یک مثال هم زده میشد چون من یکسری بخش هارو یاد گرفتم ولی دقیق کاربردشون نفهمیدم توی وب
سلام و درود
تمامی مباحث دوره رو سعی کردیم با استفاده از یک سری پروژه و مینی پروژه داخل دوره انجام بدیم که براتون درکی تر بشه ، کدوم مباحث رو دقیق متوجه نشدید بفرمایید تا در صورت نیاز با آپدیت های جدید آموزش داده بشه
موفق و پیروز باشید
سلام اقای مصطفی زاده وقت بخیر خسته نباشید
ببخشید در مورد پروژه slider وقتی دکمه جلو و عقب رو درست میکنم وقتی مرورگر بزرگ تر میکنم دکمه ها درست رو عکس نمیفتن یا درست نشون نمیده برای این پروژه هم برای این که درست نشون بده باید از بوت استرپ استفاده کرد؟
اگر بشه از بوت استرپ استفاده کرد اون وقت script اش کجا کاربرد داره؟
سلام و درود
برای اینکه داخل سایز های مختلف طرح تون یکسان باشه باید ریسپانسیو کنید چه با CSS و چه با بوت استرپ
موفق و پیروز باشید
سلام من میخوام این دوره رو خریداری کنم و سوالم اینه که بعد خرید دوره ویدئوهارو میشه دانلود کرد؟
سلام و درود
بله ، بلافاصله بعد از ثبت نام دوره میتونید از طریق فهرست دروس ، دوره رو به صورت کامل دانلود کنید
موفق و پیروز باشید
سلام اقای مصطفی زاده ممنون بابت دوره عالی تون
ببخشید پروژه Accordion رو میشه با bootstrap هم ساخت یا فرق میکنه؟
سلام و درود
خواهش میکنم ممنون از نظر ارزشمندت هادی عزیز
بله با بوت استرپ هم میشه Accordion ساخت
موفق و پیروز باشید
سپاس
سلام استاد عزیز…
استاد یه سوال … با جاوا اسکریپت هست که میشه یه اسلایدر درست کرد که با لمس دست توی گوشی جابجا بشه اسلایدر؟توی سی اس اس تو اموزشی که دیدم با چک باکس میشد عوض کرد ولی اینکه با لمس و کشیدن عوض بشه با جاوا اسکریپته ؟
و ممنون بابت تخفیفی که گذاشتید برای خرید..ممنون
سلام و درود
بله با جاوا اسکریپت میشه اینکارو انجام داد و ما داخل همین دوره آموزشی پروژه Scroller Slider رو که انجام دادیم دقیقا شما میتونید داخل موبایل با عمل لمس کردن یا touch اسلایدر رو جابجا کنید
خواهش میکنم خوشحالم براتون مفید واقع شده
موفق پیروز باشید
سلام خسته نباشید
در مورد بخش های cookie , Ajax ها چقد این قسمت ها تو پروژه ها کاربرد دارند چون خیلی خوب نتونستم اینا دو تا قسمت رو بفهمم و درک کنم؟
سلام هادی عزیز
بله همونطور که در دوره هم اشاره کردیم این موارد داخل جاوا اسکریپت کمی پیچیده هستن که داخل جی کوئری خیلی خیلی راحت تر و قابل فهم تر شدن ، پیشنهاد میکنم با جی کوئری یاد بگیرید
موفق و پیروز باشید
بله ممنونم
سلام آقای مصطفی زاده
من این دوره جاوااسکریپت رو خریدم و پول از حسابم کسر شد اما درس ها برام باز نمیشه. ممنون میشم بررسی بکنید
سلام و درود
لطفا از طریق آی دی تلگرامی که در قسمت تماس با ما قرار داده شده با بنده در ارتباط باشید
سلام استاد عزیز
استاد ببخشید زیاد سوال می کنم.
استاد ما در این دوره به مقدار getBoundingClientRect نپرداختیم درسته؟
استاد منو سایت آموزش تک هم فک می کنم با همین مقدار درسته شده اون خط زیریش منظورمه؟
ممنون میشم اگه پاسخ بدید
با تشکر
سلام و درود
این متد برای به دست آوردن موقعیت المنت ها بکار میره که توی بعضی از مرورگرها به درستی پشتیبانی نمیشه
خیر منوی سایت با CSS انجام شده
برای مثال این لینک رو مشاهده کنید : https://codepen.io/rm/pen/ldhon
موفق و پیروز باشید
سلام و عرض خسته نباشید به استاد
استاد من نرم افزار اتوم رو نصب کردم ولی اصلاً در جاوااسکریپت مثل اتوم شما کمکم نمی کنه یا همون خاصیت autocompelete رو برای جاوااسکریپتم نداره. من هرکاری که انجام میدم فایده ای نداره اگه میشه راهنماییم کنید.
ممنون میشم اگه پاسخ بدید
با تشکر
سلام و درود
از پلاگین atom-ternjs برای این مورد استفاده کنید ، داخل گوگل هم سرچ کنید مستندات پلاگین موجود هست
موفق و پیروز باشید
سلام استاد عزیز
استاد من وقتی ajax رو انجام میدم وقتی رو دکمه کلیک می کنم داخل کنسول مرورگر این ارور رو بهم میده
1:Access to XMLHttpRequest at ‘file:///C:/Users/ROYAL/Desktop/desktop/prj%202/document.txt’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
2:GET file:///C:/Users/ROYAL/Desktop/desktop/prj%202/document.txt net::ERR_FAILED
استاد من فک می کنم منظورش این هست که حتما باید دامین با گواهی SSL داشته باشی .
ممنون میشم اگه من رو راهنمایی کنید چون خیلی وقته درگیرش هستم.
باتشکر
سلام و درود
داخل مرورگر های دیگه هم این مشکل رو دارید؟
سلام استاد عزیز
استاد من توی مرورگر های فایر فاکس کروم امتحان کردم نشد.
ولی من توی مرورگر داخل اتوم (+Browser ) امتحان کردم جواب داد.
من توی سایت w3schools هم امتحان کردم جوای داد ولی نمی دونم چرا اجرا نمیشه؟
استاد تقریبا دو هفته ای هست که درگیرش هستم.
ببینید مرورگرها وقتی دارید روی سیستم خودتون کار میکنید یسری سیاست های امنیتی رو قرار میدن که باعث به وجود اومدن ارور Cros میشه که این ارور وقتی وارد سرور میشید برطرف میشه
به دو روش میتونید این خطارو برطرف کنید :
1 – افزونه cros رو برای مرورگرهاتون مثلا کروم و فایرفاکس نصب کنید : مثلا داخل گوگل بنویسید : cors extension chrome
2 – پروژه خودتون رو به سرور مجازی داخل سیستم خودتون منتقل کنید : برای مثال Xampp رو نصب کنید
موفق و پیروز باشید
Salam jenabe mostafa zade ..man 2 ta pack kharidam vali nmidonam che jori download konamesh linki chizi b gmailam nayomade faghat tozihe darbare khardi
سلام و درود
برای دانلود کافیه وارد فهرست دروس هر یک از دوره های آموزشی بشید و دانلود ویدیو ها و فایل های دوره رو مشاهده کنید
موفق و پیروز باشید
سلام استاد وقتتون بخیر ممنون بابت آموزش عالیتون محشرین…
فقط یه سوال برام پیش اومد این که چرا شما تو حلقه for،نوشتین i<=reload.length ؟ ما که کلا دو تا آرایه بیشتر نداریم که از صفر شروع میشه در حالی که length از 1 شروع به شمارش میکنه پس یعنی تا 2 میره. خوب اینجا که 2 رو لازم نداریم.
سلام و درود
ممنون از نظر ارزشمندتون
کدوم جلسه رو میفرمایید؟
سلام وقت بخیر
از دستوری استفده کنم که به محض ورود به سایت اول لاگین بیاد بعد لاگین وارد بشه؟
سلام و درود
خیلی راحت میتونید از document.onload یا window.onload و یا از document.body.onload استفاده کنید که اول باکس لاگین بیاد تا کاربر بتونه لاگین کنه
موفق و پیروز باشید
اساس کشی داشتیم از ذهنم رفت استاد
ارسال شد
سلام استاد خسته نباشید من اصلا حواسم به جیمیلم نبود میشه بازم ارسال کنید 🙁
سلام آقای مصطفی زاده خسته نباشید.
چطور میشه دستوری نوشت که بیاد از اعداد مثلا 1 تا 5 یکی رو رندوم برگدونه و نمایش بده و عددی که نمایش داده شد تا دو دفعه بعد، نمایش داده نشه و از بین چهار عدد دیگه رندوم انتخاب کنه.
سلام و درود
الان شما درخواست ماهی کردین 🙂 در حالی که ما ماهی گیری رو داخل دوره بهتون یاد دادیم و باید بتونید خودتون رو به چالش بکشید و خودتون ماهی گیری کنید
ما داخل دوره با تولید اعداد رندوم ، شرط ها و متغیر ها آشنا شدیم درسته ، حالا با همین مباحث این تمرین رو انجام بدید
موفق و پیروز باشید
استاد من میخواستم این دوره رو بخرم ولی …
سلام و درود
پاسخ به ایمیل شما ارسال شد
موفق و پیروز باشید
سلام وقت بخیر
ببخشید من تازه با سایت آموزشی شما آشنا شدم قبلا چند تا سایت اموزش جاوااسکریپت و اکما 6 رو نگا کردم ولی اصلا بهش تسلط ندارم میخواستم ببینم با اموزش های شما میتونم به جاوااسکریپت تسلط پیدا کنم و هر پروژه که خواستم کار کنم میتونم کدهاش رو بنویسم؟ و اینکه این آموزش جاوااسکریپت شما اگه بخوام فرانت اند کار کنم کافیه یا باید صب کنم تا اموزش اکما 6 شما هم بیاد اونم مسلط بشم بعد برم سراغ فرانت اند؟
ممنون میشم راهنماییم کنید
سلام و درود
بله ما داخل این دوره آموزشی از مقدماتی تا پیشرفته جاوااسکریپت رو مورد بررسی قرار میدیم و همچنین یکسری پروژه هارو هم با جاوااسکریپت پیاده سازی میکنیم که کاملا مسلط بشید
ببینید مباحث دوره برای اینکه بتونید کاملا فرانت کار کنید کافی هست و نیازی به اکما اسکریپت 6 ندارید اما خوب ما بعد از مدتی مباحث اکما اسکریپت 6 تا 8 رو به دوره اضافه میکنیم
موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
واسه پیمایش یه آرایه میشه از حلقه های دیگه هم استفاده کرد یا فقط با for in امکان پذیره؟
مثلا با حلقه do while چطور میشه یه آرایه رو پیمایش کرد؟
سلام و درود
چرا میشه مشکلی هم نیست اما حلقه های for in و for each مخصوص آرایه ها طراحی شدن و خیلی راحت میتونید ازشون استفاده کنید
موفق و پیروز باشید
سلام اقای مصطفی زاده
دوره هایی که با شما تاحالا دنبال کردم خیلی خوبه و نکته ی قابل تامل این اموزش ها پروژه محور بودنشون هست
باتشکر
سلام و درود
با تشکر از نظر بسیار ارزشمند شما ، خوشحالم که دوره براتون مفید واقع شده
موفق و پیروز باشید
سلام
پروژه navigation
قسمت css دقیقأ همون کدو میزنم که شما زدی ولی نه تکستا میان وسط صفحه و نه وقتی کلاس active اضافه میکنم باهم ست میشن فاصله میافته قسمت دکمه ها و تکست وقتی مارجن ۱٠ روحذف میکنم کل باتوما وصل میشن با تکست
چیکارش کنم؟
ممنون
سلام و درود
مطمئنا قسمتی از کدتون رو اشتباه نوشتید که این مشکل پیش میاد ، سورس کدهای دوره دانلود کنید و با کد خودتون مقایسه کنید و اگر جایی رو اشتباه نوشتید اصلاح کنید
موفق و پیروز باشید
سلام مجدد
فقط ویدیو رو میتونم دانلود کنم سورس رو نمیدونم کجاس.
واینکه دقیق چندباری هم چک کردم ولی متأسفانه باز همون ایرادرو داره.
داخل فهرست دروس قسمت ” دانلود ویدیو ها و فایل های دوره ” رو مشاهده کنید
سلام آقای مصطفی زاده
توی بخش variable scope، برای من use strict عمل نمیکنه، کد شما رو هم امتحان کردم اما عمل نکرد. مشکل چیه؟
این کدیه که نوشتم:
“use strict”
var x = 50;
function fn1(){
x = 20;
}
fn1();
alert(x);
سلام و درود
کد شما درست هست ، در مورد use strict یک آپدیت ارائه خواهیم داد تا این ابهام رفع بشه
موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
لطف میکنید بگید چرا وقتی اسم یه متغیر رو name قرار میدیم، متغیر همیشه به عنوان string شناخته میشه حتی اگر مقدارش رو number یا boolean قرار بدیم؟
سلام و درود
این مورد به این خاطر هست که مقدار name یکی از ویژگی های آبجکت window هست و همیشه به عنوان string خوانده میشود که در این مورد status هم به همین شکل عمل میکند
موفق و پیروز باشید
سلام وخسته نباشید استاد ببخشید
برای انتخاب اعداد و حروف (بزرگ و کوچک لاتین)برای
random
چجوری میشه فیلتر کرد که فقط اعداد بده یا فقط حروف بزرگ یا فقط حروف کوچک یا فقط حروف کوچک و بزرگ با هم
آیا روشی وجود داره که بشه این کارو انجام داد تا این فیلتر برای ما کار بکنه؟
var harchi = “”
for (i = 0; i < 6; i++) {
var str = String(Math.floor((Math.random() * 91) + 10))
var jak = String.fromCharCode(str);
harchi += jak
harchi += str
}
console.log(harchi)
مثلا برای این مثال من میتونم بگم بین 97 تا 122
که حروف کوچک انگلیسی میده من میخوام بدونم اگر بین 1تا 122 انتخاب کردم آیا روشی وحود داره که بتونم این فیلتر اعدا رو انجام بده که بین این رنج بده
سلام و درود
داخل دوره تمامی این موارد آموزش داده شده ، لطفا دوره رو ثبت نام کنید و آموزش رو شروع کنید
موفق و پیروز باشید
سلام استاد وقت بخیر من چند متغییر تعریف کردم که داخل هر کدوم
prompt()
یه عددی میگیره و شرط گذاشتم که اگر صفر وارد کردم تمام عدد های که بزرگ تر از صفر هستش جمع بشه و تو صفحه نشون داده بشه امام اعداد با هم ترکیب میشن و مثل ترکیب یک رشته و عدد
if (str1, str2, str3, str4, str5>0) {
document.write(str1 + str2 + str3 + str4 + str5)
} else if(str1, str2, str3, str4, str5<=0){
document.write(str1 + str2 + str3 + str4 + str5)
}
سلام و درود
ما داخل دوره با متدهایی مثل Number یا parseInt آشنا شدیم و میدونیم که خروجی متد prompt یک رشته هست و باید به عدد تبدیل شود
به صورت زیر باید عمل کنید :
var p = 1;
var s = 0;
while ( p > 0 ){
p = parseInt(prompt("Please enter your number"));
s += p;
}
document.write(s);
موفق و پیروز باشید
دستت درد نکنه استاد چرا اینقد خوبی شما .خیلی ممنون
خواهش میکنم
موفق و پیروز باشید
استاد چرا وقتی ما
document.write()
داخل حلقه می نویسیم اعداد رو با هم
concat
میکنه؟
سلام و درود
داخل دوره تمامی این موارد آموزش داده شده ، لطفا دوره رو ثبت نام کنید و آموزش رو شروع کنید
موفق و پیروز باشید
سلام
این دوره به اتمام رسیده یا همچین در حال به روز رسانی است؟
سلام و درود
دوره به اتمام رسیده و کامل هست
موفق و پیروز باشید
سلام به استاد عزیز
ما در این دوره آموزش اکما اسکریپت 6 و 7 و 8 رو نداشتیم . از اونجایی همکه شما خیلی خوب آموزش میدید اگه میشه این دوره رو اپدیت کنید یا یک دوره جدید ایجاد کنید ممنون میشم. من خیلی تو سایت های مختلف گشتم و هزینه کردم ولی چیزی رو متوجه نشدم . چون خیلی سخت و پیچیده آموزش میدن.
آیا شما می تونید این کارو انجام بدید ؟
ممنون میشم اگه پاسخ بدید
سلام و درود
بله بعد از دوره 0 تا 100 طراحی سایت این آپدیت برای دوره جاوا اسکریپت ارائه داده خواهد شد
موفق و پیروز باشید
سلام به استاد عزیز
ببخشید اگه زیاد سوال می کنم ما می تونیم در یک فایل HTML به دو فایل جاوااسکرپت لینک بدیم
سلام و درود
بله میتونید به هرچندتا فایل جاوا اسکریپت که نیاز دارید لینک بدید و فقط کافیه هر تگ اسکریپت رو زیر همدیگه آدرس دهی کنید
موفق و پیروز باشید
سلام و وقت بخیر خدمت شما و دوستان عزیز
بسیار عالی بود
کاملا مسلط به مباحث و فن بیان عاااالی و روان
ممنونم
دمت گرم
سلام و درود
تشکر از نظر ارزشمدتون دوست عزیزم
موفق و پیروز باشید
سلام به استاد عزیز
می خواستم بدونم کلمه value مقدار هایی رو که می گیرد در کجا ذخیره می کند و ما در جاوااسکریپت می تونیم یک داده ای رو از کاربر بگیریم و در صفحه ای دیگر نمایش بدیم.ممنون میشم اگه جواب بدید
سلام و درود
مقدار value رو میتونید چاپ کنید یا در یک متغیر ذخیره کنید
بله خیلی راحت با استفاده از یک input مقدار رو بگیرید و با استفاده از خاصیت value در جاوا اسکریپت مقدار input رو در یک متغیر ذخیره کنید و هرجا که میخواید ازش استفاده کنید
موفق و پیروز باشید
سلام من همانطور که گفتم این دوره رو قبلا خریدم و الان یادم نیست که با چه جمیلی وارد شدم الان چجور میتونم سرس کد ها رو دانلود کنم میشه داخل تلگرام یا با ایمیل برام سرس کد هارو بفرستین
سلام و درود
از طریق آیدی تلگرام منوی تماس با ما با بنده در ارتباط باشید
موفق و پیروز باشید
سلام
من دوره جاوا اسکریپت رو خریداری کردم ولی الان نام کاربری و رمز عبور خودم رو فراموش کردم و الان سرس کد ها رو ندارم چجور میتونم اونا رو دانلود کنم
سلام و درود
ایمیل ثبت نامی خودتون رو از طریق صفحه تماس با ما ارسال کنید تا رمز عبورتون ریست بشه
موفق و پیروز باشید
سلام استاد ببخشید دوره در حال برگذاری هست هنوز؟
سلام و دورد
خیر دوره به صورت کامل قرار گرفته
موفق و پیروز باشید
سلام
اموزش خوبیه
یه سوال داشتم چرا نتایج درس برای من 0 زده شده؟
و اینکه ازمونی وجود داره که زده نمره قبولی در ازمون 80%؟
سلام و درود
با تشکر از نظر ارزشمند شما
مشکلی نیست فعلا آزمونی برای دوره ایجاد نشده که اگر بشه حتما اطلاع رسانی خواهد شد
موفق و پیروز باشید
سلام چقدر خوشحال شدم دیدم بعد اچ تی ام ال که دارم میخونم و بعد سی اس اس این زبانم اقای مصطفی زاده داره تدریس میکنه….نوع تدریس 20…حرف نداره…ممنون 🙂
سلام و درود
از اینکه نظرات ارزشمندتون رو ما در میان میزارید بسیار سپاسگزاریم
خوشحالم که دوره ها مورد توجه شما قرار گرفتن
موفق و پیروز باشید
سلام
دوره بروزهست؟
سلام و درود
مدت زیادی نیست که این دوره ضبط شده و کاملا بروز هست
موفق و پیروز باشید
سلام استاد آموزش
react
آیا قرار نمیدید
سلام و درود
فعلا درگیر دوره 0 تا 100 طراحی سایت هستیم بعد این دوره فرصت بشه چشم
موفق و پیروز باشید
سلام. افرادی که این دوره js رو تهیه کنند و آپدیت هایی رو که قرار اضافه کنید به صورت رایگان در اختیارمون قرار میگیره؟ یا دوباره باید هزینه جدا بپردازیم؟
سلام و درود
خیر به صورت رایگان برای هنرجویان دوره قرار خواهد گرفت
موفق و پیروز باشید
سلام
یک سوال دارم خدمتتون اول اینکه ممنون بابت درس دادن عالیتون دوم میخواستم بپرسم چرا ازES6 استفاره نکردید حداقل بجای var از let , constاستفاده میکردین بهتر نبود؟یا اینکه درس تکمیلی پیوست میدین ؟
سلام و درود
با تشکر از نظر ارزشمند شما
ببینید اینکه بگیم بهتره به جای var از let یا const استفاده کنیم در کل اشتباست ، Const که برای تعریف ثابت استفاده میشه و با متغیر متفاوت هست و درکل هر یک از این موارد کاربرد و استفاده خودشان را دارند برای مثال شما اگر بخواید به متغیرتون خارج از بلاک کد دسترسی داشته باشید باید از var استفاده کنید
سعی میکنیم به زودی آپدیت ES6 رو به دوره اضافه کنیم
موفق و پیروز باشید
سلام ممنون از اموزش خوبتون
چطور میشه یک المنت را در المنت والدش ثابت کرد طوری که با اسکرول کردن افقی دیو والدش اون المنت سر جاش بمونه و بقیه محتوا اسکرول بشه
سلام و درود
با تشکر از نظر ارزشمند شما
به المنت فرزند position : fixed بدید
موفق و پیروز باشید
اینجوری با اسکرول شدن عمودی کل صفحه این المنت داخل صفحه باقی میمونه میخوام فقط نسبت به دیو والدش حالت fixed رو داشته باشه
لینک پایین رو ببینید :
http://jsfiddle.net/m7gexprc/14/
سلام خدمت استاد محترم و درجه یک خیلی ممنون بابت آموزش های فوق العادتون.
من آموزش HTML رو کامل دیدم خیلی عالی بود فقط یک نکته شما تو قسمت بیستم گفتین API داخل دوره جاوااسکریپت آموزش داده میشه اما جلسه‌ای با این نام به چشم نخورد، میخواستم بپرسم همچین جلسه ای داریم؟
خیلی ممنون.
سلام و درود
با تشکر از نظر ارزشمند شما
سعی کردیم در دوره تمامی مباحث کاربردی که واقعا در انجام پروژه نیاز هست رو به صورت کامل آموزش بدیم اما در نظر داریم که دوره رو آپدیت کنیم و مباحث ES6 ES7 و ES8 رو به دوره اضافه کنیم فقط کمی زمان خواهد برد چون فعلا درگیر دوره 0 تا 100 طراحی سایت هستیم اما بعد این دوره این مباحث حتما به دوره اضافه خواهند شد ، دقت کنید که این دوره یکی از کامل ترین دوره های جاوا اسکریپت هست و فقط یسری ویژگی های جدید برای هرچه کامل تر شدن دوره اضافه خواهد شد
موفق و پیروز باشید
سپاسگزارم استاد بابت وقتی که گذاشتین و جواب دادین.
بله اتفاقا دوره جاوااسکریپتو خریداری کردم واقعا عالیه، خیلی ممنون.
خواهش میکنم خوشحالم که دوره مورد توجه تون قرار گرفته
سلام خسته نباشید
ببخشید داخل این دوره جاوا اسکریپت ، جکوئری قرار داره؟؟
یا باید جدا دوره جکوئری بخریم؟؟
سلام و درود
خیر مجزا هستند دوره ها و باید جدا تهیه کنید
آموزش مقدماتی تا پیشرفته جی کوئری
موفق و پیروز باشید
سلام استاد من تازه واردم می خواستم جاوااسکریپتو یادبگیرم امکانش هست بگید چه پیشنیازهایی رو لازم هست
سلام و درود
دوره های آموزش HTML و آموزش CSS رو قبل جاوا اسکریپت یاد بگیرید بعد میتونید جاوا اسکریپت رو شروع کنید
موفق و پیروز باشید
سلام چرا متد های outerHTML وgetElementsByClassNameو getElementsBytagName و getElementsByName برای من اعمال نمیشه ؟
با ویرایشگر براکتس مینویسم
سلام و درود
از دستورات به شکل صحیح استفاده میکنید؟ خطایی براتون صادر میشه؟
موفق پیروز باشید
سلام استاد داشتم جاوا اسکریپت رو دوره میکردم به دو اشکال قدیمی ام برخوردم ممنون میشم اینا روتوضیح بدین:
1-در مورد عبارات با قاعده j? یعنی که باید در کل رشته بگردد اگر حداقل یک j وجود داشت true بدهد درسته؟
حالا این کد را ببینید چرا باید true برگرداند؟
‘var str=’amuzeshtak academy is an online education site
var pattern=/j?/g
document.write(pattern.test(str));
2-مورد h* کجا استفاده میشود؟
در تعریف آمده این الگو به ازای حداقل صفر h صحیح را برمیگرداند
یعنی همواره صحیح را برمیگرداند
کجا را اشتباه متوجه شدم؟
سلام و درود
هر دو کوانتی فایر های * و ? به ازای 0 یا بیشتر از 0 کاراکتری که جستجو میکنند true بر میگردانند یعنی اگر کاراکتر مورد نظر داخل رشته هم وجود نداشته باشه true برمیگرداند
موفق و پیروز باشید
سلام استاد ببخشید منظور از ready
دقیقیا چیه؟
سلام و درود
رویداد ready زمانی اجرا میشود که سند HTML به صورت کامل لود شده باشد
موفق و پیروز باشید
سلام استاد
مفهوم arrow function که در ES6 اضافه شده رو من به خوبی درک نکردم
میخواستم یه توضیحی در این مورد بدین
سلام و درود
مفهوم Arrow Functions بسیار ساده است و تنها تفاوتی که ایجاد شده اینه که شما به جای کلمه function از <= استفاده میکنید و در دستورات تک خطی نیازی به return ندارید که در کل برای توابع ساده بیشتر کاربرد داره موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
سورس قسمت کوکی ها داخل فایلی که گذاشتید وجود نداره. باید داخل پوشه J30 باشه اما پوشه خالیه لطفا بررسی میکنید؟
سلام و درود
داریم سورس هارو بررسی میکنیم اگر قرار نگرفته باشه اصلاح خواهد شد
موفق و پیروز باشید
با عرض سلام و خسته نباشید به تیم پر تلاش آموزش تک.
میخواستم درخواست کنم در ادامه این آموزش دوره ای برای اموزش فریمورک react هم تهیه کنید.
در ضمن این آموزش بسیار مفید بود ممنون
سلام و درود
با تشکر از نظر ارزشمند شما
بله حتما فرصت بشه این دوره هم ضبط خواهد شد
موفق و پیروز باشید
سلام من چند روز پیش دوره js شما رو خریدم چند تا اموزش اولو دیدم الان اومدم میبینم اموشای که رایگان نیستن قفلن.مبلغ از حسابم کسر شده اموزش ها هم قفلن.به ایمیلم هم چیزی ارسال نشده .خواهش میکنم راهنماییم کنید
سلام و درود
لطفا از طریق آیدی تلگرامی مدیریت که در قسمت تماس با ما قرار داده شده با بنده در ارتباط باشید
موفق و پیروز باشید
سلام . وقت بخیر . میخواستم به صورت پیشرفته جاوا اسکریپت یاد بگیرم و یه جورایی توی این زمینه ، حرفه ای و به قول خودمون همه چی تموم بشم.
برای آموزش حرفه ای و کاربردی جاوا اسکریپت ، سایتا و آموزش های زیادی دیدم که به قول خودشون صفر تا صد بوده و پیشرفته بوده . اما وقتی آموزششون رو میدیدم ، متوجه میشدم که در حد مقدماتی و متوسط و مفاهیم پایه رو آموزش دادن. یه جورایی نیاز من رو برآورده نکردن.
یه درخواست ازتون دارم. صادقانه اگه میشه جواب بدید که آیا آموزشتون طوری هست که من بعد آموزش شما توی جاوا اسکریپت حرفه ای باشم و هیچ مشکلی نداشته باشم و همه چی تموم بشم یا آموزشتون هم مقدماتی و متوسط و مفاهیم پایه رو فقط توضیح داده؟
سلام و دورد
ببینید دوست عزیزم بنده همواره به تمامی هنرجویان آموزش تک این نکته رو عرض کردم که فقط بخشی از یادگیری مربوط میشه به دوره آموزشی که شما طی میکنید و بخش عمده دیگرش مربوط میشه به اینکه شما چقدر همت نشون بدید و تمرینات مختلف رو انجام بدید و در یک زمینه تبحر پیدا کنید در غیر اینصورت شما اگر کامل ترین دوره آموزشی در سطح جهان رو هم ببینید و تمرین نداشته باشید مطمئنا نخواهید تونست در اون زمینه رشدی داشته باشید
در نهایت برای اینکه بتونید در مورد این دوره آموزشی و سرفصل هایی که در این دوره ارائه شده تصمیم بگیرید بنده پیشنهاد میکنم توضیحات دوره رو مشاهده کنید، تمامی مباحث و سرفصل های دوره به صورت نکته به نکته در توضیحات دوره آورده شده است. همچنین نظرات کاربران هم میتونه در تصمیم گیری شما موثر باشه که بازم پیشنهاد میکنم حتما ببینید
امیدوارم توضیحات روشن و مفید بوده باشه
موفق و پیروز باشید
استاد برنامه ای ندارین برای اینکه آموزشای فریمورک های جاوا اسکریپت مثله ری اکت یا ویو رو بزارین ؟؟؟
سلام و درود
فعلا درگیر دوره صفر تا صد طراحی سایت هستیم که انشالا این تموم بشه چشم
موفق و پیروز باشید
ابتدا تشکر از اموزش های خوبتون مهندس شما اموزش seoرو هم شروع خواهید کرد ؟
اگر جوابتون مثبته میتونید یه زمان نسبی بگید که کی شروع خواهید کرد؟
سلام و درود
با تشکر از نظر ارزشمند شما
بنده خودم خیر برنامه ای برای تدریس سئو ندارم اما توسط مدرسان دیگر آموزش تک حتما در آینده تدریس خواهد شد
موفق و پیروز باشید
سلام استاد عزیز درموردjsonدرجاوااسکریپت تدریس شده
سلام و دورد
دوره جی کوئری ادامه این دوره محسوب میشه و ما در مورد JSON در دوره جی کوئری بحث کردیم و به صورت عملی به کار گرفتیم
میتونید دوره جی کوئری رو از طریق لینک زیر مشاهده کنید
آموزش جی کوئری (jquery) از مقدماتی تا پیشرفته + پروژه های عملی
موفق و پیروز باشید