توضیحات
جاوااسکریپت قطعا یکی از محبوب‌ترین و پرکاربردترین زبان‌های برنامه نویسی است. امکان توسعه نرم افزار برای پلتفرم‌های مختلف و به روز رسانی‌های مرتب این زبان، باعث توسعه بازار کار برای جاوااسکریپت شده است. ابزارهایی مانند React و Vue.js برای توسعه View نرم افزار، Express برای توسعه نرم افزارهای بک‌اند و چهارچوب‌های موبایل مانند React Native، می‌تواند از مهم‌ترین دلایل محبوبیت و کاربرد این زبان برنامه نویسی باشد.
برای تمام این کتابخانه‌ها و چهارچوب‌ها، بازار کار بسیار خوبی وجود دارد، اما نکته بسیار مهم درک دقیق زبان برنامه نویسی جاوااسکریپت است. اگر این زبان را به درستی درک کنیم، یادگیری تکنولوژی‌های مربوط به جاوااسکریپت بسیار ساده‌تر خواهد بود.
به همین دلیل، دوره جامع و پیشرفته جاوااسکریپت را در فرانت کست آماده کرده‌ایم. سرفصل‌های این دوره با هدف پوشش تمام مباحث کاربردی مربوط به این زبان، با نگاهی دقیق‌تر طراحی شده است. در طول این دوره از مباحث اولیه جاوااسکریپت شروع کرده و تا قسمت‌های پیشرفته‌تر پیش خواهیم رفت. همین طور تمامی مطالب مربوط به نسخه‌های ES7، ES6 و ES8 توضیح داده میشود.
این دوره برای دو گروه از دانشجویان می‌تواند مفید باشد. گروه اول، کسانی که تصمیم دارند این زبان را از ابتدا به صورت دقیق و جامع یاد بگیرند. گروه دوم، توسعه دهنده‌های جاوااسکریپت که می‌خواهند دانش خود را عمیق‌تر و به روز کنند.
در طول دوره، چالش‌ها و تمرین‌های متعددی در نظر گرفته شده تا مسیر یادگیری به صورت دقیق‌تر ادامه پیدا کند. شما می‌توانید فایل‌های مربوط به این تمرین‌ها را همراه با ویدیوهای دوره دانلود کنید.
سرفصل‌ها:
معرفی دوره. بررسی سرفصل‌ها و مسیر یادگیری
۱. آماده سازی محیط توسعه – مشاهده ویدیو
۲. متغیرها، رشته‌ها و اعداد – مشاهده ویدیو
۳. بررسی شرط If – مشاهده ویدیو
۴. بررسی Scope در متغیرها – مشاهده ویدیو
۵. توابع در جاوااسکریپت
۶. آرگومان‌ها و مقادیر پیش فرض
۷. بررسی Template Strings
۸. آبجکت‌ها در جاوااسکریپت
۹. چالش شماره ۱
۱۰. متدهای آبجکت
۱۱. متدهای رشته
۱۲. چالش شماره ۲
۱۳. متدهای اعداد
۱۴. بررسی Constant
۱۵. آرایه‌ها در جاوااسکریپت
۱۶. متدهای آرایه
۱۷. بررسی متد forEach
۱۸. چالش شماره ۳
۱۹. بررسی حلقه for
۲۰. جست و جو در آرایه – متد indexOf
۲۱. جست و جو در آرایه – متد findIndex
۲۲. جست و جو در آرایه – متد find
۲۳. چالش شماره ۴
۲۴. بررسی متد filter
۲۵. بررسی متد sort
۲۶. چالش شماره ۵
۲۷. راه اندازی وب سرور
۲۸. جاوااسکریپت در مرورگر
۲۹. بررسی DOM
۳۰. چالش شماره ۶
۳۱. اضافه کردن المنت به DOM
۳۲. چالش شماره ۷
۳۳. بررسی Event در Button
۳۴. حذف المنت‌ها
۳۵. دریافت اطلاعات از کاربر
۳۶. جست و جو در المنت‌ها
۳۷. نمایش المنت‌ها در DOM
۳۸. استفاده از فرم‌ها در جاوااسکریپت
۳۹. چالش شماره ۸
۴۰. بررسی Checkbox
۴۱. چالش شماره ۹
۴۲. بررسی Dropdown
۴۳. مدیریت داده‌ها در Local Storage
۴۴. بررسی داده‌های JSON
۴۵. چالش شماره ۱۰
۴۶. توسعه توابع در یک فایل مجزا
۴۷. ایجاد المنت‌های متفاوت برای یک آیتم
۴۸. توسعه مقادیر یکتا برای id هر آیتم
۴۹. حذف یک آیتم بر اساس id
۵۰. چالش شماره ۱۱
۵۱. بررسی ارتباط صفحات نرم افزار
۵۲. استفاده از توابع در صفحات مختلف
۵۳. چالش شماره ۱۲
۵۴. ارسال اطلاعات در صفحات نرم افزار
۵۵. بررسی توابع مربوط به تاریخ
۵۶. استفاده از کتابخانه Moment.js
۵۷. اضافه کردن تاریخ شمسی
۵۸. اضافه کردن تاریخ ویرایش المنت‌ها
۵۹. نمایش المنت‌ها بر اساس تاریخ ویرایش
۶۰. چالش شماره ۱۳
۶۱. بررسی Arrow Function
۶۲. تفاوت Arrow Function با توابع ES5
۶۳. چالش شماره ۱۴
۶۴. دستور ساده‌تر برای نوشتن شرط‌ها
۶۵. چالش شماره ۱۵
۶۶. مدیریت خطاها
۶۷. استفاده از دستور try catch
۶۸. بررسی تابع Constructor
۶۹. ارث بری توابع
۷۰. دستور Class در جاوااسکریپت
۷۱. کلاس‌های زیرمجموعه
۷۲. بررسی Getters و Setters
۷۳. چالش شماره ۱۶
۷۴. بررسی تفاوت‌های Synchronous و Asynchronous
۷۵. توابع Callback
۷۶. بررسی Promiseها
۷۷. توابع Async/Await
۷۸. بررسی درخواست‌های AJAX و مفهوم API
۷۹. دریافت اطلاعات با استفاده از XMLHttpRequest
۸۰. استفاده از Promiseها در دریافت اطلاعات
۸۱. بررسی متد POST و ارسال اطلاعات
۸۲. استفاده از Fetch API برای دریافت اطلاعات
۸۳. ارسال اطلاعات با استفاده از Fetch API
۸۴. دریافت و ارسال اطلاعات با استفاده از Axios
۸۵. پارامترهای Rest
۸۶. چالش شماره ۱۷
۸۷. عملگر Spread
۸۸. استفاده از Destructing در آبجکت‌ها
۸۹. استفاده از Destructing در آرایه‌ها
۹۰. بهینه سازی پروژه
۹۱. بررسی و نصب کامپایلر Babel
۹۲. کامپایل دستورات برنامه با Babel
۹۳. نصب و تنظیمات Webpack
۹۴. ماژول‌ها در جاوااسکریپت
۹۵. درک بهتر دستورات import و export
۹۶. اضافه کردن Babel به Webpack
۹۷. نصب و راه اندازی Webpack Dev Server
۹۸. بررسی پروژه دوره جامع و پیشرفته جاوااسکریپت – مشاهده ویدیو
۹۹. طراحی ساختار پروژه سبد خرید
۱۰۰. بررسی کلاس‌های پروژه
۱۰۱. دریافت اطلاعات از فایل JSON
۱۰۲. دریافت اطلاعات محصولات
۱۰۳. نمایش محصولات
۱۰۴. ذخیره اطلاعات در Local Storage
۱۰۵. توسعه تابع افزودن به سبد خرید
۱۰۶. ذخیره اطلاعات محصولات در سبد خرید
۱۰۷. ذخیره اطلاعات سبد خرید
۱۰۸. محاسبه مجموع قیمت و تعداد محصولات
۱۰۹. نمایش مقادیر سبد خرید
۱۱۰. نمایش ساید بار سبد خرید
۱۱۱. دریافت اطلاعات سبد خرید
۱۱۲. توسعه Button بستن ساید بار
۱۱۳. حذف محصولات از سبد خرید
۱۱۴. حذف یک محصول
۱۱۵. افزایش تعداد محصول
۱۱۶. کاهش تعداد محصول
۱۱۷. بررسی پروژه سبد خرید – مشاهده ویدیو
174 پاسخ به “دوره جامع و پیشرفته جاوااسکریپت”
سلام استاد صدری عزیز تشکر بابت اموزش مفید و خوبتان
بنده چالش شماره ۱ را به با یک تابع نوشتم
ولی شما برنامه را با سه تابع نوشته اید
ایا تفاوتی می کند؟؟
https://uupload.ir/files/3rth_screenshot_(41).png
سلام
خیلی خوب هست که شما با روش خودتون رفتید.
نه فرقی نداره، من از توابع بیشتری استفاده کردم تا کد واضح‌تر باشه.
سلام وقت بخیر
سلام استاد خسنه نباشید استاد من live server رو به صورت گلوبال نصب کردم با powershell اما ی پروژه ساختم و توی ترمینال live-server اسم پوشه رو نوشتم اما این ارور رو بهم میده live-server : File C:\Users\User\AppData\Roaming\npm\live-server.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ live-server web-app
+ ~~~~~~~~~~~
+ CategoryInfo : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
منم مشکلم مثل مشکل ایشون است و extension را نصب کردم ولی باز مشکلم حل نشد. ممنون میشم راهنماییم کنید.
سلام
احتمال زیاد مشکل از تنظیمات فایروال سیستم عامل شما باشه.
بعد از نصب اکستنشن چه پیغام خطایی دارید؟
سلام روزتون بخیر.
استاد امکانش نیست چندتا از قسمت های دوره رو خریداری کنیم؟ من قسمت promise و httpRequset ها رو لازم دارم.
سلام
متاسفانه امکانش نیست.
البته برای مباحثی که فرمودید من در کانال یوتوب ویدیوی یک قسمتی دارم.
استاد پارت ۹۸ که یه حرکت خفن زدید رو در قسمت های بعد ندیدم اموزشش بدید و رفتید سراغ سبد خرید بچه هایی ک این دوره رو تهیه کردن خودشون قادرن ک این چالشو بزنن یا اموزششم میدید؟
سلام
ویدیو ۹۸ معرفی پروژه‌ای هست که در طول دوره انجام شده. یعنی قبل از به روز رسانی که پروژه سبد خرید هست.
در طول دوره تمام مفاهیم رو بر اساس پیاده سازی این پروژه بررسی می‌کنیم.
سبد خرید پروژه دوم دوره هست.
هر دوی این پروژه‌ها از نقطه شروع قدم به قدم انجام می‌شن تا خروجی‌ای که شما مشاهده کردید آماده میشه.
البته این دوره بعد از پروژه سبد خرید باز هم با پروژه‌های جدید به روز رسانی میشه.
استاد ارور babel این هست ……………………………………………….
babel : File C:\Users\User\AppData\Roaming\npm\babel.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ babel –version
+ ~~~~~
+ CategoryInfo : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
PS C:\Users\User\Desktop\ذشذثم>
احتمالا به خاطر تنظیمات دسترسی VS Code در ویندوز شما هست.
لطفا یک بار برای اجرا از CMD به صورت مستقیم استفاده کنید.
استاد لطفا یک پروژه کامل با جاوا اسکریپت pure تدارک ببینین..پروژه ای که همه چیزارو داشته باشه از سبد خرید تا گرفتن اطلاعات کاربر و.. واقعا احتیاج داریم که توی یک کار واقعی ببینیم این کد ها ونحوه ی استفادشونو.. اگه میشه هم با توابع یک بار و یبار هم به صورت شی گرایی بزنید..امیدوارم این اتفاق بیافته ممنونم ازتون
سلام
این دوره تا الان دو تا پروژه داره که هر دو جاوااسکریپت Pure هستند.
پروژه اول یک نرم افزار مدیریت محصولات هست که با پارادایم برنامه نویسی تابعی پیش رفتیم.
پروژه دوم یک سبد خرید هست که از مفاهیم شی‌گرایی در پروژه استفاده کردیم.
انشاالله به زودی پروژه‌های متنوع بیشتری به این دوره اضافه میشه.
سلام استاد عزیز خوبین ….استاد من پکیج npm insatll -g babel-cli رو نصب میکنم نصب میشه اما متاسفانه وقتی میخوام باهاش کار کنم کار نمیه یا مثلا babel –version رو میزنم ارور میده باید چیکار کنم ؟
سلام
پیغام ارور چی هست؟
ممنون از شما
چشم من تازه نصف آموزش هستم انشالله برم جلو هر پیشنهادی که به نظرم اومدم میگم
فقط این بخش نظرات اگه قسمت نوشتن نظر بالا باشه ونظرات زیرش دسترسی بهش راحتتره و دیگه احتیاجی نیست هر دفعه اسکرول کنیم به آخر صفحه
البته جسارت نباشه فقط یه نظره
و اینکه من روی (پاسخ) زیر نظر شما کلیک کردم ولی نتونستم پاسخ بدم همونجا و اومدم یه دیدگاه جدید نوشتم
نمیدونم مشکل از طرف من بود یا سایت
خیلی ممنون که اطلاع دادید.
توی اولین فرصت درستش میکنم.
استاد سلام
بابت آموزش های خوبتون تشکر میکنم حرف ندارن کلن یه سطح از آموزش های سایتهای دیگه بالاتره
خیلی ساده و عالی آموزش میدین
من چندسالی برنامه نویسی رو گذاشتم کنار به دلیل انتخاب آموزشگاه بدی که داشتم وقتی دوباره اموزش های شمارو دیدم اشتیاق پیدا کردم برای یادگیری برنامه نویسی
چالش هایی هم که گذاشتین خیلی خوبه اگه میشه توی آپدیت جدید بیشتر چالش بزارید
توی چالش شماره ده من اومدم هر محصول رو جداگونه وارد لوکال استوریج کردم (شما خیلی ساده کل ارایه رو وارد کردید دیگه ما تازه کاریم) بعد مونده بودم چجوری از لوکال استوریج وارد آرایه بکنم که همین باعث شد نیم ساعتی وقت گذاشتم و چندتا چیز جدید یادگرفتم و کار با لوکال استورج رو خوب فهمیدم
واقعا” چالش هایی که میزارید عالی هستند
همیشه سلامت باشید
ممنون
سلام
برای من باعث افتخاره و خیلی خوشحالم که این دوره براتون مفید بوده.
انشاالله به روز رسانی‌ها رو با چالش‌ها و پروژه‌های متنوع ادامه می‌دیم.
ممنون میشم پیشنهاداتتون رو بهم بگید.
استاد شما اول امدین json رو گرفتین مگه نباید اول json رو ذخیره کنیم بعدش بگیریمش من نمیفهمم اینجارو
const productsJSON = localStorage.getItem(‘products’)
if (productsJSON !== null) {
return products = JSON.parse(productsJSON)
}else {
return []
}
سلام
ما اینجا داریم قسمتی که مربوط به ذخیره داده‌ها هست رو تعریف می‌کنیم.
در نتیجه می‌تونیم در حالت‌های null مقایسه کنیم.
اگر باز هم مشکلی بود توی واتس‌اپ یا تلگرام پیام بدین که با ویس توضیح بدم خدمتتون.
سلام استاد خدا قوت ……استاد من توی چالش شاره ی ۹ اشکال دارم من هرچی کد میزنم اررور میده طبق کد شما هم که کد رو زدم بازم ارور داد من تابع فیلتر رو تعری میکن ولی بازم میگه این تابع وجود ندار
…………………………
const renderProducts = function(products, filters) {
let filteredProducts = products.filter(function(item) {
return item.title.toLowerCase().includes(filters.searchItem.toLowerCase())
})
filteredProducts = filteredProducts.filter(function(item) {
if(filters.availableProducts) {
return item.exist
} else {
return true
}
})
document.querySelector(‘#products’).innerHTML = ”
filteredProducts.forEach(function(item) {
const productEl = document.createElement(‘p’)
productEl.textContent = item.title
document.querySelector(‘#products’).appendChild(productEl)
})
}
……………………………………………..
main.js:25 Uncaught TypeError: Cannot read property ‘filter’ of null
at renderProducts (main.js:25)
at main.js:43
renderProducts @ main.js:25
(anonymous) @ main.js:43
سلام
ایراد خاصی رو توی کد شما متوجه نیستم.
تابع filter درست تعریف شده، ولی اگر درست برای شما کار نمیکنه یعنی برای مقدار آرایه در نظر گرفته نشده.
به احتمال زیاد آرایه شما درست مقدار دهی نشده. ممکنه مشکل از قسمت مربوط به Local Storage باشه.
استاد restfull api ها رو هم میگید ؟
کار با API به صورت جامع توضیح داده میشه.
ولی برای درک عمیق‌تر و بررسی چالش‌های بیشتر API دوره جامع MERN Stack رو بهتون پیشنهاد میکنم.
خیلی ممنون ازتون استاد واقعا جواب دهی و پشتیبانیتون عالیع مممممممرسی …استاد من قسمت ۴۰ هستم ایا پروژه ی نهایی هم تمام شده ؟
خواهش میکنم، شما لطف دارین.
پروژه دوره در طول دوره انجام میشه.
البته یک پروژه جدید انشاالله فردا به دوره اضافه میشه.
سلام استاد خسنه نباشید استاد من live server رو به صورت گلوبال نصب کردم با powershell اما ی پروژه ساختم و توی ترمینال live-server اسم پوشه رو نوشتم اما این ارور رو بهم میده live-server : File C:\Users\User\AppData\Roaming\npm\live-server.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ live-server web-app
+ ~~~~~~~~~~~
+ CategoryInfo : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
سلام
به احتمال زیاد فایروال یا یک نرم افزار دیگه جلوی اجرای Live Server رو گرفته.
پیشنهاد میکنم از اکستنشن Live Server برای VS Code استفاده کنید:
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
عجیبه متد map داخل سر فصل هاتون نیست
سلام
از متدهای map و forEach داخل پروژه دوره استفاده شده.
در این ویدیوی آموزشی هم تمام متدهای آرایه رو بررسی کردیم:
http://frontcast.ir/javascript-array-methods
باز هم سوالی بود در خدمتم.
سلام استاد تخفیف جدید تابستانه واسه این دوره نمیزارید؟
سلام
فعلا برای این دوره تخفیف نداریم.
انشاالله بعد از به روز رسانی.
سلام و وقت بخیر
تووی چالش شماره ۳ برای اینکه عدد های آیتم ها از ۱ شروع بشه شما از تعریف یک ثابت استفاده کردید و به این شکل :
const BasketItems = [‘book1’ , ‘book2’ , ‘book3’, ‘book4’, ‘book5’]
BasketItems.shift()
BasketItems.splice(1,1)
BasketItems.forEach(function(items, index){
const num = index + 1
console.log(`${num} – Your product name is : ${items}`)
})
میشه همون ورودی تابع را بعلاوه ۱ کنیم
const BasketItems = [‘book1’ , ‘book2’ , ‘book3’, ‘book4’, ‘book5’]
BasketItems.shift()
BasketItems.splice(1,1)
BasketItems.forEach(function(items, index){
console.log(`${index+1} – Your product name is : ${items}`)
})
میخواستم بدونم آیا این روش ایراد دارد و اینکه استاندارد هست ؟
سلام
بله حتما.
اتفاقا زمانی که شما روش خودتون رو پیش می‌رید یادگیریتون هم دقیق‌تر انجام میشه.
چون می‌تونید روش‌های مختلف رو باهم مقایسه کنید.
سلام و عرض خسته نباشید
پروژه این دوره رو آموزش دادین یا تازه میخواد شروع شه ؟
سلام
این دوره و پروژه نهایی تکمیل شدند.
در طول دوره مفاهیم جاوااسکریپت رو همراه با پیاده سازی پروژه نهایی بررسی می‌کنیم.
البته این دوره انشاالله به زودی با یک پروژه جدید به روز رسانی خواهد شد.
برای مشاهده ویدیوهای جدید نیازی به ثبت نام مجدد نیست.
تشکر
تفاوت تایپ اسکریپت با es6 :
با سلام و خسته نباشید خدمت شما استاد عزیز
الان که با اومدن es6 و ورژن های دیگش
تفاوتش با تایپ اسکریپت چی هست؟؟؟ میدونم تایپ اسکریپت برای مایکروسافته میخوام ویژگی خاصش رو متوجه بشم
چون فک کنم تمام کمبوداش رو جبران کرد ورژن های جدیدی اکما اسکریپت و فقط مربوط سینتکس شده؟
سلام استادوقت بخیر امکان تخفیف این دوره هست
سلام
فعلا تخفیف نداریم.
انشاالله تا حدود یک ماه دیگه این دوره به روز رسانی میشه، اون موقع تخفیف خواهیم داشت.
برای اطلاع از کدهای تخفیف لطفا کانال تلگرام رو دنبال کنید.
با سلام و خسته نباشید خدمت استاد عزیز و ممنون به خاطر توضیح بسیار خوبتون
استاد جلسه ۲۱ که find index رو توضیح دادید خیلی یهویی همه چی باهم توضیج دادید کلا نفهمیدم چی شد
ممنون میشم یک بار دیگه توضیحشو جدا جدا بدید
سلام
خیلی ممنونم.
لطفا هر جا براتون مبهم هست رو توی تلگرام یا واتس‌اپ بفرمایین که دقیق‌تر توضیح بدم.
سلام یه سوال داشتم ک این دوره برای کسایی ک چیزی از برنامه نویسی نمیدونن مناسبه؟ و اگه نه پیش نیاز هاش چیا هستن. ممنون
سلام
این دوره از مبانی جاوااسکرپیت شروع شده و تا قسمت‌های پیشرفته رو بررسی می‌کنیم.
پیش نیاز این دوره درک مفاهیم HTML هست.
سلام. یعنی میشه من این دوره رو با یه تخفیف خیلی خوب مثل ۵۰ درصد تهیه کنم؟تخفیف رمضان 😀 استاد صدری میشه؟
سلام
ممنونم که می‌خواید برای دوره ثبت نام کنید.
فعلا کد تخفیف نداریم، اما برای اطلاع از کدهای تخفیف لطفا کانال تلگرام فرانت کست رو دنبال کنید.
سلام . توی ویدیو ۵۱ موقع دادن لینک به آیتم ها تگ span باید به a تغیر کنه . ولی اینو فکر کنم جا انداختین بگین. خودتون تغییر دادین .ولی تو فیلم نگفتین . من با ی سرچ پیدا کردم این موضوعو ولی گفتم شاید بعضی از بچه ها ندونن که چرا تگشون به لینک تبدیل نمیشه.
بازم ممنون از آموزشای خوبتون
سلام
خیلی ممنون که یادآوری کردید.
این دوره انشاالله به زودی به روز رسانی میشه. توی این به روز رسانی این قسمت رو اصلاح میکنم.
سلام واسه اینکه کدامونو عین شما نشون بده چه افزونه هایی واسه vscode باید نصب کنیم
سلام
من از اکستنشن‌های EJS Language Support و JS JSX Snippets استفاده میکنم.
سلام استاد
من دارم به اتمام جلسات نزدیک میشم و بعد از یک مرور کلی و تمرین مجدد ، از کجا میتونم مثال ها و چالش های جاواسکریپتی رو برای تقویت جاوااسکرپتم پیدا کنم؟ سایتی هست که پیشنهاد کنید
سلام
برای چالش‌های بیشتر این وب‌سایت رو پیشنهاد میکنم بهتون: codewars.com
سلام واسه من تو لایو سرور ارور میده چیکار کنم ؟
سلام
چه خطایی میده بهتون؟
سلام استاد
با تشکر از تدریس و مطالب خیلی خوبتون.
لطفا برای خرید بیش از یک دوره، پلن های تخفیف در نظر بگیرید.
ممنون
سلام
خیلی ممنونم از پیشنهادتون.
حتما بررسی میکنم.
سلام استاد . خسته نباشید
پروژه نهایی فقط سورسش هست . توضیحات نداره کلا؟
سلام
پروژه نهایی در طول دوره انجام میشه.
به این صورت که تمام مفاهیم رو بر اساس پیاده سازی این پروژه بررسی می‌کنیم.
سلام استاد برای این دوره کد تخفیف موجود هست ؟
سلام
فعلا کد تخفیف نداریم.
درود به استاد گرامی
خسته نباشید
استاد چالش ۷ رو شما با دستور متد filter حل کردین اگر بخوایم با foreach بنویسیم به چه شکلی هست؟
من مینویسم این خطا رو میده
const availableProduct = productItem.forEach(function (item) {
return item.exist === true
});
const message = document.createElement(“h2”);
message.textContent = `number of product is : ${availableProduct.length}`;
document.querySelector(“body”).appendChild(message);
خطایی که میده
app.js:26 Uncaught TypeError: Cannot read property ‘length’ of undefined
سلام
خیلی ممنون
اینجا زیاد منطقی نیست از forEach استفاده کنیم، چون هدف اصلی فیلتر کردن مقادیر هست و قرار دادن اونها در یک آرایه جدید.
دکمه پاسخ مربوط به کامنت ها ، یک پاسخ جدید میگذاره و به صورت درختی درست کار نمیکنه
خیلی ممنون که اطلاع دادین.
من مسیر اصلیم همون web-app هست، منتها امروز که مجددا خواستم با live-serve web-app اجرا کنم همون ارور رو داد که مجددا مجبور شدم کدی که خدمتتون گفتم رو اجرا کنم تا درست کار کنه!
اگر باز هم با مشکل مواجه بودین از ساختار فایل‌های پروژه و خطا Live Server یک اسکرین شات برای من بفرستید.
مشکل live-server رو پیدا کردم باید این کد رو اجرا میکردم
live-server –port=1234 –open=public –entry-file=index.htm
🙂
همون طور که توضیح دادم خدمتتون، زمانی که Live Server روی مسیر اصلی پروژه اجرا بشه، نیازی به این دستور نیست.
سلام ، من زمانیکه از با live-server میخوام فایلم رو اجرا کنم، ارور Cannot GET / در مرورگر و در کنسول Failed to load resource: the server responded with a status of 404 (Not Found) میده ، طبق بعضی نظرات کش مرورگر رو پاک کردم و فای هم تغییر نام دادم، یکسری کارها که در stack overflow گفته بود… منتها رفع نشد
من از php storm استفاده میکنم و فایل index به تنهایی به درستی کار میکنه اما با live-server خیر
ممنون میشم راهنمایی کنید
سلام
این مشکل برای زمانی هست که Live Server روی مسیر اصلی برنامه اجرا نمیشه.
به عنوان مثال، اگر فولدر اصلی شما web-app هست که داخل این فولدر فایل index.html رو دارید، کافیه دستور live-server web-app رو وارد کنید.
اگر مسیر فرق میکنه، باید بر اساس اون پیش برید.
البته می‌تونید از اکستنشن Live Server برای VS Code استفاده کنید.
سلام , برای این دوره کد تخفیف وجود دارد ؟
سلام
فعلا تخفیف نداریم.
لازمه که ازتون بابت آموزش جاواسکریپت مقدماتی تشکر کنم، اینقدر برام جذاب بود که ظرف دو روز همه آموزش ها رو نگاه کردم و کاملا یاد گرفتم، و اکنون آموزش جاوااسکریپت پیشرفته رو خریداری کردم، امیدوارم این آموزش هم به همان اندازه راحت و جذاب پیش بره.
البته من چندین سال هست که کار ui میکنم با بوت استرپ و css و html5 و jquery، ولی همیشه یک ترسی در مورد جاوااسکریپت داشتم… حتی آموزش های vuejs رو به اتمام رسوندم و تقریبا میتونم با این فریم ورک جذاب کار کنم… خوشحالم که آموزش شما من رو علاقه مند به جاوااسکریپت کرد تا یادگیری رو از پایه شروع کنم…. دوست دارم جاوااسکریپت پیشرفته رو هم تمام کنم تا اینبار آموزش react رو با شما پیش برم…. موفق و کامیاب باشید
خیلی ممنون از لطف شما.
قطعا شنیدن این جملات خیلی من رو خوشحال میکنه و بهم انگیزه میده.
برای من باعث افتخاره.
سلام، برای این دوره تخفیف هم وجود داره؟
سلام
فعلا تخفیف نداریم.
ba salam mikhastam khahesh konam ye download kolli bezarid ta betavanim tamame doreh ra yekja download konim chon intori kheili zamanbar mishe .kheili kheili mamnooooon misham chon baraye man kheili moheme
سلام
متاسفانه به دو دلیل امکان دانلود یک جا مقدور نیست.
یک، زمانی که همه ویدیوها دانلود می‌شن، ممکن هست برنامه ریزی مناسبی برای دیدن همه ویدیوها انجام نشه.
و دو این که به دلیل حجم بالای تمام ویدیوهای یک دوره، احتمال مشکل در دانلود وجود داره.
سلام آقای صدری
ممنون از وب سایت خوبتون . بنده html css bootstrap 4 رو گزروندم و چند وب سایت تا الان با این ابزار ها طراحی کردم . جاوااسکریپت رو با شما شروع کردم با دوره رایگانتون آیا این دوره پیشنیازی برای دوره پیشرفته محسوب میشود یا خیر ؟ یعنی اگر دوره رایگانتونو ببینم دوره پیشرفترو که تهیه میکنم برام بهتره یا خیر ؟
سلام
دوره جامع و پیشرفته جاوااسکریپت از مفاهیم اولیه شروع شده و تا قسمت‌های پیشرفته ادامه داره. همین طور این دوره به روز رسانی خواهد شد.
شما همین دوره رو ببینید کافی هست.
سلام من جاوا اسکرپت رو بلدم نیاز به پروژه دارم این پروژه آخر شما MVC نوشته شده؟منظورم اینه مثلا فایل اصلی که به عنوان کنترولر هستش رو (index.js) نوشتین و view و model هم داره؟خیلی برام مهم هستش اگه میشه جواب بدین مرسی ویک سوال دیگه اینکه پروژه اخر از وب پک هم استفاده شده؟
سلام
این دوره برای یادگیری دقیق مفاهیم جاوااسکریپت هست و وب‌پک رو هم بررسی می‌کنیم.
برای تسلط به معماری MVC، شما باید بک‌اند و پایگاه داده نرم افزار رو هم توسعه بدین.
برای دوره جامع NodeJS و دوره جامع MERN Stack از این معماری استفاده شده و پیاده سازی پروژه‌های واقعی هم داریم.
سلام دوره خیلی خوبی هست ولیکن کاش برای چالش اخر هم یک ویدیو تهیه میشد و کوتاه کد ها رو توضیح میدادین سپاس
سلام
برای همه چالش‌ها ویدیو داریم، شما کدوم چالش رو می‌فرمایین؟
استاد لینک تمرین اضافی ندارین که مسلط بشیم؟
سلام
این دوره ۱۷ تا چالش داره و یک پروژه اصلی، اما به زودی با پروژه‌های جدید به روز رسانی خواهد شد.
اگر می‌خواید تمرین‌های بیشتری انجام بدین، وب سایت codewars.com رو پیشنهاد میکنم.
سلام و عرض ادب خدمت استاد صدری.
من به تازگی یه ویدئو آموزش جاوا اسکریپت ازتون دیدم که ۳۷ قسمت هست. این مجموعه رو هم هفتهٔ پیش که تخفیف خورده بود خریداری کردم و میخوام شروع کنم. خیلی باهم تفاوت دارند؟
سلام
ممنونم که برای دوره ثبت نام کردین، امیدوارم براتون مفید باشه.
میشه گفت تفاوت زیادی هست، چون این دوره هم جامع هست و هم به روز.
سلام جناب صدری گرامی.
بابت کد تخفیف این دوره از شما سپاسگزارم. امیدوارم قدر این دروه آموزشی بسیار باارزش رو بدونم.
سلام
خیلی ممنونم از لطفتون.
امیدوارم براتون مفید باشه.
سلام
تو سر فصل دوره دیدیم که Ajax رو هم قرار دادین آیا این آموزش Ajax کامل هست یا نه فقط بهش اشاره کردین؟ به عبارت دیگه آیا برای تسلط بر Ajax نیاز هست از منبع دیگه ایی استفاده کنم یا نه همین اوکیه
سلام
سعی کردیم به صورت کامل و دقیق بررسی کنیم.
تمرکز روی درک بهتر مفاهیم API هست.
با سلام خدمت استاد عزیز
ممنون بخاطر شیوه تدریس ساده و ارام تدریستون
من قبلا دوره رایگان آموزش رو دیدم الان بخوام اینو بگذرونم از اول دوباره ببینم یا نه
سلام
ممنون از لطف شما.
بهتره از اول ببینید تا با سرفصل‌ها پیش برید.
مثلا توی چلنج ۱ که قرار شد مقدار درامد و هزینه یه اکانت رو حساب کنیم تابع رو خارج از آبجکت نوشتید ولی در درس بعدیش وقتی قرار شد مقدار محدودیت یک کلاس رو اندازه گیری کنید تابع رو داخل ابجکت نوشتید
زمانی یک تابع رو داخل آبجکت می‌نویسیم که تصمیم داریم از پارامترهای داخل آبجکت برای اون تابع استفاده کنیم.
تابع بیرون آبجکت، مستقل از اون آبجکت میتونه کار کنه.
سلام
از کجا بفهمیم چه موقع باید تابع رو داخل آبجکت استفاده کنیم چه موقع نباید این کار رو بکنیم؟
سلام
بستگی به مسئله شما داره.
لطفا یکم با جزییات بیشتر بفرمایین تا توضیح بدم خدمتتون.
سلام استاد به نظرم یه چندتا مینی پروژه مثل ساخت اسلایدر و … به صورت آپدیت قرار بدید.
سلام
حتما، خیلی ممنون از پیشنهادتون.
سلام استاد خسته نباشد من توی بحث template string
کد که شما فرمودید رو نوشتم ولی خروجی عینا اون کد رو نشون میده
http://s7.picofile.com/file/8390357392/Screenshot_407_.png
سلام
لطفا به جای کاراکتر ‘ از ` استفاده کنید.
سلام آقای صدری این دوره کامل هست ؟یعنی برای یادگیری کامل جاوااسکریپت کافیه یا اینکه باید دوره های دیگ رو هم ببینیم؟ تایپ اسکریپت هم تدریس کردید یا جدا باید تایپ اسکریپت رو آموزش بدید؟
سلام
بله، این دوره جامع و پیشرفته هست. همین طور با مباحث و پروژه‌های جدید هم به روز رسانی خواهد شد.
برای TypeScript باید دوره جداگانه ببینید. انشاالله به زودی این دوره هم آماده میشه.
سلام یه دوره دیگه تو سایتتون هست درباره جاوا اسکریپت به اسم “شروع برنامه نویسی با جاوا اسکریپت” آیا اون دوره پیش نیاز این دوره محسوب میشه؟
و یه سوال دیگه آیا مشخص هست دوره چه زمانی کامل میشه؟
ممنون
سلام
تنها پیش نیاز این دوره، HTML هست. این دوره از ابتدا شروع میشه و تا مفاهیم پیشرفته جاوااسکریپت پیش می‌ره.
دوره جامع جاوااسکریپت تکمیل شده، ولی باز هم با پروژه‌ها و مفاهیم جدید به روز رسانی خواهد شد.
سلام مجدد خدمت شما
تو بعضی از سایت ها مثلا راکت و تاپلرن یه سری بازی با js ساختن و دوره شو قرار دادند، میخواستم پیشنهاد بدم اگر ممکنه برای آپدیت های دوره شما هم از این کارا انجام ، خیلی خوبن 🙂
سلام
خیلی ممنونم از پیشنهادتون.
توسعه بازی فکر نکنم خیلی کاربردی باشه.
برای دوره جامع جاوااسکریپت برنامه به روز رسانی دارم، اما با پروژه‌های واقعی‌تر.
انشاالله به زودی انجام میشه.
سلام
امکانش هست برای این دوره هم کد تخفیف بزارید تا قبل از اسفند ماه ؟
مثلا یه لایو برگزار کنید ؟
سلام
انشاالله اواخر اسفند ماه کد تخفیف خواهیم داشت.
سلام استاد یه تخفیف لطف کنین با css یه جا خرید بزنیم!!
میخوام css رو هم در کنار این مرور کنم
سلام
ممنون که می‌خواید برای دوره ثبت نام کنید.
فعلا برای دوره جامع و پیشرفته جاوااسکریپت تخفیف نداریم.
برای اطلاع از کدهای تخفیف لطفا کانال تلگرام فرانت کست رو دنبال کنید.
موفق باشین.
سلام
در جلسه ۱۸ جاوااسکریپت درباره متد splice گفتید در این حالت : (cartItem.splice(1,1 یعنی یکی بعد از ایندکس یکم را حذف میکند جالب اینکه درست عمل میکرد اما عدد دوم در این متد به اعضا اشاره دارد و عدد یک در اینجا یعنی خود ایندکس نوشته شده باید حذف شود تا اینکه متوجه شدم شما قبل از این متد یک متد دیگری را نوشته بودید ()cartItem.shift که ایندکس صفرم را حذف میکرد و آن را کامنت نکرده بودید .
سلام وقتتون بخیر
استاد امکانش هست ویدیو هایی در رابطه با ساخت اسلایدر و…. به صورت پیشرفته هم بزارید؟
سلام
وقت شما هم بخیر.
انشاالله به عنوان به روز رسانی‌های این دوره در نظر می‌گیرم.
سلام آقای صدری
ممنون بابت این دوره. من به تخفیفی که تو اینستاگرام گذاشته بودید، نرسیدم و نمیدونم کد تخفیف چی هستش.
امکان استفاده از این کد تخفیف هست؟ اگه میشه لطف میکنید که اطلاع بدید
سلام
تخفیف برای لایو اینستاگرام هست که این هفته انشاالله برگزار میشه.
اگر توی لایو نبودین پیام بدین تا بفرستم براتون.
سلام
امکانش هست یکی از فیلم های پیشرفته هم باز کنید.
ممنون
سلام
می‌تونید ویدیوی بررسی پروژه نهایی دوره رو ببینید.
برای درک بهتر نوع تدریس هم می‌تونید دوره‌های رایگان مثل دوره آموزش تست نویسی با جاوااسکریپت رو بررسی کنید.
موفق باشین.
اول خیلی ممنون برای این دوره فوق العاده واقعا عالی بود
یه سوال برای من پیش اومده ما می تونیم دو تکنولوژی رو هم زمان یاد بگیرم مثلا من دوست دارم nodejs و react رو هم زمان یاد بگیرم یا شما پیشنهاد دیگه ای دارید
سلام
ممنونم از لطف شما.
بله قطعا، بستگی به علاقه و هدفتون داره. می‌تونید فقط متخصص یکی از اینها باشید، یا به عنوان توسعه دهنده Full Stack هر دو رو مسلط باشین.
توی دوره جامع MERN Stack یک نرم افزار رو به صورت کامل با تکنولوژی‌های ReactJS و NodeJS توسعه می‌دیم.
سلام
لطفا یه کد تخفیفی در نظر بگیرین ممنون میشم
سلام
به تازگی سه روز تخفیف یلدا داشتیم.
لطفا برای اطلاع از کدهای تخفیف کانال تلگرام رو دنبال کنید.
سلام
پیش نیاز ها برای یادگیری الکترون چیا هستن؟
و اینکه شما برنامه ای برای دوره ی الکترون دارید؟
ممنون
سلام
مهم‌ترین پیش نیاز، زبان برنامه نویسی جاوااسکریپت هست.
فعلا برنامه‌ای براش ندارم.
سلام خسته نباشید میخواستم بدونم بعد از js باید ریکت یاد گرفت یا vue ؟
سلام
هر دو هم بازار کار خوبی دارن هم کاربردی هستن
پیشنهاد میکنم این مطلب رو مطالعه کنید: http://frontcast.ir/most-popular-javascript-frameworks-2019
سلام
توی قسمت sort،
(sortProducts(productItems
رو تو متغیر میخوام بریزم که بعدش لاگ بگیرم، undifined میزنه، چرا؟
سلام
لطفا کدتون رو کامل بنویسید تا بتونیم بررسی کنیم.
سلام خسته نباشید.
استاد میخواسنم بدونم چطور قسمت های اموزش همش ۷ ۸ دیقه هستش؟!
بقیه جاها حداقل ۱۵ ۲۰ دیقه هست!!!
سلام
هدف من این هست که وقت دانشجو خیلی گرفته نشه و بتونیم توی کمترین زمان بیشترین و دقیق‌ترین محتوا رو داشته باشیم. برای همین تلاش میکنم مدت ویدیوها کوتاه باشه.
سلام تو قسمت آرگومان‌ها و مقادیر پیش فرض
let userInfo = function (name = ‘ali’ , id = 10) {
return name + ” ” + id }
let res = userInfo(10)
console.log(res);
الان من میخوام مقدار پیش فرض نام (علی) فقط استفاده شه ولی برای ایدی هر چیزی که دلم میخواد، اینو چجوری باید اجام داد؟
سلام استاد برا این دوره تخفیف نمی زارید؟
سلام
این هفته تخفیف خواهیم داشت. لطفا کانال تلگرام رو دنبال کنید.
سلام آقای صدری تخفیف جدید دوره ندارید؟
سلام
انشاالله هفته بعد.
سلام
تو نگاه اول که عالی بود …
توضیحات کامل با بیان شیوای استاد …
من ۴ تا ویدئو رایگان رو دیدم و واقعا جذب شدم
من آموزش های سایت های معروف دیگه رو هم دیدم ولی تا اینجا که آموزش شما بهتر بود و علاقه مندم دوره رو خریداری کنم
واقعا ممنون
سلام
خیلی ممنونم از لطفتون و مرسی که برای دوره ثبت نام کردین.
هر سوالی بود در خدمتتون هستم.
سلام آقای صدری
قسمت های جدید کی روی سایت قرار میدین؟
سلام
انشاالله فردا.
سلام استاد
این دوره چه فرقی با اون دوتا دوره‌ی رایگان جاوااسکریپت و اکمااسکریپت داره ؟
میشه یه راست از این دوره شروع کنیم یا اونا پیش نیازن ؟
سلام
این دوره جامع و پیشرفته هست. به این معنی که از ابتدا شروع شده و تمام مباحث مربوط به جاوااسکریپت رو شامل میشه. همین طور تا قسمت‌های پیشرفته‌تر و آخرین به روز رسانی‌های جاوااسکرپیت ادامه داره. بعد از این دوره می‌تونید یادگیری تکنولوژی‌های مربوط به جاوااسکریپت رو خیلی ساده‌تر و اصولی‌تر ادامه بدین.
بسیار کامل و کاربردی
ممنون بابت برگذاری این دوره فوق العاده استاد 🙏
ممنون از شما.
salam,man khaharam az iran doreye javascript ro baram kharide,vali man aslan jaye log in ro peyda nmikonam to websiteton k betonam log in sham va doreh ro download konam…mishe rahnamei konid?
babate finglish ham bbakhshid,laptopam keyboarde farsi nadare
سلام
از این لینک می‌تونید وارد حساب کاربری بشین: http://frontcast.ir/my-account
وقت بخیر
ممنون از اموزش های خوبتون
تو این دوره پروژه ای انجام خواهد شد ؟
سلام
بله حتما. در کنار چالش‌ها، پروژه‌های واقعی هم داریم.
سلام مهندس خوبی؟ من هر دفعه به سایت شما سر میزنم تا دوره های جدید جاوااسکریپت رو بگیرم ولی متاسفانه برای دوره جدید دیر رسیدم امکانش هست یه کد تخفیف برام ارسال کنید؟
telegram: imaniy1
iaghapor1994@gmail.com
سلام
لطفا برای اطلاع از کدهای تخفیف، کانال تلگرام فرانت کست رو دنبال کنید.
سلام استاد خسته نباشید
واقعا ممنونم بابت این اموزشتون من قبل این که با سایت شما اشنا بشم برای یادگیری برنامه نویسی از چندین سایت استفاده کردم که واقعا میگم شیوه ی اموزششون جوری بود که من اصلا متوجه نمیشدم در واقع یادگیری رو سخت میکردن از وقتی با سایت شما اشنا شدم چون زمینه یادگیریمم جاوا اسکریپته فقط اموزش سایت شما رو میبینم و با اموزش های شما پیش میرم شما مباحثی که اکثر سایت ها تو نیم ساعت میگن که اخرش هم متوجه نمیشیم رو شما تو پنج دقیقه کامل تر از اونا منظورتون رو میرسونین و دانشجو کاملا متوجه میشه
بابت پیشرفتم اینو گفتم و برای دانشجو هایی که قصد خرید اموزش های شما رو دارن واقعا تو اموزش های فارسی شما بهترینن من با اموزش های شما کلی جلو افتام امید وارم این اموزشتونم هم کامل ترین باشه
موفق باشین
سلام
ممنونم از لطف و محبت شما.
خیلی خوشحالم که اینا رو می‌شنوم ازتون. مهم‌ترین هدف من این هست که خیلی ساده و سریع مطالب مهم رو یاد بگیرین و بتونین ازشون استفاده کنید.
موفق باشین.
سلام استاد
من ديروز از طريق ايميل مطلع از شروع آموزش نشدم آيا امكانش هست تخفيف را دوباره تمديد كنيد.
باتشكر
سلام
انشاالله هفته آینده باز هم تخفیف خواهیم داشت.
برای اطلاع از کدهای تخفیف عضو کانال تلگرام فرانت کست بشین.
این دوره شامل AJAX,APIو مباحث پیشرفته شی گرایی هم میشود؟
بله شامل میشه.
راجب مباحث ServiceWorker ها هم در این دوره صحبت میکنید؟
فعلا توی سرفصل‌ها برنامه‌ای براش ندارم.
ولی دوره بعد از تکمیل سرفصل‌ها باز هم آپدیت میشه و اگر درخواست باشه اضافه میکنم.
من دوره قبل رو تا React با ویدویوهای شما جلو اومدم .. آیا نیازی به آموزش این دوره هست و مباحث جدیدتری از js مطرح میشه ؟
مباحث جدیدتر مطرح می‌شن.
این دوره میتونه به دقیق‌تر و به روز شدن دانش جاوااسکریپت شما کمک کنه.
ممنون آقای مهندس صدری
من واقعا از دوره های شما استفاده میکنم . عالی عالی عالی
خیلی ممنون از لطفتون
امیدوارم براتون مفید باشن
سلام
امکان داره کل سرفصل هایی که قرار است در طول دوره آموزش داده بشه روی سایت قرار بدین؟
سلام
این دوره به مرور تکمیل میشه، عناوین اصلی رو توی ویدیو معرفی دوره توضیح دادم.
سلام و عرض ادب استاد، ممنون بابت انتشار این محتوای ارزشمند 🙏🏻
الباقی بحث ها رو کی منتشر میکنید؟ یا بهتر بپرسم… این دوره چند تا جلسه دیگه هم خواهد داشت؟
سلام
این دوره هر هفته به روز رسانی میشه.
تعداد دقیق همه ویدیوها مشخص نیست، هدف اصلی پوشش دادن همه سرفصل‌هایی هست که در ویدیو معرفی توضیح دادم.
استاد برای یادگیری از صفر هم این دوره مفیده؟ یعنی برای کمسی که میخواد تازه کار با جاوا اسکریپت روشروع کنه میتونه از همین دوره شروع کنه؟
سلام
قطعا، این دوره از مبانی جاوااسکریپت شروع میشه و تا مفاهیم پیشرفته ادامه پیدا میکنه.
درود بر شما استاد تشکر بابت برگزاری این دوره
پیشنهادی که دارم : وقتی این دوره جامع ترین آموزش جاوا اسکریپت در نت فارسی می شود که شما سرفصل های کوتاه ECMAScript 9 , ECMAScript 10 پوشش بدید و بهتر هست در توضیحات دوره درج کنید که سرفصل های ۹و۱۰ ES می پردازید
سلام
خیلی ممنون از پیشنهادتون
در مورد فیچرهای پایدار این نسخه‌ها هم صحبت میکنم
ممنونم استاد میشه آخر دوره یه پروژه خوب هم قرار بدید ک برای درک بهتر مطالب عملی هم به کار برده بشه
حتما
این دوره هم چالش‌های متعدد داره و هم پروژه
سلام استاد تخفیف دوره جدید نذاشتید؟
سلام
می‌تونید از کد تخفیف fcjs استفاده کنید.