add my text about web components to the article (#26130)

* add my text about web components to the article

* Removed stub & html tags moved more info to bottom

* Reformatted links
pull/34720/head
Alex Corr 2018-12-21 10:16:59 +00:00 committed by Manish Giri
parent ee930678cd
commit b7b1cdad60
1 changed files with 11 additions and 3 deletions

View File

@ -3,11 +3,19 @@ title: How do I use Web Components?
---
#### How do I use Web Components?
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/web-components/how-do-I-use-web-components/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<ahref='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
<h1>Web Components</h1>
<p>Web Components are <q>a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps</q>. You can learn more<a href="https://www.webcomponents.org/introduction" target="_blank"> here</a>.</p>
<img src="https://cdn-images-1.medium.com/max/1600/0*_yWD1AV3xLlml1l5.png" alt="four web components" width="704" height="531" />
<p>You can also learn more about this <b>components</b> and how to use them on other <i>websites</i>, such as:
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
- <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components">Mozilla</a>
- <a href="https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/">Sitepen</a>
- <a href="https://codeburst.io/6-reasons-you-should-use-native-web-components-b45e18e069c2">Codeburst</a>