تبدیل شدن به یک توسعه دهنده جاوا اسکریپت وانیلا - Become a Vanilla JavaScript Developer

-
1
2 ساعت
با زیرنویس فارسی و انگلیسیکتابخانه های جاوا اسکریپت مانند jQuery و چارچوب هایی مانند React مزایای زیادی برای ارائه دارند، اما عملکرد می تواند یک معامله باشد. حذف jQuery و React می تواند سرعت سایت را بدون تأثیر بر تجربه کاربر بهبود بخشد. اما بسیاری از توسعه دهندگان هرگز کد معادل آن را در جاوا اسکریپت یاد نگرفته اند. این دوره به شما آموزش می دهد که چگونه ویژگی ها و عملکردهای مشابه را با جاوا اسکریپت vanilla برنامه ریزی کنید. مربی ساشا ودنیک با یک برنامه ساخته شده با jQuery و React شروع می کند و قطعه به قطعه آن را با وانیل جاوا اسکریپت جایگزین می کند. وی وابستگی ها را حذف می کند و نشان می دهد که برنامه هنوز کار می کند و آزمایش های عملکردی را برای مقایسه کد شروع و پایان انجام می دهد. موضوعات شامل جایگزینی دستکاری DOM، جایگزینی Ajax، جایگزینی شنوندگان رویداد و جایگزینی انیمیشن های ساده مانند نمایش، مخفی کردن و تغییر حالت است. نتیجه نهایی یک برنامه جاوا اسکریپت خالص است که با مرورگرهای قبلی سازگار است و نیازی به کتابخانه ندارد! اهداف یادگیری جایگزینی درخواست های jQuery Ajax با درخواست های Fetch انتخاب عناصر با جاوا اسکریپت وانیلی افزودن شنوندگان رویداد با جاوا اسکریپت وانیلی پیاده سازی صحافی داده ها جایگزینی انیمیشن های ساده اطمینان از سازگاری با گذشته ترجمه جاوا اسکریپت وانیلی برای سازگاری بین مرورگرها
-
2
1 ساعت بروز شده
با زیرنویس فارسی و انگلیسیآیا با مفاهیم پایه جاوا اسکریپت آشنا هستید، اما می خواهید درک خود را از این زبان اسکریپت نویسی ضروری ادامه دهید؟ در این دوره، برخی از مفاهیم پیشرفته تر جاوا اسکریپت - از جمله نحوه مدیریت انتشار و اتصال - را بیاموزید و نحوه ساخت چند بازی جالب کارتی را بیاموزید. مربی لی لاوهون با توضیح نحوه برنامه ریزی برنامه خود، بازی کارت را به اشیاء اصلی آن تقسیم می کند. سپس نحوه افزودن یک انیمیشن تلنگر کارت به پروژه شما با استفاده از CSS3 را بررسی می کند، به سه زمینه "این" با روش ها نگاه می کند و نحوه اضافه کردن یک تابع مختلط را توضیح می دهد. لی همچنین چرخه زندگی کشیدن و رها کردن، نحوه استفاده از ارث بری اولیه برای بهینه سازی کد خود و موارد دیگر را مرور می کند. اهداف یادگیری کار با نمونه اولیه و عناصر پویا با استفاده از bind، فراخوانی و اعمال کنید با استفاده از فرمول فیشر -ییتس چه موقع از e.preventDefault () و چه زمانی از آن اجتناب کنید چرخه عمر کشیدن و رها کردن استفاده از وراثت اولیه برای بهینه سازی کد شما
-
3
3 ساعت
با زیرنویس فارسی و انگلیسیآیا می خواهید کد قوی تر و قابل نگهداری بنویسید؟ در این دوره، نحوه انجام این کار با برنامه نویسی کاربردی را بیاموزید و در مورد مفاهیم عملکردی در قلب بسیاری از چارچوب ها و برنامه های جاوا اسکریپت اطلاعات کسب کنید. شاون واسل با توضیح اینکه برنامه نویسی کاربردی چیست و چگونه با برنامه نویسی شی گرا مقایسه می شود، شروع می کند. سپس شان اصول اولیه کار با توابع درجه یک در +JavaScript ES6 را مورد بحث قرار می دهد و مفاهیمی مانند توابع مرتبه بالاتر و بستن را مورد بحث قرار می دهد. او همچنین نشان می دهد که چگونه برنامه نویسی عملکردی کار با ساختارهای داده را ساده تر می کند. شیرجه رفتن به مفاهیم پیشرفته، از جمله کاربرد جزئی و بازگشت. و چالش هایی را ارائه می دهد که می تواند به شما در درک مفاهیم کلیدی برنامه نویسی عملکردی کمک کند. اهداف یادگیری هدف برنامه نویسی عملکردی برنامه نویسی در مقابل برنامه نویسی ضروری اطمینان از تغییر ناپذیری توابع پیکان در ES6 ارسال توابع به عنوان آرگومان نقشه برداری، فیلتر، برش، مرتب سازی و کاهش مفاهیم کاربردی پیشرفته، از جمله بازگشت
-
4
3 ساعت
با زیرنویس فارسی و انگلیسیAjax یکی از اجزای سازنده وب مدرن است. Ajax به شما کمک می کند که بین برنامه خود و سرور ارتباط برقرار کنید و محتوای جدید را بدون بارگذاری مجدد صفحات وب ترکیب کنید-در نتیجه برنامه های تعاملی تر و با کارایی بیشتری ایجاد می شود. این دوره رویکردهای مدرن و قدیمی را برای درخواست و مدیریت داده ها و اصلاح محتوای صفحه وب با Ajax و vanilla JavaScript معرفی می کند. ساشا ودنیک، متخصص JS نحوه کار با API های Fetch و XMLHttpRequest (XHR) را نشان می دهد، بنابراین می توانید نحوه اجرای Ajax را در پایگاه های مختلف کد مشاهده کنید. او همچنین نحوه بهینه سازی درخواست ها و پاسخ های Ajax در مرورگر، اصلاح محتوای صفحات وب از طریق DOM و رسیدگی به هر گونه خطایی را نشان می دهد. علاوه بر این، نحوه انتقال کلیدهای API خود را از کد داخلی و روی سرور پروکسی برای حفظ امنیت آنها بیاموزید. اهداف یادگیری ایجاد درخواست XHR انتخاب عناصر با وانیلا جاوا اسکریپت درخواست داده با Ajax افزودن شنوندگان رویداد کار با داده های JSON تغییر ارزشها و محتوای صفحات وب ایجاد درخواست های Fetch رسیدگی به خطاهای Ajax استقرار سرور پروکسی Ajax مخفی کردن کلیدهای API با پروکسی Ajax
-
5
2 ساعت
با زیرنویس فارسی و انگلیسیJSON به رایج ترین قالب برای تبادل داده در وب تبدیل شده است، که از پایگاه جاوا اسکریپت به مجموعه وسیع تری از سیستم عامل های API تبدیل شده است. در این دوره، مربی ساشا ودنیک با استفاده از نحو اصلی JSON و استفاده از آن در چندین پیاده سازی رایج به شما کمک می کند تا ببینید چگونه می توانید آن را با طرحواره ها و JSON-LD ساختار دهید. ساشا با اطمینان از درک کامل نحوه ساخت و اشکال زدایی ساختارهای JSON کار خود را آغاز می کند. پس از بررسی نحوه پردازش داده های JSON، روشهای مختلفی را برای استفاده از آن به شما نشان می دهد. در مرحله بعد، ساشا تکنیک هایی را که می توانید برای کار با JSON استفاده کنید پوشش می دهد، مانند جلوگیری از استفاده مجدد از داده ها و بازگرداندن داده های قابل خواندن JSON در جاوا اسکریپت. او نحوه ایجاد و اعتبارسنجی طرحواره JSON و نحوه کار با تولیدکنندگان طرح را بررسی می کند. ساشا با بحث JSON-LD و نحوه استفاده از آن برای توضیح و ترسیم ساختار داده های خود به پایان می رسد.
-
6
2 ساعت
با زیرنویس فارسی و انگلیسیدر چند سال گذشته، API ها و ویژگی های جدید از طریق مرورگرهای وب مدرن در حال تکثیر هستند. این API ها می توانند به شما کمک کنند برنامه های وب شگفت انگیزی بسازید که عملکرد بهتری داشته باشند، بصورت آفلاین کار کنند، کاربر را خوشحال کنند و به طور کلی تجربه کاربری بهتری را ارائه دهند. در این دوره، نحوه استفاده از جاوا اسکریپت استاندارد و مجموعه ای از API های مرورگر مدرن را برای بهبود بازیابی و ذخیره اطلاعات، عملکرد بهتر برنامه ها و ایجاد صفحات وب که به طور یکپارچه با زندگی روزمره کاربر شما ادغام می شود، بیاموزید. مربی Joe Marini نحوه استفاده از قابلیت های ذخیره سازی مدرن در مرورگرها، استفاده از تجربیات کاربران دستگاه اصلی، عملکرد بهتر از انیمیشن ها و بارگذاری صفحه و موارد دیگر را توضیح می دهد. اهداف یادگیری ادغام با اعلان های اصلی ذخیره داده ها با API Cache بارگیری سریعتر صفحه با پیش واکشی و پیش بارگذاری بهبود انیمیشن با requestAnimationFrame ماندگاری ذخیره سازی بر روی دستگاه ها تشخیص شرایط و کیفیت شبکه نمایش محتوای صفحه در حالت تمام صفحه
-
7
3 ساعت
با زیرنویس فارسی و انگلیسیکارکنان سرویس، اسکریپت های پس زمینه هستند که ویژگی هایی مانند ذخیره سازی آفلاین، اعلان های فشار و همگام سازی پس زمینه را فعال می کنند. آنها یک ابزار مهم برای توسعه دهندگان وب مدرن هستند که می خواهند با مرور و پیام رسانی آفلاین، تجربه های سریعتر و تعاملی بیشتری ایجاد کنند. این دوره نشان می دهد که چگونه کارکنان خدمات را در جاوا اسکریپت وانیلی پیاده سازی کنید - چارچوب هایی را پشت سر بگذارید تا از پتانسیل کامل فناوری مطلع شوید. نحوه نصب و ثبت نام کارکنان خدمات، مدیریت رویدادها و مدیریت به روز رسانی را بیاموزید. سپس نحوه پیاده سازی چندین مورد استفاده برای کارکنان سرویس را پیدا کنید: رهگیری و مسیریابی درخواست های شبکه به عنوان سرور پروکسی، ذخیره فایل ها در حافظه پنهان آفلاین، ارسال و دریافت پیام و همگام سازی داده های پس زمینه. به علاوه، نکات و ترفندهایی را برای بهینه سازی عملکرد برنامه های خود با استفاده از سرویس دهندگان دریافت کنید. اهداف یادگیری چرخه زندگی کارکنان خدمات ثبت نام کارکنان خدمات رسیدگی به رویدادهای کارکنان خدمات به روز رسانی کارکنان خدمات به عنوان پروکسی شبکه عمل می کند پیکربندی ذخیره سازی حافظه پنهان ارتباط با مشتریان بهینه سازی عملکرد وب
-
8
4 ساعت
با زیرنویس فارسی و انگلیسیکاربران در حال حاضر انتظار تجربه های مشابه برنامه را از سایت های تلفن همراه دارند. اما توسعه دهندگان چگونه پروژه های تحت وب خود را مانند برنامه های بومی رفتار می کنند؟ برنامه های وب پیشرفته (PWAs) جواب می دهند. آنها با هر نوع فاکتور مناسب هستند، می توانند آفلاین عمل کنند و مانند برنامه های بومی هستند - بدون مشکل یا هزینه توسعه برنامه بومی. این دوره نشان می دهد که چگونه یک وب سایت موجود را به جز برنامه جاوا اسکریپت Vanilla به یک برنامه وب مترقی تبدیل کنید. مدرس تام دافی نحوه ایجاد قابلیت های آفلاین، اعلانات نصب خودکار و اعلان ها را توضیح می دهد - ویژگی هایی که کاربران شما را خوشحال کرده و درگیر آنها می کند. علاوه بر این، نحوه پیاده سازی اعلان های فشار و ارائه ویژگی هایی را که حتی سیستم عامل های پیشرفته مانند iOS وجود ندارد، بیاموزید. اهداف یادگیری برنامه وب مترقی چیست؟ افزودن مانیفست برنامه وب به یک برنامه موجود ایجاد آیکون برای برنامه های وب مترقی ثبت نام کارکنان خدمات پاکسازی محدودیت های iOS نمایش و تعامل با اعلان ها اشتراک و مدیریت اطلاعیه های فشار
-
9
2 ساعت
با زیرنویس فارسی و انگلیسیدر قلب هر برنامه وب و فریمورکی (مانند Angular یا React) مفهوم (DOM (Document Object Model قرار دارد. در این دوره، مدرس W. Scott Means مفهوم DOM را از پایین به بالا بررسی می کند. پس از مقدمه ای سریع در رابط Node و درختان DOM، او با ساخت یک تجزیه کننده HTML کارا را به سطح بعدی می رساند. وی نحوه ترجمه کد منبع HTML به یک درخت کامل DOM، شامل نظرات، گره های متنی و عناصر دارای گره های مشخصه را به شما نشان می دهد. سپس نشان می دهد که چگونه درخت DOM حاصل را می توان با استفاده از نقشه ها و لیست های خاص DOM، منابع درختی و قطعات سند برای تولید خروجی HTML بسیار چاپ شده، پیمایش و تبدیل کرد. او دوره را با مشاوره در مورد اینکه چگونه می توانید آموخته های خود را تمرین کنید و یک قدم به تسلط بر DOM نزدیک شوید، پایان می یابد.