آموزش مبانی اجزای وب
Fundamentals of Web Components
برنامه‌های وب در حال تکامل هستند و چارچوب‌هایی مانند react، vue، angular، svelte و غیره، قابلیت‌هایی مانند اجزای قابل استفاده مجدد را برای ایجاد آسان‌تر برنامه‌های کاربردی بزرگ به ارمغان می‌آورند. با کامپوننت‌های وب می‌توانیم عناصر html سفارشی خود را درست مانند سایر چارچوب‌های وب محبوب ایجاد کنیم. اما تفاوت این است که api اجزای وب استاندارد وب است، به این معنی که با مرورگرهای مدرن ارائه می شود. بنابراین بدون نیاز به فرآیند ساخت اضافی یا هر ابزار دیگری، می‌توانیم کد خود را همانطور که در مرورگر است اجرا کنیم. تنها چیزی که نیاز داریم فقط دانش وانیلی جاوا اسکریپت است.
اجزای وب دارای سه API اصلی هستند. عناصر سفارشی , Shadow DOM و الگوهای HTML . و در این دوره همه را یاد می گیریم و تمرین می کنیم.
ما یاد خواهیم گرفت که چگونه می توانیم عناصر سفارشی بسازیم، چگونه می توانیم عناصر داخلی را گسترش دهیم. همچنین ما "الگو" را تمرین می کنیم تا رندر عنصر سفارشی خود را کارآمدتر کنیم.
می‌خواهیم Shadow Dom را تمرین کنیم تا نقش آن را در اجزای وب ببینیم. خواهیم دید که چگونه می‌توانیم عنصر سفارشی خود را با نشانه‌گذاری خارجی تهیه کنیم. و همچنین گزینه های استایل خود را برای عناصر خود خواهیم دید.
و در نهایت، نحوه تغییر رویدادها در سایه dom را تمرین خواهیم کرد. ما مشکلات را خواهیم دید و راه حل های خود را معرفی خواهیم کرد.
اگر می‌خواهید اجزای وب قابل استفاده مجدد را بدون تکیه بر کتابخانه شخص ثالث بسازید، اگر می‌خواهید برنامه‌های کاربردی بر اساس استانداردهای وب بسازید، مؤلفه‌های وب پاسخگوست.
مقدمه Intro
-
معرفی Introduction
-
محیط توسعه Development Environment
-
کدها Codes
عناصر سفارشی Custom Elements
-
نامزد عنصر سفارشی Custom Element Candidate
-
اولین عنصر سفارشی First Custom Element
-
چرخه حیات عنصر Element Lifecycle
-
ویژگی ها و ویژگی های کلاس Class Properties and Attributes
-
گسترش دکمه داخلی Extending Built-in Button
-
پلی پر Polyfill
قالب و ماژول ها Template and Modules
-
استخراج عنصر برای جداسازی فایل جاوا اسکریپت Extracting Element to Separate Javascript File
-
قالب Template
-
ماژول ها Modules
سایه DOM Shadow DOM
-
سایه DOM Shadow DOM
-
Shadow DOM بسته شد Closed Shadow DOM
-
اسلات Slot
-
یک ظاهر طراحی - فلش محتوای بدون استایل Styling - Flash of Unstyled Content
-
یک ظاهر طراحی - عنصر تعریف نشده Styling - Undefined Element
-
یک ظاهر طراحی - میزبان عنصر Styling - Element Host
-
یک ظاهر طراحی شده - اسلات Styling - Slot
-
یک ظاهر طراحی - قطعات و لوازم سفارشی CSS Styling - Part & CSS Custom Props
مناسبت ها Events
-
عنصر ورودی سفارشی Custom Input Element
-
رویدادهای ورودی Input Events
-
روی دکمه رویدادها کلیک کنید Button Click Events
فرم ثبت نام - نسخه ی نمایشی Register Form - Demo
-
ورودی با اعتبارسنجی Input with Validation
-
فرم ثبت نام Registration Form
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
https://donyad.com/d/9ac36c
Basar Buyukkahraman
مهندس نرم افزار
نمایش نظرات