{"id":448,"date":"2019-04-26T15:40:43","date_gmt":"2019-04-26T20:40:43","guid":{"rendered":"https:\/\/technical.highedweb.org\/?post_type=schedule&#038;p=448"},"modified":"2019-10-12T14:08:57","modified_gmt":"2019-10-12T19:08:57","slug":"introduction-to-web-components","status":"publish","type":"schedule","link":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/","title":{"rendered":"Introduction to Web Components"},"content":{"rendered":"<p>Web components work across modern browsers and can be used with any JavaScript library or framework that works with HTML. In this session, you learn why you would want to use web components, how to use them in your projects, and how to start making your own.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web components work across modern browsers and can be used with any JavaScript library or framework that works with HTML. In this session, you learn why you would want to use web components, how to use them in your projects, and how to start making your own.<\/p>\n","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_links_to":"","_links_to_target":""},"event_types":null,"session_categories":null,"class_list":["post-448","schedule","type-schedule","status-publish","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introduction to Web Components - HighEdWeb Technical Academy<\/title>\n<meta name=\"description\" content=\"Helping web coders build better sites\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to Web Components - HighEdWeb Technical Academy\" \/>\n<meta property=\"og:description\" content=\"Helping web coders build better sites\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/\" \/>\n<meta property=\"og:site_name\" content=\"HighEdWeb Technical Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HighEdWeb\/\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-12T19:08:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/05\/technical-academy-2019-social-card.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@highedweb\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digicol.org\\\/technical\\\/schedule\\\/introduction-to-web-components\\\/\",\"url\":\"https:\\\/\\\/digicol.org\\\/technical\\\/schedule\\\/introduction-to-web-components\\\/\",\"name\":\"Introduction to Web Components - HighEdWeb Technical Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digicol.org\\\/technical\\\/#website\"},\"datePublished\":\"2019-04-26T20:40:43+00:00\",\"dateModified\":\"2019-10-12T19:08:57+00:00\",\"description\":\"Helping web coders build better sites\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/digicol.org\\\/technical\\\/schedule\\\/introduction-to-web-components\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/digicol.org\\\/technical\\\/schedule\\\/introduction-to-web-components\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/digicol.org\\\/technical\\\/schedule\\\/introduction-to-web-components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/digicol.org\\\/technical\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to Web Components\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/digicol.org\\\/technical\\\/#website\",\"url\":\"https:\\\/\\\/digicol.org\\\/technical\\\/\",\"name\":\"HighEdWeb Technical Academy\",\"description\":\"Helping web coders build better sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/digicol.org\\\/technical\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduction to Web Components - HighEdWeb Technical Academy","description":"Helping web coders build better sites","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/","og_locale":"en_US","og_type":"article","og_title":"Introduction to Web Components - HighEdWeb Technical Academy","og_description":"Helping web coders build better sites","og_url":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/","og_site_name":"HighEdWeb Technical Academy","article_publisher":"https:\/\/www.facebook.com\/HighEdWeb\/","article_modified_time":"2019-10-12T19:08:57+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/05\/technical-academy-2019-social-card.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@highedweb","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/","url":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/","name":"Introduction to Web Components - HighEdWeb Technical Academy","isPartOf":{"@id":"https:\/\/digicol.org\/technical\/#website"},"datePublished":"2019-04-26T20:40:43+00:00","dateModified":"2019-10-12T19:08:57+00:00","description":"Helping web coders build better sites","breadcrumb":{"@id":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digicol.org\/technical\/schedule\/introduction-to-web-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digicol.org\/technical\/"},{"@type":"ListItem","position":2,"name":"Introduction to Web Components"}]},{"@type":"WebSite","@id":"https:\/\/digicol.org\/technical\/#website","url":"https:\/\/digicol.org\/technical\/","name":"HighEdWeb Technical Academy","description":"Helping web coders build better sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digicol.org\/technical\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"event_dt":"2019-10-13T09:00","event_dt_gmt":"2019-10-13T14:00","event_date":"2019-10-13","event_start_time":"09:00","event_end_time":"10:30","event_date_display":"Sunday, October 13, 2019","event_time_display":"9:00 - 10:30 a.m.","event_duration":5400,"event_parent":0,"event_location":{"ID":427,"post_author":"10","post_date":"2019-04-12 09:30:26","post_date_gmt":"2019-04-12 14:30:26","post_content":"","post_title":"Wright Ballroom C","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"wright-ballroom-c","to_ping":"","pinged":"","post_modified":"2019-04-12 09:30:26","post_modified_gmt":"2019-04-12 14:30:26","post_content_filtered":"","post_parent":0,"guid":"https:\/\/technical.highedweb.org\/?post_type=locations&#038;p=427","menu_order":0,"post_type":"locations","post_mime_type":"","comment_count":"0","filter":"raw","permalink":"https:\/\/digicol.org\/technical\/locations\/wright-ballroom-c\/"},"event_address":null,"event_google_maps_url":null,"link_to_post":true,"event_speakers":[{"ID":446,"post_author":"10","post_date":"2019-04-26 15:39:16","post_date_gmt":"2019-04-26 20:39:16","post_content":"Nikki Massaro Kauffman is a unique combination of front-end developer, multimedia specialist, and educator. Nikki uses the web and educational technology to give learners of all backgrounds access to education. It is more than job to her; it is her calling. She has degrees in both computer science and in education and has been working in these fields since 1998.","post_title":"Nikki Massaro Kauffman","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"nikki-massaro-kauffman","to_ping":"","pinged":"","post_modified":"2019-04-26 15:39:16","post_modified_gmt":"2019-04-26 20:39:16","post_content_filtered":"","post_parent":0,"guid":"https:\/\/technical.highedweb.org\/?post_type=speakers&#038;p=446","menu_order":0,"post_type":"speakers","post_mime_type":"","comment_count":"0","filter":"raw","twitter":"nikkimk"}],"event_hashtag":null,"session_livestream_url":null,"session_slides_url":null,"session_feedback_url":"https:\/\/www.surveymonkey.com\/r\/Q3QNWSL","session_follow_up_url":null,"session_video_url":null,"_links":{"self":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule"}],"about":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/types\/schedule"}],"version-history":[{"count":1,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/448\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/448\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/media?parent=448"}],"wp:term":[{"taxonomy":"event_types","embeddable":true,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/event_types?post=448"},{"taxonomy":"session_categories","embeddable":true,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/session_categories?post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}