ساخت اپلیکیشن‌های مبتنی بر وب کامپوننت‌ها پرسرعت برای هر فریم‌ورک

آنچه یاد خواهید گرفت:

• یادگیری مشخصات وب کامپوننت‌ها: قالب‌ها، عناصر سفارشی، Shadow DOM و ماژول‌های ES
• یادگیری ساخت کامپوننت‌های قابل استفاده مجدد بدون هیچ کتابخانه‌ای
• یادگیری نکات حرفه‌ای درباره چگونگی استفاده از وب کامپوننت‌ها در سناریوهای واقعی
• یادگیری ساخت اپلیکیشن کامل با 4 کامپوننت
• یادگیری استفاده از شبه سلکتور جدید سی اس اس برای shadow DOM
• یادگیری استفاده از ارتباطات و مدیریت state وب کامپوننت

پیش‌نیازهای دوره

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

توضیحات دوره

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

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

وب کامپوننت‌ها به‌طور طبیعی با Vue، ری‌اکت، انگولار و بسیاری از فریم‌ورک‌های دیگر کار می‌کند.

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

مبانی وب کامپوننت‌ها:

• تئوری و مفهوم پشت وب کامپوننت‌ها و تمامی 4 بخش مشخصات
• چگونه عناصر سفارشی را تعریف کرده و با چرخه عمر یک کامپوننت کار کنیم؟
• مدیریت state و رندرینگ به Shadow DOM
• مفاهیم مختلف در مورد چگونگی مدیریت ارتباط بین کامپوننت‌ها
• آشنایی با شبه سلکتورهای جدید سی اس اس برای وب کامپوننت‌هایی مانند host: یا slotted::
• اولین اپلیکیشن خود را با فناوری‌های ذکر شده بسازید.

تست‌های خودکار واقعی با ESLint و Karma

• پیاده‌سازی لینتینگ با ESLint
• راه‌اندازی prettier برای فرمت‌بندی خودکار کد
• تست واحد و یکپارچه‌سازی با Karma
• راه‌اندازی Istanbul برای گزارش‌های پوشش کد
• راه‌اندازی CircleCI برای یکپارچه‌سازی مداوم، به طوری که تست‌ها با هر بار push به مخزن شما اجرا شوند.
• راه‌اندازی نوتیفیکیشن‌های slack برای تست‌های شکست‌خورده و فیکس شده
• نشان‌های CI را به مخازن خود برای هایلایت کردن وضعیت تست‌های خود اضافه کنید.

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

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان وب تازه‌کار که می‌خواهند داغ‌ترین ترند فرانت‌اند در سال 2019 را یاد بگیرند.
• توسعه‌دهندگان مبتدی یا پیشرفته با دانش فریم‌ورک‌های موجود (Vue، ری‌اکت، انگولار و غیره) که می‌خواهند وب کامپوننت‌ها را امتحان کنند.
• توسعه‌دهندگان پیشرفته که می‌خواهند وب کامپوننت‌ها را در گردش کارها و فریم‌ورک‌های موجود خود یکپارچه کنند.