درباره دوره:
جاوا اسکریپت نوعی زبان برنامه نویسی تکرشتهای است که در یک زمان تنها یک اتفاق میتواند در آن رخ بدهد. این بدان معناست که موتور جاوا اسکریپت فقط میتواند یک جمله را در زمانی معین در یکرشته اجرایی واحد پردازش کند. مزیت زبانهای تکرشتهای این است که نوشتن کد را سادهتر میکنند. به این پدیده ناهمگامی (Asynchronous) میگویند؛ که دوره آموزش Asynchronous در جاوا اسکریپت با هدف آموزش این ترند جذاب در برنامه نویسی ارائه شده است. در برنامههای ناهمگام اگر یک تابع برای اجرا به نتیجه تابع دیگری نیاز داشته باشد، باید ابتدا منتظر بماند که آن تابع کار خود را انجام دهد، سپس بعد از دریافت نتیجه کار خود را شروع کند. در این زمان برنامه برای کاربر کاملاً متوقف میشود.
این ناهمگامی باعث هدر رفتن زمان و استفاده نامناسب از قدرت پردازش کامپیوتر میشود؛ بنابراین روشی ایجاد شد که با کمک آن میتوان کار را به هسته پردازش دیگری واگذار کرد و کارها را به صورت همزمان پیش برد. در ادامه به معرفی دوره آموزش Asynchronous در جاوا اسکریپت خواهیم پرداخت و در ادامه کمی در رابطه با ناهمگامی (Asynchronous) و همگامی (Synchronous) در جاوا اسکریپت صحبت خواهیم کرد.
برنامه نویسی ناهمگام (Asynchronous) و همگام (Synchronous) از مباحث فوقالعاده مهم در آموزش برنامه نویسی جاوا اسکریپت هستند که در این دوره به آن میپردازیم. دوره آموزش Asynchronous در جاوا اسکریپت یک دوره پروژه محور با هدف آموزش ناهمگامی در جاوا اسکریپت است که توسط استاد علی شیخ در قالب ٤ ساعت محتوای ویدیویی به کاربران ارائه خواهد شد.
از مهمترین نکاتی که برای آموزش زبان جاوا اسکریپت باید مدنظر قرار دهید، تکنیکهای ناهمگامی در برنامهنویسی مخصوصاً برنامهنویسی وب است. تصور کنید یک وب اپلیکیشن در مرورگر در حال اجرا شدن است. زمانی که کدهای سنگین بدون بازگرداندن کنترل به مرورگر اجرا میشوند، از دید کاربر ممکنه اینگونه به نظر برسد که مرورگر مسدود شده است.
در چنین حالتی مرورگر قادر به مدیریت ورودی کاربر و سایر وظایف نیست. این وضعیت تا وقتیکه کنترل از پردازنده به مرورگر برنگردد، ادامه خواهد داشت. از همین رو هدف از یادگیری دوره آموزش javascript ناهمگام این است که شما بتوانید این قبیل مشکلات را با استفاده از تکنیکهای مربوطه برطرف کنید.
این دوره آموزش Asynchronous در جاوا اسکریپت برای افراد زیر بسیار مناسب است:
افراد با شرکت در این دوره آموزش ناهمگامی در جاوا اسکریپت مهارتهای زیر را کسب خواهند کرد:
دوره آموزش Asynchronous در جاوا اسکریپت بهصورت پروژه محور تهیه شده است؛ یعنی شما مباحث فوقالعاده کاربردی و مهم را گامبهگام همراه با مشاهده پروژههایی که توسط استاد انجام میشود، یاد میگیرید و درنهایت میتوانید آموختههای خود را در قالب پروژههای متنوع پیاده کنید. مکتبخونه برای سهولت در امر یادگیری شما عزیزان امکان تالار گفتگو را برایتان فراهم کرده است. در این تالار میتوانید سؤالات خود را مطرح کنید و با دیگران به اشتراک بگذارید.
مبحث Synchronous و Asynchronous از مهمترین مباحث موجود در برنامه نویسی جاوا اسکریپت است که در این دوره آموزش Asynchronous در جاوا اسکریپت بهخوبی به آن میپردازیم. در ابتدا با این دو مفهوم بهخوبی آشنا میشوید و تفاوت آنها را درک میکنید. در ادامه به مباحث مرتبط با APIها، AJAX ها و متدهای مرتبط با آن و همچنین استاندارد جدید Fetch API که یک جایگزین خوب برای AJAX محسوب میشود، میپردازیم. در انتهای دوره یک پروژه وضعیت آبوهوا باهم پیاده میکنیم.
همزمان (Asynchronous) که گاهی اوقات بهعنوان «همگام» نیز از آن یاد میشود و ناهمزمان (Synchronous)، همچنین بهعنوان «ناهمگام» شناخته میشود، دو نوع از مدلهای برنامه نویسی هستند. همچنین درک تفاوت این دو مدل در ساخت رابطهای برنامه نویسی کاربردی (API)، ایجاد معماریهای مبتنی بر رویداد و تصمیمگیری در مورد نحوه رسیدگی به وظایف طولانیمدت بسیار حائز اهمیت خواهد بود. در انتخاب روش و زمان استفاده از آن، دانستن چند نکته کلیدی در مورد برنامه نویسی همزمان و برنامه نویسی ناهمزمان مهم است. در دوره آموزش Asynchronous در جاوا اسکریپت با تفاوت این دو نوع برنامه نویسی آشنا خواهیم شد.
برنامه نویسی ناهمزمان (Asynchronous) یک مدل چند رشتهای است که بیشترین کاربرد را در شبکه و ارتباطات دارد. Asynchronous یک معماری غیر مسدودکننده است، به این معنی که اجرای بیشتر را در زمانی که یک یا چند عملیات در حال انجام است مسدود نمیکند.
با برنامه نویسی ناهمزمان، چندین عملیات مرتبط میتوانند بهطور همزمان بدون انتظار برای تکمیل سایر وظایف اجرا شوند. در طول ارتباط ناهمزمان، طرفین بهجای پاسخ دادن بلافاصله پس از دریافت، پیامها را در زمانی که راحت یا ممکن است، دریافت و پردازش میکنند.
ارسال پیامک یک روش ارتباطی ناهمزمان است. یک نفر میتواند یک پیام متنی ارسال کند و گیرنده میتواند در اوقات فراغت خود پاسخ دهد. در این بین، فرستنده ممکنه در حالی که منتظر پاسخ است، کارهای دیگری انجام دهد. تمرکز اصلی دوره آموزش Asynchronous در جاوا اسکریپت روی این مبحث است که با گذراندن آن به مفاهیم آن پی خواهیم برد.
Synchronous بهعنوان یک معماری مسدودکننده شناخته میشود و برای برنامه نویسی سیستمهای واکنشی ایده آل است. این مدل بهعنوان یک مدل تکرشتهای، از مجموعهای دقیق از توالیها پیروی میکند، به این معنی که عملیات در یک زمان و با نظم کامل انجام میشوند. در حالی که یک عملیات در حال انجام است، دستورالعملهای عملیات دیگر مسدود میشوند. تکمیل اولین کار، کار بعدی را تحریک میکند.
برای نشان دادن نحوه عملکرد برنامه نویسی همزمان، یک تلفن را در نظر بگیرید. در طول یک تماس تلفنی، در حالی که یک نفر صحبت میکند، دیگری گوش میدهد. وقتی نفر اول صحبتش را تمام میکند، نفر دوم تمایل دارد بلافاصله به آن پاسخ دهد.
در رابطه با برنامه نویسی همزمان و ناهمزمان، جاوا اسکریپت همیشه میدرخشد. جاوا اسکریپت یک زبان برنامه نویسی رایج که برای تعاملی کردن وبسایتها استفاده میشود. همچنین جاوا اسکریپت تکرشتهای بوده و دارای قابلیت همگامسازی و همچنین در عین حال غیر مسدودکننده است. جاوا اسکریپت یک زبان برنامه نویسی ناهمزمان و همزمان محسوب میشود که انعطافپذیری زیادی را ارائه میدهد اما بهطور همزمان تکرشتهای و غیر مسدودکننده نیز بهحساب میآید.
اگرچه جاوا اسکریپت طبیعتاً همزمان است، اما میتواند از کدهای ناهمزمان بهره ببرد. زیبایی جاوا اسکریپت این است که بهترینهای هر دو جهان ناهمگامی و همگامی، تکرشتهای و چند رشتهای، مسدودکننده و غیر مسدودکننده را ارائه میدهد. با این انعطاف، برنامه نویسان میتوانند بهجای دو زبان برنامه نویسی در یک زبان برنامه نویسی واحد بنویسند، یکی برای عملیات همزمان و دیگری برای عملیات ناهمزمان. در دوره آموزش Asynchronous در جاوا اسکریپت کاربران با نوشتن اینگونه برنامه نویسی در جاوا اسکریپت آشنا خواهند شد.
درنهایت انتخاب بین این دو رویکرد، به وابستگیهای عملیاتی بستگی دارد. آیا میخواهید شروع یک عملیات به تکمیل یک عملیات دیگر وابسته باشد یا میخواهید بهطور مستقل اجرا شود؟
Asynchronous یک معماری غیر مسدودکننده است، بنابراین اجرای یک کار به دیگری وابسته نیست و وظایف در آن میتوانند بهطور همزمان اجرا شوند. همزمان یک معماری مسدودکننده است، بنابراین اجرای هر عملیات به تکمیل عملیات قبل از آن بستگی دارد. در واقع در این رویکرد هر کار قبل از رفتن به تکرار بعدی نیاز به پاسخ دارد.
به صورت کلی تفاوت بین ناهمزمان و همزمانی عبارتاند از:
جدای از تفاوتها، روشهای ناهمزمان و همزمان هر دو مزیتهایی را ارائه میدهند، اما برای ذینفعان مختلف: برای مثال Async برای کاربران، Sync برای توسعهدهندگان مفید خواهد بود.
برنامه نویسی ناهمزمان با کاهش زمان تأخیر بین فراخوانی یک تابع و بازگشت مقدار آن تابع، تجربه کاربر را افزایش میدهد. در دنیای واقعی، این به یک جریان سریعتر و بدون درز ترجمه میشود. برای مثال، کاربران میخواهند برنامههایشان سریع اجرا شود، اما واکشی دادهها از رابط برنامهنویسی برنامه (API) به زمان نیاز دارد. در این موارد، برنامهنویسی ناهمزمان به بارگذاری سریعتر صفحههای برنامه کمک میکند و تجربه کاربر را بهبود میبخشد.
از طرف دیگر برنامه نویسی همزمان برای توسعهدهندگان سودمند خواهد بود زیرا کد نویسی برنامه نویسی همزمان بسیار سادهتر است. همچنین در بین همه زبانهای برنامهنویسی بهخوبی پشتیبانی میشود و بهعنوان روش برنامهنویسی پیشفرض، توسعهدهندگان نیازی به صرف زمان برای یادگیری چیز جدیدی ندارند که میتواند راه را برای باگها باز کند.
برنامه نویسی ناهمزمان فقط باید در برنامه نویسی کارهای مستقل و در جایی که نقش مهمی ایفا میکند، اجرا شود. بهعنوان مثال، برنامههای ناهمزمان برای پروژههای توسعه با تعداد زیادی تکرار ایده آل هستند. ازآنجاییکه مراحل لازم نیست دنبالهای ثابت را دنبال کنند، برنامه نویسی ناهمزمان توسعه را به جلو نگه میدارد.
UI پاسخگو یک مورد استفاده عالی برای برنامهریزی ناهمزمان است. بهعنوان مثال، یک برنامه خرید را در نظر بگیرید. هنگامی که یک کاربر سفارش خود را ثبت میکند، اندازه فونت باید افزایش یابد. بهجای اینکه ابتدا منتظر بارگذاری تاریخچه و بهروزرسانی اندازه فونت باشید، برنامه نویسی ناهمزمان میتواند هر دو عمل را بهطور همزمان انجام دهد. در دوره آموزش Asynchronous ما با ابعاد بیشتری از این زبان برنامه نویسی آشنا خواهیم شد.
برنامه نویسی ناهمزمان نسبتاً پیچیده است. میتواند مسائل را بیش از حد پیچیده کند و خواندن کد را دشوار کند. از سوی دیگر، برنامه نویسی همزمان، نسبتاً ساده است. نوشتن کد آن آسانتر و نیازی به ردیابی و اندازهگیری جریان فرآیند ندارد (همانطور که async انجام میدهد). ازآنجاییکه وظایف به یکدیگر وابسته هستند، باید بدانیم که آیا آنها میتوانند بهطور مستقل بدون ایجاد وقفه در یکدیگر اجرا شوند یا خیر.
بهعنوان مثال، برنامه نویسی همزمان میتواند برای یک برنامه خرید مناسب باشد. هنگام بررسی آنلاین، کاربر میخواهد همه اقلام خود را باهم بخرد، نه به صورت جداگانه. بهجای تکمیل سفارش هر بار که کاربر چیزی را به سبد خرید خود اضافه میکند، برنامه نویسی همزمان تضمین میکند که روش پرداخت و مقصد ارسال برای همه موارد بهطور همزمان انتخاب شده است.
هنگام تصمیمگیری برای اتخاذ رویکرد، بهتر است که برنامه نویسی ناهمزمان را سازگار و برنامه نویسی همزمان را سختگیرانه در نظر بگیرید. برنامه نویسی ناهمزمان یک کار چندوظیفهای است که از یک کار به کار دیگر منتقل میشود و پس از اتمام هر یک به سیستم هشدار میدهد. برنامه نویسی همزمان بهعنوان مسیری مستقل عمل میکند و کاری را در زمانی معین در یک توالی سفتوسخت بررسی میکند.
برنامه نویسی ناهمزمان اجازه میدهد تا کارهای بیشتری بهطور همزمان انجام شود و معمولاً برای بهبود تجربه کاربر با ارائه یک جریان بارگذاری سریع و بیدردسر استفاده میشود. برنامه نویسی همزمان به بهترین وجه در سیستمهای واکنشی استفاده خواهد شد. کد نویسی با این رویکرد برای توسعهدهندگان سادهتر است و توسط هر زبان برنامهنویسی شناسایی میشود. همچنین همگامسازی دارای منابع فشرده است و میتواند سرعت کار را کاهش دهد.
ناهمگامی و همگامی از مباحث مهم برنامه نویسی در جاوا اسکریپت بهحساب میآیند. یادگیری این مفاهیم بسیار ساده است و به کاربران کمک میکنند که پروژههای جاوا اسکریپت خود به نحو احسن پیادهسازی کنند. اگر به فکر یادگیری برنامه نویسی ناهمگام و همگام هستید هماکنون با ثبتنام در دوره آموزش Asynchronous در جاوا اسکریپت، اولین و مهمترین قدم در این مسیر را بردارید.
همچنین پیشنیاز این دوره مفاهیم مقدماتی زبان برنامه نویسی جاوا اسکریپت است که میتوانید از منابع و دورههای آموزش جاوا اسکریپت مکتب خونه برای این هدف استفاده کنید.
فصل اول: برنامهنویسی ناهمگام (Asynchronous):
1 - مفهوم برنامهنویسی ناهمگام (Asynchronous) و همگام (synchronous)
2 - حلقه رویداد (Event Loop)
3 - مفهوم Callback
4 - مفهوم Promise
5 - مفهوم Async/Await
فصل دوم: API) Application Programming Interface):
1 - معرفی API
2 - آشنایی با REST API
فصل سوم: AJAX) Asynchronous JavaScript and XML):
1 - معرفی AJAX
2 - متد GET - متن ساده (Text Plain)
3 - متد GET - فایل JSON
4 - متد API - GET
5 - متد Post
فصل چهارم: Fetch API:
1 - معرفی Fetch
2 - متد GET - متن ساده (Text Plain)
3 - متد Get - فایل JSON
4 - متد API - GET
5 - متد Post
6 - متد PUT
7 - متد حذف (Delete Method)
فصل پنجم : پروژه وضعیت آب و هوا:
1 - معرفی پروژه
2 - UI پروژه
3 - کلاس Weather
4 - کلاس UI
5 - تغییر Location
6 - Local Storage
درباره دوره:
در این وبینار که در پلتفرم اسکایروم برگزار شدهاست، استاد احسان گازار به صورت مختصر در رابطه با مسیر شغلی و دنیای حرفهای فرانتاند که امروزه یکی از پردرآمدترین مشاغل به حساب میآید، صحبت میکنند و به سوالات شما پاسخ داده میشود.
هدف این برنامه آشنا کردن دانشجویان با مسیر شغلی و حرفهای فرانتاند است تا بتوانند با شناخت بیشتری قدم در این راه بگذارند و این مسیر شغلی را انتخاب کنند.
ما در مکتبخونه برای شما عزیزان مسیر یادگیری این حرفه را نیز طراحی کردهایم. با کلیک برروی لینک زیر می توانید دورههایی که برای دستیابی به این مسیر شغلی برایتان مفید است را مشاهده نمایید. به مسیر یادگیری فرانتاند سر بزنید.
مسیر شغلی فرانتاند:
1 - مسیر شغلی فرانتاند
درباره دوره:
جاوا اسکریپت یک زبان برنامهنویسی متنباز است که برای ایجاد برنامههای کاربردی وب محور طراحیشده است. جاوا اسکریپت یک زبان سبکوزن و تفسیر شده است که آن را بسیار سریعتر از زبانهای دیگر میکند و با HTML یکپارچهشده است و پیادهسازی آن را در برنامههای وب بسیار آسان است. در سطح وب دورههای آموزشی زیادی برای جاوا اسکریپت وجود دارد که میتوان با استفاده از این دورهها این زبان را یاد گرفت.
دوره آموزش جاوا اسکریپت از مجموعه دورههای آموزش برنامه نویسی مکتب خونه یکی از بهترین دورههای آموزشی جاوا اسکریپت است که به کاربران کمک میکند به درک و فهم خوبی از جاوا اسکریپت برای طراحی سایت، طراحی اپلیکیشن و... برسند. قبل از اینکه به معرفی کامل دوره آموزش جاوا اسکریپت بپردازم اجازه دهید که مختصری با جاوا اسکریپت و اهمیت آن برای یادگیری در 2022 صحبت کنم.
جاوا اسکریپت یک زبان برنامهنویسی است که برای ایجاد و مدیریت صفحات وب پویا استفاده میشود. جاوا اسکریپت روح تازهای به صفحات وب میبخشد و مهمترین عنصر برای ایجاد بهترین تجربه کاربری است. این زبان برنامهنویسی ستون فقرات اینترنت است و با ترکیب با HTML و CSS دنیای کاملاً متفاوتی از وب را به ما نشان میدهند.
سه عنصر باهم ستون فقرات توسعه وب را تشکیل میدهند.
جاوا اسکریپت یک زبان برنامهنویسی ضروری است و یادگیری جاوا اسکریپت برای متقاضیان یا توسعهدهندگان نرمافزاری که به سمت توسعه وب گرایش دارند تقریباً اجباری است. امروزه انتخاب یک دوره آموزش جاوا اسکریپت مناسب بیش از هرزمانی احساس میشود زیرا:
js انتزاعات کمتری نسبت به ASP.NET ارائه میدهد و به توسعهدهندگان این امکان را میدهد که با استفاده از چندین مؤلفه کوچک بهجای پیکربندی تعداد زیادی پارامتر، کد بنویسند. به همین دلیل Node. js انعطافپذیری بیشتری در تنظیم کد برای راهحل ارائه میدهد. توسعهدهندگان همچنین از کتابخانههای بومی و شخص ثالث بهرهمند میشوند.
جاوا اسکریپت در زمینههای مختلف از وب گرفته، اپلیکیشن موبایل تا سرورها و... مورداستفاده قرار میگیرد. در اینجا لیست سریعی از زمینههای مهمی که در آنها استفاده میشود آورده شده است:
یکی از بهترین راههای یادگیری جاوا اسکریپت استفاده از دورههای آموزشی و فیلم های آموزشی جاوا اسکریپت است. دوره آموزش جاوا اسکریپت مکتب خونه یکی از بهترین دورههایی است که کاربران با استفاده از آن میتوانند زبان جاوا اسکریپت javascript را یاد بگیرند. این دوره آموزشی بهصورت بسیارت خلاقانه و کاربر محور ایجادشده است و هدف از این دوره این است که در کمترین زمان ممکن به دانشجو دوره مفاهیم پایه و بنیادی جاوا اسکریپت را بفهماند.
دوره جاوا اسکریپت از مفاهیم پایه برنامهنویسی جاوا اسکریپت مانند کار با آرایه جاوا اسکریپت، کار با تابع جاوا اسکریپت و... شروع میکند بهصورت پروژه محور قدمبهقدم جلو میرود. این دوره با استفاده از مثالها و تمرینهای مختلف کاملاً پروژه محور بوده به کاربر کمک میکند از سطح مقدماتی تا پیشرفته با پروژهها دستوپنجه نرم کند.
امروزه هر کسب و کار یا هر شرکتی نیاز به وبسایت یا اپلیکیسن دارد. ازآنجا کاه جاوا اسکریپت بیشترین کاربرد را درطراحی سایت های مختلف دارد میتوان امیدوار بود که با یادگیری جاوا اسکریپت وارد بازار کار شد. هدف از دوره آموزش جاوا اسکریپت این است که کاربر بتواند با استفاده از این دوره مفاهیم طراحی سایت را این زبان یاد بگیرد و بتواند با فریم ورک هایی مانند انگولار، ری اکت و... کار کند. همچنین با استفاده از ین دوره آموزشی میتوان مفاهیم پایه و بیس طراحی اپلیکیشن با جاوا اسکریپت را یاد گرفت.
یادگیری این زبان نسبت به زبانهایی مانند جاوا و C بسیار راحت است. دوره جاوا اسکریپت مکتبپلاس یکی از جامعترین و بهترین آموزشهاست که بهصورت پروژه محور و عملی شمارا با دستورات و ویژگیهای این زبان مهم آشنا میکند.
معمولاً برای برنامههای تحت وب و مرورگرهای وب استفاده میشود؛ اما کاربرد جاوا اسکریپت فراتر از وب است و در توسعه نرمافزارها، سرورها، کنترلهای سختافزاری و حتی ماشین لرنینگ هم کاربرد دارد. هدف از دوره آموزش جاوا اسکریپت این است که شما بتوانید وبسایت خود را تعاملی کنید. برای جاوا اسکریپت هیچ محدودیتی وجود ندارد و بر اساس سلیقه و خلاقیت خود میتوانید هر تغییری که دوست دارید، روی سایتتان ایجاد کنید.
با کمک آموزش کامل جاوا اسکریپت میتوانید برنامههای وب و تلفن همراه بسازید. فریمورکهای جاوا اسکریپت مجموعهای کتابخانههای کد جاوا اسکریپت را شامل میشود که به توسعهدهندگان امکان استفاده از آنها را میدهد. ساخت وب سرورها، توسعه برنامههای سرور و توسعه بازیها از دیگر اهدافی است که دوره آموزش برنامهنویسی جاوا اسکریپت دنبال میکند.
دوره آموزش جاوا اسکریپت از 10 فصل مختلف تشکیلشده است که هر فصلی خود حاوی جلسات متنوعی است. این دوره آموزشی صفرتا صد جاوا اسکریپت را مورد پوشش قرار میدهد. ترتیب سرفصلهای دوره جاوا اسکریپت به شرح زیر است:
فصل اول: معرفی زبان جاوا اسکریپت و دستور زبان پایه
فصل دوم: جاوا اسکریپت در مرورگر و کار با DOMفصل
سوم: آشنایی با زمانبندی و ذخیرهسازی اطلاعات در مرورگر
فصل چهارم: آموزش و تعریف Scope و ویژگیهای ES6 در جاوا اسکریپت
فصل پنجم: Syntax های جدید ES6 و کار با Array و Object
فصل ششم: آشنایی با کلاس و ارث بری و ویژگیهای خاص جاوا اسکریپت
فصل هفتم: ویژگیهای ES7 و ES8 و توابع کاربردی جدیدتر در جاوا اسکریپت
فصل هشتم: ویژگیهای آزمایشی ES2020 برای جاوا اسکریپت
فصل نهم: ابزارها و سایتهای کمکی
فصل دهم: برنامهنویسی پروژه ماشین حساب با جاوا اسکریپت
جهت سرکت در این دوره تنها چیزی که لازم دارید یک کامپیوتر شخصی یا لپتاپ بوده که روی آنیک محیط برنامهنویسی جاوا اسکریپت نصبشده است. شما میتوانید از نرمافزارهایی مانند:
استفاده کنید و کد های جاوا اسکریپت خود را با استفاده از آنها اجرا کنید. همچنین ممکن است که در ابتدا لازم باشد که کمی با مفاهیم html و Css آشنا باشید که در سطح اینترنت میتوانید آموزش html و Css مناسبی را برای این کار بهصورت رایگان پیدا کنید.
آموزش صفر تا صد جاوا اسکریپت از مباحث مقدماتی جاوا اسکریپت تا مباحث پیشرفتهتر برای پیادهسازی پروژههای مختلف را پوشش میدهد. این زبان ویژگیها و امکانات فوقالعادهای دارد که لزوم استفاده از آن برای هیچ برنامه نویسی پوشیده نیست. آموزش صفر تا صد JavaScript به شما کمک میکند تا بتوانید در زمینهی طراحی سایت و برنامه نویسی وب عملکردی حرفهایتر داشته باشید.
زبان برنامه نویسی جاوا اسکریپت (JavaScript) محبوبترین زبان برنامه نویسی در کل دنیا است. از زبان جاو ااسکریپت برای تولید صفحات وب پویا استفاده میشود. این زبان به شما کمک میکند تا از لحاظ بصری و جلوههای ویژه، امکانات فوقالعادهای را در سایت و برنامههای وب خود پیادهسازی کنید. به همین دلیل، جاوا اسکریپت را اصلیترین عنصر در طراحی رابط کاربری مناسب میدانند.
این زبان برنامه نویسی متن باز بوده و سبک وزن و تفسیری شناخته شده است. استفاده از این زبان اصلاً دشوار نیست اما ضرورت دارد تا با الفبای مقدماتی و ویژگیهای آن بهطور کامل آشنا شوید. بیشتر برنامه نویسان یادگیری جاوا اسکریپت را بهعنوان اولین زبانهای مورد نظر خود دنبال میکنند. به همین دلیل توصیه میشود که آموزشهای اصولی و معتبر این زبان را دنبال کنید.
اهمیت یادگیری جاوااسکریپت را میتوان در اهمیت این زبان و کاربردهای فراوان آن خلاصه کرد. گرچه اینطور وانمود میشود که جاوا اسکریپت تنها برای پروژههای وب کاربرد دارد، باید اضافه کنیم که پروژههای یادگیری ماشین، توسعهی نرم افزار، سرور، توسعهی بازیهای رایانهای و حتی حوزهی یادگیری ماشین نیز از این زبان قدرتمند بهره میگیرند.
آموزش جاوا اسکریپت به شما کمک میکند که وب سایت و برنامهی جذابتر، دارای قابلیت تعامل با کاربر و در یک کلام، خلاقانهتر، بنویسید. این موضوعی است که سبب جذب کاربران به وب سایت و بهبود رنکینگ آن خواهد شد. در نتیجه بیشتر افراد تمایل دارند تا وب سایتهای کسب و کار خود را با جاوا اسکریپت ارتقا دهند.
آموزش جاوا اسکریپت، میتواند گزینهی خوبی برای کسب درآمد از طریق انجام پروژههای javascript نیز باشد. شما میتوانید با یادگیری فریمورکهای جاوا اسکریپت، پروژههای بسیار زیادی را هندل و برنامه نویسی کنید. چراکه در دنیای امروز، هر کسب و کار و شرکتی به وب سایت و اپلیکشینهایی برای ارتقای دامنهی خدمات و مشتریان خود نیاز خواهد داشت.
باید اشاره کنیم که وجود کتابخانههای فراوان و قدرتمند، فریمورکهای حرفهای و ابزارهای مختلفی که برای تست برنامههای جاوا اسکریپت ساخته شدهاند، کار با این زبان برنامه نویسی را بسیار ساده میکند. از سوی دیگر، یادگیری این زبان به صورت گام به گام و از مرحلهی مقدماتی، اصلاً دشوار نیست و بهراحتی میتوان آموزشها را دنبال کرد.
دورهی آموزشی جاوا اسکریپت برای تمام افرادی که به کار برنامه نویسی در وب علاقهمند هستند، توصیه میشود. طراحان سایت که بهدنبال خلق پروژههای جذاب و پویا هستند، افرادی که به دنبال تکمیل یادگیری خود در مباحث تجربهی کاربری هستند، کسانی که میخواهند وارد دنیای توسعهی نرم افزارهای تحت وب شوند و دیگر علاقهمندان به برنامه نویسی و یادگیری ماشین از مخاطبین اصلی این آموزشها خواهند بود.
یکی از بهترین منابعی که برای یادگیری مفاهیم جاوا اسکریپت توصیه میشود، دورههای آموزشی آن است. شما میتوانید از طریق اینترنت و وب سایتهای معتبری مانند مکتب خونه، این دورههای آموزشی را بهصورت مجازی و از طریق ویدیوهای آموزشی دنبال کنید.
در این دورهی آموزشی، شما مهارتهای کافی برای کار با پروژههای جاوا اسکریپت را کسب خواهید کرد. شما بر مباحث و مفاهیم پایهی این زبان مسلط شده و میتوانید الگوریتمهای مختلف را با javascript پیادهسازی کنید. بهعلاوه اینکه شما با jquery نیز آشنا شده و یاد میگیرید که چطور و کجا در پروژههای خود از جی کوئری استفاده کنید.
پروژههای واقعی مانند طراحی سایت خبری و ماشین حساب از جمله تمرینات عملی هستند که در این دورهی آموزشی مطرح خواهند شد. این تمرینات به شما نشان میدهند که از موارد گفته شده، چطور در دنیای واقعی بهره بگیرید. تمرینات عملی همچنین در تسلط شما بر روی مفاهیم آموزشی، اثر بالقوهای خواهند داشت.
دورهی آموزش 0 تا 100 جاوا اسکریپت جزو دورههای آموزش طراحی سایت و برنامه نویسی وب است. لذا شما برای اینکه بتوانید از محتوای آموزشی فوقالذکر استفاده کرده و تمارین را بهصورت عملی پیادهسازی کنید، میبایست مقدمات طراحی سایت را یاد داشته باشید. آموزش HTML و CSS بهعنوان مباحث پایه در طراحی سایت مورد نیاز است. شما میتوانید این آموزشها را از طریق دورههای طراحی سایت مکتب خونه دنبال کنید.
نیز توصیه میشود بعد از یادگیری مباحث این دورهی آموزشی، از دورههای آموزش جاوا اسکریپت پیشرفته برای آشنایی با فریمورکهای آن استفاده کنید. دورههای پیشرفته به شما کمک میکنند تا حرفهایتر و سریعتر کدنویسی کنید.
منظور از سرفصلهای آموزشی، عنوان دقیق مباحثی است که در این دوره، بیان خواهد شد. سرفصلهای دوره، به شما نشان میدهند که چه چیزهایی یاد میگیرید و شما میتوانید با مراجعه به این سرفصلها، دورهی مورد نیاز خود را تشخیص دهید. سرفصل های آموزش جاوا اسکریپت برای این دورهی آموزشی، در فهرست زیر نشان داده شده است.
• فصل ۱: معرفی زبان جاوا اسکریپت و دستور زبان پایه
• فصل ۲: جاوا اسکریپت در مرورگر و کار با DOM
• فصل ۳: آشنایی با زمانبندی و ذخیرهسازی اطلاعات در مرورگر
• فصل ۴: آموزش و تعریف scope و ویژگی ES6 در جاوا اسکریپت
• فصل ۵: سینتکسهای جدید و کار با آرایهها و اشیاء
• فصل ۶: آشنایی با کلاس، ارث بری و ویژگیهای خاص جاوا اسکریپت
• فصل ۷: ویژگیهای ES7 و ES8 و توابع کاربردی جدیدتر در جاوا اسکریپت
• فصل ۸: معرفی ویژگیهای جدیدتر برای جاوا اسکریپت ورژنهای ۲۰۲۰، ۲۰۲۱ و ۲۰۲۲
• فصل ۹: ابزارها و سایتهای کمکی
• فصل ۱۰: برنامه نویسی پروژه ماشین حساب با جاوا اسکریپت
این دورهی آموزشی در وب سایت مکتب خونه برای مدت زمان ۴۵ ساعت تهیه شده است. ده ساعت از این مدت به بیان ویدیوهای آموزشی و ۳۵ ساعت دیگر به انجام تمرینات عملی و پروژههای دوره اختصاص دارد. در کل، میتوان گفت که مدت زمان آموزش برحسب میزان یادگیری داوطلب دوره و همچنین پشتکار وی و تسلط بر مفاهیم پیش نیاز، متفاوت خواهد بود.
یکی از بهترین روشهایی که برای آموزش صفر تا صد java script پیشنهاد میشود، شرکت در دورههای آموزشی است. دورههای آموزشی مجازی به صورت ویدیویی و دورههای حضوری میتوانند تمام مباحث مورد نیاز برای کار با زبان جاوا اسکریپت را در اختیار شما بگذارند. شما میتوانید از آموزش جاوا اسکریپت سون لرن، آموزش جاوا اسکریپت فری لرن و دورههای معتبر آموزش جاوااسکریپت مکتب خونه، استفاده کنید.
مزیت دورههای مجازی، برنامهی منعطف و حرفهای آن است. شما میتوانید این ویدیوهای آموزشی را در هر زمان و مکان دلخواه خود، دنبال کنید. علاوه بر آن، این دورهها با هزینههای کمتری به نسبت دیگر روشهای آموزشی تهیه میشوند. شما میتوانید صرفهجویی خوبی در روند آموزشی خود ایجاد کنید.
نکتهی مهم برای یادگیری زبان جاوا اسکریپت و کسب مهارت در آن، انجام تمرین و تکرار پروژههای عملی است. کلیهی مهارتها با تمرین و تکرار ملکهی ذهن شما میشوند. باید گفت که چالشهایی که در حین انجام عملی پروژهها ایجاد میشود، به اندازهی تمام آموزشها و حتی بالاتر از آن، آموزنده خواهد بود.
توصیه میکنیم بعد از گذراندن آموزشهای مقدماتی جاو اسکریپت، در دورههای پیشرفته و حرفهای شرکت کنید. در دورههای حرفهای، شما با مباحثی مانند فریمورکها و ابزارهای حرفهای برنامه نویسی و تست جاوا اسکریپت آشنا خواهید شد. این ابزارها به شما کمک میکنند تا کدنویسی حرفهای جاوا اسکریپت را تمرین کنید. در نتیجه در مدت زمان کمتر از پسِ انجام پروژههای حرفهایتر و پردرآمدتر برمیآیید.
از بهترین منابع برای یادگیری مقدماتی تا پیشرفتهی جاوا اسکریپت، دورههای آموزشی منتشر شده در مکتب خونه است. محتوای بهروز این دورهها، کیفیت بالای آموزش، بیان ساده، سرفصلهای کامل، عملی بودن مباحث آموزشی، انجام تمرینات فراوان از مهمترین ویژگیهای دورههای مکتب خونه به شمار میآیند. با شرکت در دوره های آموزشی جاوا اسکریپت در مکتب خونه، شما تسلط کافی بر روی مفاهیم جاوا اسکریپت پیدا کرده و برای ورود به بازار حرفهای آماده میشوید. همچنین در مکتب خونه انواع آموزش برنامه نویسی و آموزش طراحی سایت به عنوان مکمل و پیش نیاز این دوره موجود است.
فصل اول: معرفی زبان جاوا اسکریپت و دستور زبان پایه:
1 - مروری بر دوره آموزش جاوا اسکریپت
2 - معرفی ابزارها و محیط برنامهنویسی جاوا اسکریپت
3 - جاوا اسکریپت چیست؟
4 - ساختار و قواعد دستوری ساده زبان جاوا اسکریپت
5 - متغیرها در جاوا اسکریپت
6 - آرایهها در جاوا اسکریپت
7 - عملگرهای محاسباتی در جاوا اسکریپت
8 - توابع در جاوا اسکریپت
9 - دستورات شرطی در جاوا اسکریپت
10 - حلقه ها در جاوا اسکریپت
11 - نوشتن الگوریتم مرتبسازی حبابی یا Bubble Sort
12 - كوييز - فصل اول
13 - توضیح تمرين برنامهنويسي: تابع FIFO
14 - تمرين برنامهنويسي: تابع FIFO
فصل دوم: جاوا اسکریپت در مرورگر و کار با DOM:
1 - Event ها در جاوا اسکریپت
2 - شروع کار با DOM در جاوا اسکریپت
3 - مدیریت خطا ها و Debugging در جاوا اسکریپت
4 - آشنایی با کتابخانه Math
5 - آشنایی با کتابخانه Date
6 - آشنایی با Node Module
7 - Window Location در جاوا اسکریپت
8 - كوييز - فصل دوم
9 - توضیح تمرين برنامهنويسي: تاريخ روز
10 - تمرين برنامهنويسي: تاريخ روز
فصل سوم: آشنایی با زمانبندی و ذخیرهسازی اطلاعات در مرورگر:
1 - آشنایی با setTimeout و setInterval
2 - نوشتن یک Counter ثانیه با کلیدهای Start و Pause
3 - چطور با Cookie ها کار کنیم
4 - كوييز - فصل سوم
5 - توضیح تمرين برنامهنويسي: شمارشگر معكوس
6 - تمرين برنامهنويسي: شمارشگر معكوس
فصل چهارم: آموزش و تعریف Scope و ویژگیهای ES6 در جاوا اسکریپت:
1 - معرفی ورژنهای جاوا اسکریپت و بررسی آنها
2 - معرفی ویژگی const و تفاوت آن با var
3 - معرفی ویژگی let - سوال رایج مصاحبهها
4 - ویژگی Arrow Function
5 - تفاوت this در function با Arrow Functions و default value - سوال رایج مصاحبهها
6 - کوییز - فصل چهارم
7 - توضیح تمرین برنامهنویسی: بازی سنگ کاغذ قیچی
8 - تمرین برنامهنویسی: بازی سنگ کاغذ قیچی
فصل پنجم: Syntax های جدید ES6 و کار با Array و Object:
1 - استفاده از Rest Parameter در ورود Function ها
2 - کار با String و Array Matching در ES6
3 - استفاده از Shorthand و Compound و تعریف Method در جاوا اسکریپت
4 - کار با Object ها برای Destructuring و Matching
5 - کوییز - فصل پنجم
6 - توضیح تمرین برنامهنویسی: اپلیکیشن Memory card
7 - تمرین برنامهنویسی: اپلیکیشن Memory card
فصل ششم: آشنایی با کلاس و ارث بری و ویژگیهای خاص جاوا اسکریپت:
1 - تعریف کلاس و ارثبری در جاوا اسکریپت
2 - کار با getter و setter در کلاسها
3 - آشنایی و معرفی Symbol
4 - آشنایی و معرفی Symbol For
5 - کار با Generator ها در جاوا اسکریپت
6 - کار با for … of در جاوا اسکریپت
7 - کار با Symbol Iterator
8 - معرفی و کار با Set
9 - کار با Data Type جدیدی به اسم Map
10 - معرفی Object.assign و آشنایی با مفهوم Immutability
11 - کار با فانکشنهای filter، findeIndex و find
12 - کار با String ها با توابع مختلف
13 - کار با اعداد با توابع مختلف
14 - کار با Promise API در جاوا اسکریپت
15 - کار با Promise.all
16 - آشنایی و کار با Proxy
17 - کوییز - فصل ششم
18 - توضیح تمرین برنامهنویسی: Todo
19 - تمرین برنامهنویسی: Todo
فصل هفتم: ویژگیهای ES7 و ES8 و توابع کاربردی جدیدتر در جاوا اسکریپت:
1 - تعریف متغیر بیرون از constructor و کار با padStart و padEnd
2 - آشنایی با Trailing comma
3 - کار با Object.entries و Object.values
4 - کار با Async Await در جاوا اسکریپت
5 - معرفی && و || و **
6 - کار با promise finally
7 - معرفی و کار با Static Methods
8 - کار با private variables ها در Class
9 - کار با فانکشنهای trimStart و trimEnd
10 - کار با Array Flat و Array FlatMap
11 - کوییز - فصل هفتم
12 - توضیح تمرین برنامهنویسی: آخرین لیست فیلمها
13 - تمرین برنامهنویسی: آخرین لیست فیلمها
14 - توضیح تمرین برنامهنویسی: آخرین اخبار
15 - تمرین برنامهنویسی: آخرین اخبار
فصل هشتم: ویژگیهای جدیدتر برای جاوا اسکریپت ورژنهای 2020, 2021 و 2022:
1 - معرفی Nullish coalescing operator یا (??)
2 - کار با Optional Chaining و Promise allSettled
3 - آخرین ویژگیهای جاوا اسکریپت ورژنهای 2021 و 2022 - آپدیت تیرماه 1401
فصل نهم: ابزارها و سایتهای کمکی:
1 - معرفی سایت caniuse.com
2 - معرفی Webpack و چرایی استفاده از آن
فصل دهم: برنامهنویسی پروژه ماشین حساب با جاوا اسکریپت:
1 - پیاده سازی عملیاتهای اولیه در ماشین حساب
2 - پیادهسازی ممیز در ماشین حساب
3 - پیادهسازی Class برای Logic و View
4 - معرفی و پیاده سازی Dynamic Import در ماشین حساب
5 - پیاده سازی Babel و Webpack برای پروژه ماشین حساب
6 - سورس کد پروژه ماشین حساب با جاوا اسکریپت
7 - کوییز - فصل دهم
8 - توضیح پروژه: اپلیکیشن کوییز
9 - پروژه: اپلیکیشن کوییز
10 - مراحل بعدی یادگیری چیست؟
فصل یازدهم: آپدیت جدید سال 2024:
1 - چه تغییراتی در جاوااسکرپت ایجاد شده است؟ و چطور ChatGPT میتواند به ما کمک کند؟
2 - آشنایی با Source در مرورگر و چطور با Debugger و Breakpoint ها کار کنیم؟
3 - کار با debounce و throttle و event listener ها درمرورگر
4 - کار با Dynamic Import ها در جاوااسکریپت
5 - آشنایی با Websockets
درباره دوره:
برای ورود به دنیای فرانت اند ((front end)) نیاز به گذراندن آموزش و یادگیری یک سری مفاهیم برنامه نویسی هستید. دوره آموزش front end مکتب خونه برای این هدف توسط تیمی متخصص و مجرب تهیه و تدوین شده است.
این دوره از مجموعه دورههای آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه در ٦٦ ساعت آموزشی در قالب پنج فصل ارائه شده که هر فصل خود حاوی سرفصلهای مختلفی است. در این دوره مباحث CSS، HTML و javaScript پوشش داده شده خواهند شد.
دوره آموزش front end برای تمامی افراد اعم از افراد مبتدی و حرفهای مناسب است. این دوره با هدف یادگیری پروژه محور توسعه فرانت اند تدوین شده و تمام مفاهیم مهم و مقدماتی توسعه فرانت اند از صفر تا صد در آن پوشش داده شده است.
هیچ پیشنیاز خاصی برای دوره آموزش front-end وجود ندارد. همه افراد چه مبتدی و چه حرفهای میتوانند در این دوره آموزش فرانت اند شرکت کنند. تنها پیشنیاز اصلی این دوره توانایی کار با کامپیوتر و سواد کامپیوتری و قدرت جستجوی بالا است.
پس از پایان دوره و در کنار تلاش و کوشش مناسب و شایسته، دانشجویان دوره توانایی ایجاد و پیادهسازی بخش فرانت اند یک وبسایت یا یک پلتفرم را خواهند داشت. این دوره آموزش فرانت اند برای ورود به بازار کار بسیار حائز اهمیت است زیرا در کنار حرفهای بودن و به روز بودن، پروژه محور است.
اگر قصد دارید پروژههای طراحی سایت خود را در بخش فرانت اند پیش ببرید یا در بخش فرانت اند وارد بازار کار شوید، باید از جایی آموزش دیدن را آغاز کنید. این دوره آموزش فرانت اند front end مکتب خونه، به علت اینکه یک دوره مقدماتی تا پیشرفته بهحساب میآید و بهصورت عملی مفاهیم را پوشش داده است، گزینه مناسبی بهحساب میآید. این دوره آموزش front برای برنامه نویسی موبایل و طراحی سایت بسیار دوره مناسبی است زیرا در کنار اینکه یک آموزش کامل فرانت اند است، همچنین قدم به قدم کاربر را با مفاهیم برنامه نویسی فرانت اند آشنا میکند.
امروزه بیشتر کسبوکارها به متخصصین فرانت اند نیازمند هستند، بنابراین یادگیری مفاهیم و مباحث مربوط به این ترند در برنامه نویسی فرصت خوبی برای ورود به بازار کار است.
فرانت اند در مورد بخشی از وبسایت است که شما بهعنوان کاربر میتوانید آن را ببینید و با آن تعامل داشته باشید. قسمت فرانت اند شامل همهچیز از طراحی، ساختار و طرحبندی وبسایت گرفته تا محتوا را شامل خواهد شد. هنگامیکه یک بازدیدکننده جدید روی یک وبسایت یا برنامه کلیک میکند، قسمت فرانت اند اولین برداشت از یک شرکت یا نام تجاری بوده بنابراین طراحی ظاهری کاربرپسند (UX) برای هر وبسایت یا پلتفرمی ضروری است.
چیزهای زیادی برای ساخت قسمت فرانت اند کار میشود، از جمله معماری پایگاه داده، چارچوبها، راهحلهای مقیاس بندی و موارد دیگر که این شامل موارد زیر است:
توسعه وب فرانتاند میتواند شامل وظایف مختلفی باشد. نحوه پیادهسازی این وظایف در دوره آموزش front end مکتب خونه آموزش داده خواهند شد و این شامل وظایف زیر است:
برنامه نویسان فرانت اند از سه فناوری اصلی در توسعه front-end استفاده خواهند کرد.
توسعهدهندگان Front-End از ابزارهای دیگری نیز استفاده میکنند، از سیستمهای مدیریت محتوا (CMS) مانند WordPress و Drupal گرفته تا کتابخانهها و چارچوبهایی مانند React، Angular و Vue. کتابخانهها و فریمورکها به شما این امکان را میدهند که از یک طرح اولیه برای ایجاد عناصر وب مانند دکمهها استفاده کرده تا اینکه هر بار یک عنصر جدید ایجاد کنید. در دوره آموزش front end ابزارها و عناصر لازم برای توسعه فرانت اند به کاربران معرفی خواهند شد.
اگرچه در شرکتها تفاوتهایی برای وظایف توسعه دهنده فرانت اند وجود دارد، بهطورکلی میتوانید انتظار داشته باشید که نقش توسعهدهنده فرانت اند در طراحی وبسایت شامل برخی یا همه موارد زیر باشد:
در دوره آموزش front end نقش توسعهدهندگان فرانت اند به خوبی توضیح داده شده است. اکثر توسعهدهندگان و مهندسان Front-End با گروههای تجربه کاربری (UX) هماهنگ میشوند. این افراد جمعیتشناسی هدف وبسایت و نحوه تعامل کاربران با آن را تعیین میکنند. طراحی گرافیکی یکی دیگر از بخشهای مهم بخش فرانت اند است. این شامل فونتها و رنگها بوده و تضمین میکند که طراحی وب سایت با شرکت و محصولی که برنامه وب برای آن است مطابقت دارد.
توسعهدهندگان Front-End با بخشهای مختلف هماهنگ میکنند تا اطمینان حاصل کنند که برنامههای کاربردی وب در همه مرورگرها و اندازههای صفحهنمایش از جمله تلفن همراه و تبلت کار میکنند. آنها همچنین ممکن است در طول توسعه از این بخشها بازخورد دریافت کنند، بنابراین آنها باید بتوانند بازخوردهای افراد مختلف با دیدگاهها و اولویتهای مختلف را در نظر بگیرند و به آنها گوش دهند.
بخش فرانت اند یا قسمت جلویی وبسایت، نمایندگی دیجیتال یک فرد یا یک سازمان است. این قسمت مهم، پلی بین مشتری یا مشتری و برند ایجاد میکند. قسمت فرانت اند همچنین وبسایتی را قابل استفاده میکند. اگر وبسایت یا برنامهای به خوبی کار نکند، میتواند مشتریان را از خود دور کند و بازگرداندن آن مشتریان دشوار است. در نهایت، قسمت فرانت اند ایده یک سازمان یا فرد را نشان میدهد و مهم است که آن را به درستی انجام دهیم.
یکی از گزینههای تبدیل شدن به یک مهندس فرانت اند یا توسعه دهنده فرانت اند، گرفتن مدرک است. اگرچه این برای برخی از افراد قابلدسترس است ولی گرفتن مدرک برای همه افراد عملی نیست. خوشبختانه، شما میتوانید بدون مدرک یک مهندس فرانت اند شوید.
برای انجام این کار، باید با گذراندن دورههای مرتبط شروع کنید. میتوانید با زبانهای برنامه نویسی مانند HTML، CSS و جاوا اسکریپت شروع کرده و یا میتوانید مسیر شغلی مهندس Front-End را در اینترنت بررسی کنید. دوره آموزش front end مکتب خونه نقطه شروع خوبی برای انجام این کار است. مسیر شغلی مهندس Front-End شامل زبانهای ذکر شده در بالا به همراه کتابخانههایی مانند React و Redux است.
فصل اول - HTML:
1 - آشنایی با دوره وب
2 - آشنایی با وب
3 - web, html and front-end
4 - HTML and front-end
5 - html requests
6 - Requests
7 - نصب نرم افزارها
8 - ساختار یک صفحه html
9 - تگ ها
10 - تگ head
11 - تگ body
12 - attributes, div and span
13 - لینک با تگ "a"
14 - تگ ها
15 - لیست های مرتب
16 - لیست های نامرتب
17 - lists
18 - فرم ها
19 - فرم ها
20 - عکس ها
21 - عکس ها
22 - ویدئو
23 - ویدئو
فصل دوم - CSS:
1 - آشنایی با CSS
2 - مفاهیم اولیه CSS
3 - CSS Syntax
4 - Color
5 - Color
6 - Selectors
7 - pseudo classes
8 - pseudo elements
9 - CSS and class and id
10 - انتخاب المان
11 - specifity
12 - border
13 - margin
14 - padding
15 - css outline
16 - Css width and height
17 - text
18 - font
19 - links
20 - ویژگی المان ها و لینک
21 - maxwidth
22 - position
23 - float
24 - المان ها و فونت
25 - display and opacity
26 - CSS3 border corners and multiple images
27 - CSS3 gradient and shadow
28 - color and position
29 - CSS3 transition
30 - CSS3 animation
31 - انیمیشن
32 - مهارت سرچ کردن در برنامه نویسی
33 - توضیح مکمل پروژه اول
34 - شرح پروژه بخش HTML
35 - شرح پروژه بخش HTML و CSS (بخش اول - navbar)
36 - شرح پروژه بخش HTML و CSS (بخش دوم - modal)
37 - شرح پروژه بخش HTML و CSS (بخش سوم - up and down jump buttons)
38 - پروژه بخش HTML و CSS
فصل سوم - JavaScript:
1 - آشنایی با جاوا اسکریپت
2 - خروجی جاوا اسکریپت در لاگ کنسول
3 - if و for در جاوااسکریپت
4 - آشنایی با JavaScript html DOM
5 - javascript dom style
6 - jsdom style
فصل چهارم - jQuery:
1 - آشنایی با jQuery
2 - when document is ready
3 - jquery : events and selectors
4 - event selector
5 - jquery hide, show and fade effects
6 - slide, animation and stop animation effects
7 - animation
8 - پروژه بخش jQuery
فصل پنجم - طراحی واکنش گرا:
1 - آشنایی با طراحی واکنش گرا
2 - gridview
3 - media queries
4 - media queries
5 - dual breakpoints
6 - عکس و ویدئو
7 - عکس و ویدئو
8 - پروژه نهایی طراحی صفحه وب واکنش گرا
9 - آشنایی با bootstrap
10 - bootstrap buttons, glyphicon and images
11 - بوت استرپ
12 - پروژه بخش طراحی واکنش گرا
پروژه نهایی:
1 - شرح پروژه نهایی دوره
2 - پروژه نهایی دوره
درباره دوره:
دوره "Complete Intro to React, v8" یک دوره جامع و کاربردی است که شما را با دنیای هیجانانگیز React 18.x+ آشنا کرده و توانایی شما را برای ساخت اپلیکیشنهای واقعی و مدرن افزایش میدهد. فراتر از یک مقدمه ساده، این دوره از صفر شروع کرده و شما را با جدیدترین ویژگیهای React از جمله هوکها، افکتها، کنتکست و پورتالها آشنا میکند. در طول دوره، شما با ترکیب ابزارهای متنوع اکوسیستم React (مانند Vite، ESLint، TailwindCSS، React Router و React Query) یک اپلیکیشن کامل برای جستجوی حیوانات خانگی قابل اتخاذ را پیادهسازی خواهید کرد.
با گذراندن این دوره، شما درک عمیقی از مفاهیم بنیادی React به دست آورده و قادر خواهید بود تا به صورت مستقل اپلیکیشنهای پیچیده و تعاملی را توسعه دهید. همچنین، با آخرین تکنولوژیهای مورد استفاده در صنعت آشنا شده و میتوانید به سرعت خود را با تغییرات دنیای توسعه وب تطبیق دهید.
مقدمه:
1 - مقدمه
تنظیم و ابزارها:
1 - Pure React و createElement
2 - سوالات و پاسخهای Pure React
3 - کامپوننتهای Pure React
4 - تنظیم npm و Prettier
5 - تنظیم ESLint و Git
6 - تنظیم Vite
مفاهیم اصلی React:
1 - JSXi
2 - تنظیم ESLint و React
3 - هوک useState
4 - سوالات و پاسخهای هوکها
5 - نقشه برداری از دادهها با هوکها
6 - اضافه کردن Animal Breed
7 - افکتها
8 - هوک سفارشی useBreedList
9 - بررسی ورودی کاربر
10 - ترکیب کامپوننت
11 - سبکدهی کامپوننت Pet
12 - ابزارهای توسعه React
قابلیتهای React:
1 - React Router
2 - useParams
3 - React Query
4 - بهینهسازی عملکرد با React Query
5 - بازسازی fetchBreedList
6 - فرمهای کنترل نشده
7 - کامپوننتهای کلاس
8 - برخورد با رویدادها در کامپوننتهای کلاس
ابزارهای خاص React:
1 - مرزهای خطا
2 - مدلها با پورتالها
3 - پیادهسازی مدلها با پورتالها
4 - کنتکست
5 - سوالات و پاسخهای کنتکست
جمعبندی:
1 - جمعبندی