وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Build lightning fast web components apps for any framework

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

Learn how to create reusable components that work in every modern framework


1 - A high level introduction to webcomponents
  • 1 - Join the webcomponents Facebook community
  • 2 - Google Slides Part 1.txt
  • 2 - What are webcomponents
  • 3 - Google Slides Part 2.txt
  • 3 - How component systems evolved until webcomponents came along
  • 4 - Google Slides Part 3.txt
  • 4 - What do I get from learning webcomponents
  • 5 - Google Slides Part 4.txt
  • 5 - The four parts of the webcomponents spec in a nutshell
  • 6 - Google Slides Part 5.txt
  • 6 - When to choose webcomponents when to avoid them

  • 2 - Bonus Chapter Introduction to ES Next JavaScript features used in this course
  • 7 - StackBlitz Live Coding Samples.txt
  • 7 - Using ES Modules for importing and exporting dependencies
  • 8 - Arrow functions to the rescue for shorter syntax and easier this references
  • 8 - StackBlitz Live Coding Samples.txt

  • 3 - Writing vanilla webcomponents without any libraries
  • 9 - The components were going to build before our production app
  • 10 - Getting the course content from GitHub
  • 10 - GitHub repository with course contents.txt
  • 11 - Running a basic httpserver for ES modules on localhost
  • 11 - httpserver npm package on the yarn package manager site.txt
  • 12 - Creating a profile card that renders dynamic data on atrributeproperty change
  • 13 - Protip When defining custom element fails dealing with version conflicts
  • 14 - Styling our profile card with the new host pseudo selector
  • 15 - Protip Choosing your own tag name vs letting users choose their own tag name
  • 16 - Creating a rendering base class extending our card component with it
  • 17 - Protip The difference between constructor connectedCallback
  • 18 - Creating a noshadow DOM appshell that applies shared styles and theming
  • 19 - Fetching profiles and rendering a list of profile cards onto the page
  • 20 - Animating cards when data changes via slot change events of a parent component
  • 21 - Dispatching and listening to events from our cards to open a dialog component
  • 22 - Protip Working around issues with the hidden attribute to hide components
  • 23 - Feeding data to our dialog and finishing the final layout

  • 4 - Adding automated tests to our app
  • 24 - Why it matters to create automated tests
  • 25 - A look at the testing pyramid to understand what we will be testing
  • 26 - Stranger Testings When tests go into the upside down
  • 27 - Creating a testing plan for our app components
  • 28 - Setting up linting for our app with the openwcorg recommendations
  • 29 - Using prettier to autoformat our code
  • 30 - Discovering and adjusting linting issues via the CLI and fixing linting errors
  • 31 - Installing karma for unit testing and creating our first test
  • 32 - Creating the remaining unit tests
  • 33 - Adding the chrome binary permanently to our env vars
  • 34 - Adjusting the acceptable threshold of our code coverage report
  • 35 - Running automation tests automatically when pushing to GitHub via CircleCI
  • 36 - Setting up slack notifications for failing CI tests
  • 37 - Adding badges to our repo to reflect the status of our tests
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 42901
    حجم: 2175 مگابایت
    مدت زمان: 243 دقیقه
    تاریخ انتشار: ۲۹ دی ۱۴۰۳
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید