راهنمای کامل Javascript همراه با پروژههای عملی Javascript
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- متغیرهای Javascript چه هستند و چرا استفاده میشوند.
- منطق Boolean در Javascript چیست؟
- چگونه فایل JS را در HTML CSS Javascript بگنجانیم؟
- دستورات شرطی (if else ،switch case، عملگر سهتایی) چه هستند و چگونه در Javascript استفاده میشوند.
- چگونه توابع در Javascript بنویسیم، تفاوتهای بین Function Decleration و Function Expression چیست؟
- حلقههای Javascript (حلقههای for، حلقههای while، دستورات continue و break) چه هستند و چگونه از آنها استفاده کنیم.
- چگونه آرایههای Javascript بسازیم، متدهای آرایه (push ،pop، shift ،unshift ...) و پیمایش آرایه
- چگونه آبجکت های Javascript بسازیم، چگونه آنها را بروزرسانی کنیم، و متدهای آبجکت چیست؟
- DOM چیست و چگونه DOM را در Javascript دستکاری کنیم؟
- JavaScript یک زبان برنامهنویسی کامپیوتری مبتنی بر متن است که برای ساخت صفحات وب پویا استفاده میشود.
- JavaScript چیست؟ JavaScript یک زبان برنامهنویسی شیءگرا، مبتنی بر prototype، با تایپ پویا و دارای آکولاد است.
- JavaScript زبان برنامهنویسی است که به کاربران اجازه میدهد با وبسایتهایی که بازدید میکنند تعامل داشته باشند، و این امر آن را به زبان بسیار مهمی برای توسعه وب تبدیل میکند.
- استفادههای اصلی JavaScript چیست؟ JavaScript یک زبان برنامهنویسی مبتنی بر متن است که برای توسعه سمت کلاینت و سمت سرور استفاده میشود.
- React در مقابل Angular در مقابل Vue: بهترین فریمورک JavaScript کدام است؟ انتخاب بهترین فریمورک JavaScript برای پروژه وب شما بستگی به آن چیزی دارد که به دنبال آن هستید.
- JSON چیست و برای چه استفاده میشود؟ به دلیل تکامل زبان JavaScript، این زبان تکنیکهای متنوعی برای ایجاد آبجکت ها دارد.
- با وجود تمام IDEهای مختلف JavaScript موجود، بهترین گزینه به چگونگی استفاده شما از آن و ترجیحات شخصی شما بستگی دارد.
توضیحات دوره
سلام،
به دوره "راهنمای کامل Javascript همراه با پروژههای عملی Javascript" خوش آمدید.
JavaScript یک زبان برنامهنویسی برای توسعه وب Front End در کنار HTML و CSS است. JS را با پروژههای Java Script بیاموزید.
این دوره برای مبتدیان است. قبل از گذراندن این دوره، فقط باید دانش پایهای از HTML و CSS داشته باشید. در این دوره، مبانی JavaScript بهطور مفصل بررسی میشود و برای دانشجویان آزمونهای کد برای هر مبحث آماده شده تا آموختههای خود را بیازمایند.
JavaScript زبان برنامهنویسی شماره یک برای اپلیکیشن های اینترنتی است.
در اینجا (فقط) چگونگی کارکرد کد JavaScript توضیح داده نمیشود، بلکه چرایی آن نیز بررسی میشود. زیرا در دنیای امروز JavaScript، علاوه بر نوشتن کد، باید بدانید چگونه کد را دیباگ کنید و قادر به خواندن هر کد نوشتهشده JavaScript باشید. React ،javascript ،javascript projects angular project ،angular ،react projects ،angular projects ،react Project ،javascript Project ،app Project ،real World Project ،javascript libraries ،javascript app
JavaScript یک زبان برنامهنویسی کامپیوتری مبتنی بر متن است که برای ساخت صفحات وب پویا استفاده میشود. JavaScript که یک زبان ضروری برای توسعهدهندگان وب یا برنامهنویسان مشتاق است، میتواند برای ویژگیهایی مانند کاروسلهای تصویر، نمایش شمارش معکوس و تایمرها، و پخش رسانه در یک صفحه وب استفاده شود. با کلاسهای آنلاین JavaScript، میتوانید ساخت وب اپلیکیشن تعاملی را بیاموزید، بهترین فریمورک را انتخاب کنید و با زبانهای برنامهنویسی دیگر مانند HTML و CSS کار کنید.
در طول این دوره، شما بهطور مفصل در مورد مبانی JavaScript و چگونگی حل مسائل مطلع خواهید شد.
مهمترین ویژگی که این دوره را از سایر دورهها متمایز میکند این است که به اساسیترین مسائل مربوط به JavaScript بهطور مفصل میپردازد و به دانشجویان کمک میکند تا آنچه را در تئوری آموختهاند، در عمل پیادهسازی کنند.
در این دوره، میتوانید آموختههای خود را هم بر روی کامپیوترهای MAC و هم Windows آزمایش کنید. نیازی به خرید هیچ ابزار یا برنامهای ندارید زیرا از ابزارها و پلتفرمهای رایگان استفاده میشود.
در طول دوره، مدرس اطمینان حاصل کرده است که تمام موضوعاتی را که ممکن است برای شما پیچیده به نظر برسند، تا حد امکان ساده و با جزئیات توضیح دهد. او از برخی دیاگرامها برای کمک به درک بهتر شما استفاده کرده است.
به بیش از 12 میلیون یادگیرنده بپیوندید و JavaScript را در Udemy آموزش ببینید. از میان طیف گستردهای از دورههای JavaScript با رتبه بالا انتخاب کنید. از توسعه back-end گرفته تا ساخت اپلیکیشن یا وبسایت، ما شما را پوشش میدهیم. متخصصان دنیای واقعی ما میتوانند شما را از طریق پروژههای عملی راهنمایی کنند تا مهارتهای خود را به کار ببرید.
JavaScript چیست؟
JavaScript یک زبان برنامهنویسی شیءگرا، مبتنی بر prototype، با تایپ پویا و دارای آکولاد است. این زبان به عنوان زبان برنامهنویسی برای وب شروع شد و یکی از سه لایه فناوریهای استاندارد وب است. دو لایه دیگر HTML و CSS هستند. JavaScript به شما امکان میدهد محتوا را بهصورت پویا در یک صفحه وب ایجاد و کنترل کنید بدون اینکه نیاز به بارگذاری مجدد صفحه باشد. مرورگرهای وب قادر به تفسیر آن هستند و هنگامی که توسط رویدادها فعال میشوند، HTML و CSS یک صفحه وب را با بروزرسانیهای پویا تغییر میدهند. JavaScript همچنین از فراخوانیهای ناهمزمان برای واکشی دادهها از وب سرویسهای در پسزمینه استفاده میکند. اگرچه در ابتدا فقط در مرورگرهای وب استفاده میشد، موتورهای JavaScript از آن زمان به عنوان سرور با Node.js به کار گرفته شدهاند، در فریمورکهای اپلیکیشن دسکتاپ مانند Electron گنجانده شدهاند و در فریمورکهای تلفن مانند Apache Cordova تعبیه شدهاند.
چرا JavaScript مهم است؟
JavaScript زبان برنامهنویسی است که به کاربران اجازه میدهد با وبسایتهایی که بازدید میکنند تعامل داشته باشند، و این امر آن را به زبان بسیار مهمی برای توسعهدهندگان وب تبدیل میکند. در گذشته، اکثر توسعهدهندگان بر روی backend تمرکز داشتند؛ JavaScript فقط زمانی مرتبط بود که نیاز به استفاده از جلوههای بصری داشتند. با تکامل توسعه وب و تغییر تمرکز به سمت تجربه کاربری، برنامهنویسان شروع به اتکای شدید به JavaScript برای کدهای frontend خود کردند. امروزه، اکثر سایتها از JavaScript برای واکشی و ارسال دادهها، استفاده از منطق، و تولید HTML در مرورگرها استفاده میکنند. JavaScript همچنین میتواند بهصورت ناهمزمان با سرورهای داده در پسزمینه ارتباط برقرار کند بدون اینکه تعامل کاربر در پیشزمینه را قطع کند. این ویژگیها JavaScript را نه تنها به یک زبان مهم، بلکه به یک زبان ضروری برای توسعه وب مدرن تبدیل میکنند.
استفادههای اصلی JavaScript چیست؟
JavaScript یک زبان برنامهنویسی مبتنی بر متن است که برای توسعه سمت کلاینت و سمت سرور استفاده میشود. توسعهدهندگان وب از زمان پیدایش آن از JavaScript برای افزودن تعاملات ساده به صفحات وب مانند modalها، عناصر متحرک یا اسلایدشوهای تصویر استفاده کردهاند. در حالی که این هنوز یکی از کاربردهای اصلی آن است، Javascript برای ساخت وب اپلیکیشن کامل تکامل یافته است. SPAs یا (single page applications)، به فریمورکهای مبتنی بر JavaScript مانند React ،Angular و Vue وابستهاند تا تجربهای شبیه به اپلیکیشن دسکتاپ را به مرورگر بیاورند. با این حال، مهم است توجه داشته باشید که مرورگرهای وب تنها مکانهایی نیستند که از این زبان برنامهنویسی بهخوبی استفاده میکنند. Javascript همچنین برای ساخت سرویسهای وب و زیرساخت back-end با Node.js محبوب است. فریمورکهای React Native ،Xamarin ،Ionic و NativeScript نیز از JavaScript برای توسعه اپلیکیشنهای تلفن همراه استفاده میکنند.
React در مقابل Angular در مقابل Vue: بهترین فریمورک JavaScript کدام است؟
انتخاب بهترین فریمورک JavaScript برای پروژه وب شما بستگی به آن چیزی دارد که به دنبال آن هستید. React یک فریمورک محبوب است، به این معنی که اگر به کمک نیاز داشته باشید، پشتیبانی اجتماعی زیادی خواهید یافت. همچنین یادگیری آن نسبتاً آسان تلقی میشود اما با سرعت زیادی در حال توسعه است. Angular فریمورکی است که اتصال داده را آسان میکند تا بتوانید سریعتر یک اپلیکیشن را قالببندی کنید. همچنین از کتابخانه RxJS برای سادهسازی برنامهنویسی ناهمزمان و Typescript (که به JavaScript کامپایل میشود) برای فرآیند توسعه تمیزتر و با خطای کمتر استفاده میکند. برخی از معایب Angular این است که میتواند منحنی یادگیری تندی داشته باشد و پیچیده باشد. Vue یک فریمورک سبکوزن است، بنابراین یادگیری آن آسان، بسیار کارآمد و انعطافپذیر است. برخی از معایب Vue، پلاگینهای محدود و انعطافپذیری آن است که میتواند منجر به کد نامنظم شود.
JSON چیست و برای چه استفاده میشود؟
به دلیل تکامل زبان JavaScript، این زبان تکنیکهای متنوعی برای ایجاد آبجکت دارد. اما، در نهایت در پسزمینه، JavaScript از سینتکسی به نام JSON استفاده میکند. JSON مخفف JavaScript Object Notation و یک فرمت استاندارد مبتنی بر متن است که برای نمایش آبجکت های در JavaScript استفاده میشود. همان انواع دادههای پایهای که در Javascript نمایش داده میشوند، میتوانند در JSON نیز نمایش داده شوند، از جمله رشتهها، اعداد، آرایهها، booleanها و آبجکت ها JavaScript. اگرچه JSON مبتنی بر آبجکت JavaScript است، اما فقط در JavaScript استفاده نمیشود. همچنین به عنوان فرمتی برای انتقال دادهها از مرورگر وب به سرور و بالعکس به دلیل سادگی و اندازه کوچک فرمت استفاده میشود. فرمت JSON برای این منظور در REST APIs استفاده میشود و در بسیاری از APIها جایگزین XML به عنوان فرمت استاندارد شده است. به همین دلیل، تقریباً هر زبانی که استفاده میکنید، روشی برای تبدیل دادهها به JSON برای تعامل با REST APIs خواهد داشت.
AJAX چیست و برای چه استفاده میشود؟
AJAX مخفف Asynchronous JavaScript and XML (JavaScript و XML ناهمزمان) است. AJAX تکنولوژیای است که توسعهدهندگان برای ایجاد اپلیکیشنهای وب بهتر، سریعتر و تعاملیتر استفاده میکنند. AJAX از XHTML برای محتوا، CSS برای استایلدهی صفحه، و JavaScript برای کنترل پویای محتوا استفاده میکند. AJAX به شما امکان میدهد یک صفحه وب را بدون بارگذاری مجدد صفحه بروز کنید (این تکنیک "SPA" یا Single Page Application نامیده میشود)، دادهها را برای صفحه پس از بارگذاری آن درخواست کنید، دادهها را پس از بارگذاری صفحه دریافت کنید، و دادهها را در پسزمینه به سرور ارسال کنید. علیرغم اینکه XML بخشی از مخفف AJAX است، AJAX میتواند دادهها را در هر فرمتی، از جمله JSON یا متن ساده ارسال و دریافت کند. در حالی که اپلیکیشنهای وب سنتی از روشهای همزمان برای ارسال و دریافت اطلاعات از سرور وب استفاده میکنند، AJAX میتواند از فراخوانیهای API ناهمزمان در پسزمینه بدون مسدود کردن فعالیت در مرورگر استفاده کند. AJAX یک تکنولوژی دادهمحور به جای صفحهمحور است.
چگونه میتوانم Javascript را خودم یاد بگیرم؟
یکی از بهترین راهها برای یادگیری کدنویسی، از طریق یک دوره آنلاین است که به شما یاد میدهد چگونه JavaScript بنویسید، همراه با مدرسی که کد، نسخههایی که باید استفاده کنید و چرایی آن را توضیح میدهد. یادگیری توسعه یک اپلیکیشن دنیای واقعی، با مدرسی که بهصورت گام به گام توضیح میدهد، تکنیکهای کدنویسی مدرن را به شما میآموزد.
بهترین IDE برای Javascript کدام است؟
با وجود تمام IDEهای مختلف JavaScript موجود، بهترین گزینه به نحوه استفاده شما از آن و ترجیحات شخصی شما بستگی دارد. Webstorm یک IDE محبوب JavaScript از JetBrains است. این IDE تحلیل کد استاتیک سریع، تست یکپارچه، تاریخچه محلی، بازآفرینی کد و دیباگینگ را فراهم میکند. در حالی که این IDE نیاز به اشتراک پولی دارد، بسیاری از توسعهدهندگان به دلیل سازگاری آن با JavaScript، HTML و CSS به آن سوگند میخورند. کسانی که به دنبال گزینه رایگان هستند ممکن است VS Code را ترجیح دهند. این IDE همهمنظوره و متنباز با IntelliSense، یکپارچهسازی Git و ویژگیهای دیباگینگ داخلی ارائه میشود. افزونههای شخص ثالث زیادی برای افزودن زبان و ویژگیهای برنامهنویسی جدید در دسترس هستند که آن را به یکی از انعطافپذیرترین گزینهها تبدیل میکند. Atom یکی دیگر از IDEهای همهمنظوره است که در میان توسعهدهندگان JavaScript محبوب است. این IDE نیز رایگان، متنباز و دارای افزونههای شخص ثالث برای افزودن عملکرد است.
وقتی دوره را تکمیل کنید؛
- چگونه میتوانید بر روی متغیرها عملیات انجام دهید؟
- منطق Boolean
- چگونه یک دستور شرطی ایجاد کنید؟
- چگونه میتوانید تراکنشها را با حلقهها انجام دهید؟
- چگونه یک تابع ایجاد میشود و چرا به آرگومان نیاز دارد؟
- چگونه Arrays و Objects، که ساختارهای داده اولیه هستند، ایجاد میشوند،
- چگونه دستکاری DOM انجام میشود؟
- شما یاد خواهید گرفت و فرصت خواهید داشت تا آموختههای خود را با آزمونهای کد در دوره ما آزمایش کنید.
روش گام به گام، ساده و آسان همراه با تمرینها
کیفیت تولید ویدئو و صدا
تمام ویدیوهای این دوره با کیفیت بالای ویدئویی و صوتی ایجاد/تولید شدهاند تا بهترین تجربه یادگیری را برای شما فراهم کنند.
شما قادر خواهید بود:
- واضح ببینید.
- واضح بشنوید.
- بدون حواسپرتی در دوره پیش بروید.
شما همچنین دریافت خواهید کرد:
اکنون وارد دوره "راهنمای کامل Javascript همراه با پروژههای عملی Javascript" شوید.
JavaScript یک زبان برنامهنویسی برای توسعه وب Front End در کنار HTML و CSS است. JS را با پروژههای Java Script بیاموزید.
این دوره برای چه کسانی مناسب است؟
- هر کسی که در تلاش برای یادگیری JavaScript است اما: 1) هنوز واقعاً JavaScript را درک نمیکند، یا 2) هنوز برای کدنویسی اپلیکیشنهای واقعی احساس اطمینان نمیکند
- اگر میخواهید به درک واقعی و عمیقی از JavaScript برسید، این دوره را بگذرانید.
- اگر علاقهمند به استفاده از یک کتابخانه/فریمورک مانند React، Angular ،Vue یا Node در آینده هستید.
- کسانی که میخواهند مبانی JavaScript، محبوبترین زبان برنامهنویسی جهان را بیاموزند.
- اگر میخواهید برنامهنویسی را شروع کنید: JavaScript یک زبان اول عالی است!
- افرادی که میخواهند پروژههای Javascript را یاد بگیرند.
- افرادی که میخواهند کتابخانههای javascript را یاد بگیرند؛ react ،angular ،nodejs
- افرادی که میخواهند پروژه javascript، پروژه react node، پروژههای node js را یاد بگیرند.
راهنمای کامل Javascript همراه با پروژههای عملی Javascript
-
خوش آمدید به دنیای JavaScript 02:14
-
پیکربندی ویرایشگر کد 03:25
-
بیایید شروع کنیم 00:31
-
اولین کد 03:48
-
مقدمهای بر JavaScript 06:54
-
وصل کردن فایل JavaScript 10:10
-
مقادیر و متغیرها 13:38
-
انواع داده 16:20
-
کلمات کلیدی let ،const و var 07:35
-
عملگرهای پایه 13:23
-
قدمیت عملگرها 08:31
-
رشتهها و Template Literals 07:28
-
دستورات if / else 07:09
-
تبدیل نوع و اجبار نوع 15:17
-
مقادیر Truthy و Falsy 08:31
-
عملگرهای برابری 12:43
-
بولینها 08:41
-
عملگرهای منطقی 05:17
-
دستور switch 06:03
-
دستورات و عبارات 04:47
-
عملگر سهتایی 07:18
-
حالت سختگیرانه 07:19
-
توابع 17:56
-
تعاریف و عبارات 10:10
-
توابع پیکانی 09:24
-
توابع میتوانند توابع دیگر را فراخوانی کنند 07:38
-
مرور مجدد 14:21
-
آرایهها 19:00
-
عملیات اولیه روی آرایهها 11:53
-
اشیاء 05:35
-
نشانهگذاری آبجکت 11:16
-
متدهای آبجکت 19:38
-
حلقه for 10:12
-
حلقه زدن روی آرایهها 19:32
-
حلقه زدن به صورت معکوس 10:18
-
حلقه while 10:34
-
پروژه 08:12
-
DOM (مدل آبجکت سند) 07:02
-
انتخاب و دستکاری عناصر 08:25
-
رویدادهای کلیک 14:01
-
منطق بازی 1 08:51
-
منطق بازی 2 09:37
-
استایلهای CSS 05:32
-
دکمه ریست 08:15
-
امتیازات بالا 06:44
-
بازسازی کد 13:50
-
پروژه سنگ، کاغذ، قیچی 03:09
-
انتخاب عناصر 08:49
-
تولید انتخاب کامپیوتر و انتخاب بازیکن 08:51
-
نمایش انتخابهای بازیکن و کامپیوتر روی صفحه 07:27
-
مقایسه انتخابها و گرفتن نتیجه 07:47
-
بروزرسانی امتیاز و قابلیت اتمام بازی 08:02
-
قابلیت ریست بازی 05:22
-
بررسی JavaScript 13:05
-
موتور و محیط اجرای JS 14:15
-
چگونه کد JavaScript اجرا میشود؟ 16:25
-
دامنه و زنجیره دامنه 17:56
-
محیط متغیر 10:08
-
کلیدواژه this 06:20
-
عملکرد کلمه کلیدی this در عمل 14:43
-
دستکاری آرایهها 21:46
-
دستکاری آبجکت 18:35
-
عملگر Spread 08:12
-
عملگر Rest 06:33
-
عملیات کوتاهمدار 14:58
-
بیایید با رشتهها کار کنیم - بخش 1 08:57
-
بیایید با رشتهها کار کنیم - بخش 2 08:54
-
بیایید با رشتهها کار کنیم - بخش 3 09:44
-
متدهای ساده 09:21
-
حلقه forEach 06:22
-
متد ()map 07:31
-
متد ()filter 09:44
-
متد ()reduce 06:47
-
متد ()find 06:33
-
متدهای ()flat و flatMap 10:42
-
مرتبسازی آرایهها 12:56
-
اولین فراخوانی AJAX 16:35
-
زنجیره درخواستها 08:40
-
Promiseها و Fetch 08:04
-
دریافت داده از Promise 09:23
-
زنجیره Promise 06:02
-
مدیریت خطا در Promiseها 12:35
-
پرتاب خطاها 12:48
مشخصات آموزش
راهنمای کامل Javascript همراه با پروژههای عملی Javascript
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:83
- مدت زمان :14:04:25
- حجم :6.31GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy