لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش اجزای وب کاربردی را به سرعت یاد بگیرید [ویدئو]
Learn Practical Web Components Quickly [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
به عنوان یک توسعه دهنده، آیا اغلب از نوشتن کدهای زیاد رنج نمی برید؟ اغلب اوقات، شما یک کد یکسان را برای صفحات مختلف بازنویسی میکنید و در نهایت وقت گرانبهایی را که میتوانستید بهرهورتر از آن استفاده کنید، تلف میکنید. . .
در این دوره شما را با دنیای اجزای وب آشنا می کنیم، مفهومی نسبتاً جدید که کدنویسی را برای توسعه دهندگان وب ساده کرده است. اجزای وب به شما این امکان را می دهند که تگ های HTML سفارشی و قابل استفاده مجدد ایجاد کنید که در مرورگرهای وب مدرن کار می کنند و می توانند با هر کتابخانه جاوا اسکریپت یا چارچوب وب که با HTML کار می کند استفاده شوند.
پس از انجام این دوره، شما آماده توسعه برنامه های کاربردی کامپوننت وب آماده تولید خواهید بود! شما قادر خواهید بود اجزای سفارشی خود را بسازید که می توانند بارها و بارها مورد استفاده مجدد قرار گیرند. علاوه بر این، شما همچنین می توانید اجزای سفارشی خود را با توسعه دهندگان دیگر به اشتراک بگذارید.
برای بهره مندی کامل از این دوره، باید حداقل یک ایده اولیه از مفاهیم ES6 مانند const، let، classes، map، فیلترها و غیره داشته باشید. درک اولیه چارچوب های جاوا اسکریپت مانند Angular، React و Vue برای به دست آوردن درک کامل از جنبه های یکپارچه سازی اجزای وب مفید خواهد بود.
فایل های کد این دوره در اینجا موجود است: https://github.com/PacktPublishing/Learn-Practical-Web-Components-Only توسعه عناصر HTML سفارشی قابل استفاده مجدد و سبک وزن که می توانید در تمام پروژه های آینده خود استفاده کنید.
اجزای وب ساده مانند راهنمای ابزار را برای ایجاد اجزای پیچیده مانند مدال و پس زمینه بسازید
اجزای وب پویا را ایجاد کنید که می توانند داده ها را دریافت کنند و از آن برای نمایش عنصر UI استفاده کنید.
با کدگذاری رویدادهای سفارشی، اجزای وب خود را به صورت مجزا بسازید
Shadow DOM را کاوش کنید و CSS و JavaScript را برای اجزای وب خود جدا کنید
در هنگام ایجاد اجزای وب، بر مزایای بی شمار قالب های تعریف شده توسط کاربر مسلط شوید
نگاهی اجمالی به دنیای React.js و چگونگی ساده سازی فرآیند پیچیده کدنویسی برنامه های وب داشته باشید
یاد بگیرید که کامپوننت های وب سفارشی خود را با توسعه دهندگان React.js و Angular Web ادغام کنید که نیاز به نوشتن کدهای غیرضروری دارند یا دانش آموزانی که مشتاقند یاد بگیرند که توسعه وب در آینده چگونه خواهد بود، از این دوره بهره خواهند برد! دانش اولیه HTML، CSS و جاوا اسکریپت ضروری است! شما باید حداقل یک ایده اولیه از مفاهیم ES6 مانند const، let، classes، map، فیلترها و غیره داشته باشید. درک اولیه چارچوب های جاوا اسکریپت مانند Angular، React و Vue برای به دست آوردن درک کامل از جنبه های یکپارچه سازی اجزای وب مفید خواهد بود. اجزای وب سفارشی را از ابتدا بسازید * اجزای قابل استفاده مجدد را درک کنید و چگونه اجزای خود را با React و Angular ادغام کنید * بدانید چگونه فیزیک را به صحنه های خود اضافه کنید و یاد بگیرید که از صدای سه بعدی در پروژه های خود استفاده کنید. توسعه پایان * از عناصر سفارشی و Shadow DOM برای ساخت برنامه های وب مبتنی بر مؤلفه استفاده کنید
سرفصل ها و درس ها
ساختن اولین کامپوننت وب ما
Building Our First Web Component
بررسی اجمالی دوره
The Course Overview
بررسی اجمالی دوره
The Course Overview
عناصر سفارشی
Custom Elements
عناصر سفارشی
Custom Elements
سایه DOM
Shadow DOM
سایه DOM
Shadow DOM
قالب های HTML
HTML Templates
قالب های HTML
HTML Templates
ایجاد قالب های HTML قابل استفاده مجدد
Creating Reusable HTML Templates
ایجاد قالب های HTML قابل استفاده مجدد
Creating Reusable HTML Templates
پیوستن به نقاط
Joining the Dots
پیوستن به نقاط
Joining the Dots
افزودن پویایی به اجزای وب ما
Adding Dynamism to Our Web Components
افزودن پویایی به اجزای وب ما
Adding Dynamism to Our Web Components
چرخه حیات اجزای وب
Web Components Lifecycle
چرخه حیات اجزای وب
Web Components Lifecycle
افزودن پویایی به کامپوننت وب
Adding Dynamism to the Web Component
افزودن پویایی به کامپوننت وب
Adding Dynamism to the Web Component
اجزای یک ظاهر طراحی شده
Styling Components
اجزای یک ظاهر طراحی شده
Styling Components
یک ظاهر طراحی پویا
Dynamic Styling
یک ظاهر طراحی پویا
Dynamic Styling
شنوندگان رویداد و اجزای وب
Event Listeners and Web Components
شنوندگان رویداد و اجزای وب
Event Listeners and Web Components
مقدمه ای بر گوش دادن به رویداد
Introduction to Event Listening
مقدمه ای بر گوش دادن به رویداد
Introduction to Event Listening
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Rushabh Shah یک توسعه دهنده باتجربه UI است که در یک استارت آپ هیجان انگیز در خارج از بمبئی کار می کند. او یکی از اعضای موسس این شرکت و همچنین توسعه دهنده ارشد UI در آنجا است. Rushabh روی پروژه های مختلفی در چارچوب ها و معماری های نرم افزاری مختلف کار کرده است. نقطه قوت او در ایجاد برنامه های کاربردی وب و داشبوردهای کاربر پسند با استفاده از کتابخانه سازگار با اجزای قابل استفاده مجدد مانند React همراه با آخرین پیشرفت ها در فناوری های توسعه وب سنتی است.
Rushabh قبلا با شرکت های بزرگی مانند Capgemini India Pvt کار کرده است. Ltd. و Fractal Analytics و دارای تجربه غنی در توسعه برنامه های کاربردی وب برای مشتریانی مانند Ernst Young، Procter & Gamble (P&G)، Colgate Palmolive، Reckitt Benckiser، و Indian Navy قبل از ورود به حوزه محصول با شرکت هایی مانند Cuddle.ai و جدیدتر است. Eugenie.ai (که او یکی از اعضای موسس آن است). او همچنین مقالات و آموزش هایی را برای توسعه وب مدیریت کرده است.
او که تنها توسعهدهنده بخش عمدهای در حرفهاش بوده است، نیاز به کسب دانش درست و کارآمد را از اقیانوس وسیع، یعنی وب جهانی، درک میکند. بهعلاوه، پس از کار کردن با پیشتازان صنعت، او بهترین روشها را برای ایجاد ابزارهای وب میداند.
نمایش نظرات