آموزش اجزای وب: نحوه ایجاد عناصر HTML سفارشی با جاوا اسکریپت

Web Components: How to Create Custom HTML Elements with Javascript

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

در کلاس امروز، ما در مورد مجموعه ای از 4 ویژگی که متا مشخصات اجزای وب را تشکیل می دهند و اینکه چگونه می توانیم از آنها برای ایجاد تگ های HTML سفارشی و قابل استفاده مجدد برای استفاده در صفحات وب و وب استفاده کنیم، خواهیم آموخت. برنامه ها.

برای کسانی از شما که کدنویسی با جاوا اسکریپت را تجربه کرده‌اید، یادگیری نحوه ساخت عناصر سفارشی برای برنامه‌های وب و وب‌سایت‌های خود می‌تواند ابزار مفیدی برای کپسوله‌سازی عملکرد و استفاده مجدد از آن در هر جایی در یک پروژه خاص یا در چندین پروژه باشد.

برای پروژه کلاسی خود، من شما را تشویق می کنم که جزء وب کاملاً کارآمد خود را ایجاد کنید. برای الهام گرفتن، می‌توانید کارهایی را که تاکنون در این کلاس انجام داده‌ایم با مثال تجارت الکترونیک انجام داده‌ایم و عملکردهای اضافی مانند فیلتر محصول و انتخاب انواع را اضافه کنید.

مثل همیشه، اگر سؤال یا ابهامی دارید، در کادر بحث زیر نظر بدهید و من تمام تلاشم را می‌کنم تا شما را در مسیر درست راهنمایی کنم.


سرفصل ها و درس ها

درس ها Lessons

  • اجزای وب در عمل بخش 1 Web Components in Practice Part 1

  • اجزای وب - یک مثال زندگی واقعی Web Components - A Real Life Example

  • Shadow DOM The Shadow DOM

  • ماژول های ES ES Modules

  • عناصر سفارشی pt 2 Custom Elements pt 2

  • عناصر سفارشی قسمت 1 Custom Elements Part 1

  • مقدمه Introduction

  • اسلات ها و قالب ها Slots and Templates

  • نتیجه Conclusion

  • اجزای وب در عمل قسمت 3 Web Components in Practice Part 3

  • مشخصات 4 مؤلفه وب The 4 Web Component Specifications

  • عناصر داخلی سفارشی شده Customized Built-in Elements

  • اجزای وب در عمل قسمت 2 Web Components in Practice Part 2

نمایش نظرات

Skillshare (اسکیل شیر)

اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.

آموزش اجزای وب: نحوه ایجاد عناصر HTML سفارشی با جاوا اسکریپت
جزییات دوره
2h 30m
13
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
141
3 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christopher Dodd Christopher Dodd

توسعه دهنده وب/مدرس

کریستوفر داد یک توسعه‌دهنده وب خودآموخته، یوتیوب‌بر و وبلاگ‌نویس است که مأموریت دارد به افراد کمک کند مهارت‌های آزادکاری را بیاموزند و به طور مستقل امرار معاش کنند.

کریس در سال 2015 توسعه وب را به منظور کار از راه دور و سفر به جهان آموخت و این کار را برای بیش از 2 سال گذشته انجام داده است.

کریس از طریق کانال یوتیوب، وبلاگ و اینستاگرام خود الهام بخش و آموزش می‌دهد تا «عشایر دیجیتال» تازه کار را تعقیب کنند و به دنبال شغلی مستقل از موقعیت مکانی باشند.

من اخیراً یک انجمن Patreon را برای توسعه دهندگانی راه اندازی کردم که به دنبال کسب اطلاعات بیشتر در مورد تخصصی توسعه تم Shopify هستند.

اینجا را بررسی کنید =

این ویدیوی کوتاه زیر را تماشا کنید تا بدانید چگونه به این بخش خاص از توسعه وب فرانت‌اند رسیدم و چرا اکنون زمان خوبی برای شروع کار آزاد در این زمینه است.