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

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 تومان
    افزودن به سبد خرید