HTML - CL3

Question 1

Web-components:

• templates
• custom elemets
• shadow DOM
• imports

Answer 1

https: //ultimatecourses.com/blog/web-components-concepts-shadow-dom-imports-templates-custom-elements#templates
https: //css-tricks.com/modular-future-web-components/

Question 2

Spellcheck

Answer 2

https://www.w3schools.com/tags/att_global_spellcheck.asp

Question 3

Custom scheme handlers

Answer 3

https: //html.spec.whatwg.org/multipage/system-state.html#custom-handlers
https: //developer.mozilla.org/en-US/docs/Web/API/Navigator/registerProtocolHandler

Question 4

WebGL

Answer 4

https: //webglfundamentals.org/webgl/lessons/webgl-fundamentals.html
https: //webglfundamentals.org/webgl/lessons/webgl-how-it-works.html

Question 5

SVG

Answer 5

https://www.w3schools.com/html/html5_svg.asp

Question 6

HTML performance

Answer 6

https: //samdutton.wordpress.com/2015/04/02/high-performance-html/
https: //www.sitepoint.com/10-ways-minimize-reflows-improve-performance/

Question 7

Canvas:

• Draw Linear Gradient
• Draw Circular Gradient
• Draw Image

Answer 7

https: //www.w3schools.com/tags/canvas_createlineargradient.asp
https: //developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient
https: //www.w3schools.com/tags/canvas_createradialgradient.asp
https: //www.w3schools.com/tags/canvas_drawimage.asp

Question 8

Optimization pages for searching systems (one of google/yandex/yahoo/bing):

• How search engines indexes pages (google or yandex for example)
• rules for following to be indexed by bot
• single page application and potential problems with search engines
• ways to address SPA issues with search engines
• web components and search engines

Answer 8

https: //support.google.com/webmasters/answer/7451184?hl=en
https: //medium.com/js-dojo/is-my-single-page-app-seo-friendly-be2c827f1c38
https: //www.seroundtable.com/google-on-crawling-javascript-sites-progressive-web-apps-21737.html
https: //webmasters.googleblog.com/2014/05/understanding-web-pages-better.html
https: //hjnilsson.com/2016/05/18/seo-for-single-page-apps/