301 http code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 http code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: vuewp.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="en-US"> <head> <title>Vue WordPress - Training and tutorials for web developers</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="apple-touch-icon" sizes="57x57" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://vuewp.com/wp-content/themes/vuewordpress/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://vuewp.com/wp-content/themes/vuewordpress/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://vuewp.com/wp-content/themes/vuewordpress/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://vuewp.com/wp-content/themes/vuewordpress/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://vuewp.com/wp-content/themes/vuewordpress/favicon-16x16.png"> <link rel="manifest" href="https://vuewp.com/wp-content/themes/vuewordpress/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://vuewp.com/wp-content/themes/vuewordpress/ms-icon-144x144.png"> <meta name="theme-color" content="#00ffc4"> <script src="https://cdn.lr-ingest.io/LogRocket.min.js" crossorigin="anonymous"></script> <script> window.LogRocket && window.LogRocket.init('jfwbm0/vuewp'); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v22.9 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Providers of high-quality web development training totorials and how-tos for Vuejs WordPress and more." /> <link rel="canonical" href="https://vuewp.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Vue WordPress - Training and tutorials for web developers" /> <meta property="og:description" content="Providers of high-quality web development training totorials and how-tos for Vuejs WordPress and more." /> <meta property="og:url" content="https://vuewp.com/" /> <meta property="og:site_name" content="VueWordPress" /> <meta property="article:modified_time" content="2020-03-02T14:46:16+00:00" /> <meta property="og:image" content="https://vuewp.com/wp-content/uploads/2020/02/Youtube-bg_00240-scaled.jpg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1945" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@EvanAgee" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://vuewp.com/","url":"https://vuewp.com/","name":"Vue WordPress - Training and tutorials for web developers","isPartOf":{"@id":"https://vuewp.com/#website"},"about":{"@id":"https://vuewp.com/#organization"},"datePublished":"2019-12-04T14:08:42+00:00","dateModified":"2020-03-02T14:46:16+00:00","description":"Providers of high-quality web development training totorials and how-tos for Vuejs WordPress and more.","breadcrumb":{"@id":"https://vuewp.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://vuewp.com/"]}]},{"@type":"BreadcrumbList","@id":"https://vuewp.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://vuewp.com/#website","url":"https://vuewp.com/","name":"VueWordPress","description":"Vue WordPress training and tutorials for web developers","publisher":{"@id":"https://vuewp.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vuewp.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://vuewp.com/#organization","name":"Vue WordPress","url":"https://vuewp.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://vuewp.com/#/schema/logo/image/","url":"https://vuewordpress.wpenginepowered.com/wp-content/uploads/2020/02/[email protected]","contentUrl":"https://vuewordpress.wpenginepowered.com/wp-content/uploads/2020/02/[email protected]","width":6471,"height":1015,"caption":"Vue WordPress"},"image":{"@id":"https://vuewp.com/#/schema/logo/image/"},"sameAs":["https://x.com/EvanAgee","https://www.youtube.com/channel/UCg8pbW81_DtpPZGiZMpJRyw"]}]}</script> <meta name="google-site-verification" content="A1PI2CpMmkdPQn7SEPHGkJv_QK_GmejjNVkdNOCC7oU" /> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel="alternate" type="application/rss+xml" title="VueWordPress » Home Page Comments Feed" href="https://vuewp.com/sample-page/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/vuewp.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://vuewp.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='wp-block-library-inline-css' type='text/css'> .has-text-align-justify{text-align:justify;} </style> <link rel='stylesheet' id='mediaelement-css' href='https://vuewp.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://vuewp.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='woof-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/css/front.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='plainoverlay-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/css/plainoverlay.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='malihu-custom-scrollbar-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mCustomScrollbar.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='icheck-jquery-color-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/icheck/skins/square/grey.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='woof_by_text_html_items-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/ext/by_text/css/by_text.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='woof_slider_html_items-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/ext/slider/css/html_types/slider.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-layout-css' href='https://vuewp.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=9.0.2' type='text/css' media='all' /> <style id='woocommerce-layout-inline-css' type='text/css'> .infinite-scroll .woocommerce-pagination { display: none; } </style> <link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://vuewp.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=9.0.2' type='text/css' media='only screen and (max-width: 768px)' /> <link rel='stylesheet' id='woocommerce-general-css' href='https://vuewp.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.0.2' type='text/css' media='all' /> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='wsl-widget-css' href='https://vuewp.com/wp-content/plugins/wordpress-social-login/assets/css/style.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='vuewordpress-css-css' href='https://vuewp.com/wp-content/themes/vuewordpress/public/styles.css?ver=1719510332' type='text/css' media='all' /> <script type="text/javascript" src="https://vuewp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.0.2" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/vuewp.com\/cart\/","is_cart":"","cart_redirect_after_add":"yes"}; /* ]]> */ </script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.0.2" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.0.2" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.0.2" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://vuewp.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://vuewp.com/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://vuewp.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://vuewp.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://vuewp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvuewp.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://vuewp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvuewp.com%2F&format=xml" /> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <link rel="icon" href="https://vuewp.com/wp-content/uploads/2020/08/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://vuewp.com/wp-content/uploads/2020/08/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://vuewp.com/wp-content/uploads/2020/08/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://vuewp.com/wp-content/uploads/2020/08/cropped-favicon-270x270.png" /> <style type="text/css"> </style> <script type="text/javascript"> if (typeof woof_lang_custom == 'undefined') { var woof_lang_custom = {};/*!!important*/ } woof_lang_custom.woof_text = "By text"; var woof_text_autocomplete = 0; var woof_text_autocomplete_items = 10; woof_text_autocomplete =0; woof_text_autocomplete_items =10; var woof_post_links_in_autocomplete = 0; woof_post_links_in_autocomplete =0; var how_to_open_links = 0; how_to_open_links =1; </script> <script type="text/javascript"> var woof_is_permalink =1; var woof_shop_page = ""; var woof_really_curr_tax = {}; var woof_current_page_link = location.protocol + '//' + location.host + location.pathname; //***lets remove pagination from woof_current_page_link woof_current_page_link = woof_current_page_link.replace(/\page\/[0-9]+/, ""); woof_current_page_link = "https://vuewp.com/courses/"; var woof_link = 'https://vuewp.com/wp-content/plugins/woocommerce-products-filter/'; </script> </head> <body class="home page-template page-template-page-templates page-template-page-builder page-template-page-templatespage-builder-php page page-id-2 wp-custom-logo o-page theme-vuewordpress woocommerce-no-js"> <header class="o-header lazy o-header--static shadow-inner left-0 right-0 w-full flex items-stretch" > <div class="o-header__container py-5 w-full flex items-center"> <div class="container flex items-center justify-between"> <div class="o-header__logo"> <a href="/"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1294.02 202.81" style="height: 30px;"> <defs> <style> .cls-1 { fill: #fff; } .cls-2 { fill: var(--color-teal-500); } </style> </defs> <path class="cls-1" d="M208.25,33.42,143.73,180H89.17L20,22.86H83.81l33.13,87.62,33.12-87.62" /> <path class="cls-1" d="M150.06,22.86h54.8l0,.15L229,97.77l27.52-75.35h49.2l27.52,75.35,24.11-74.91H416L360.24,180H310.56l-30-77.58-30,77.58H201L147.54,29.52" /> <path class="cls-1" d="M385.08,22.86H461.8c45.3,0,76.23,18.51,76.23,55.52v.44c0,37.68-31.41,57.75-77.45,57.75H442.07v42.36h-57Zm72.34,76.47c14.61,0,24.35-6,24.35-17.16v-.45c0-11.37-9-17.17-24.11-17.17H442.07V99.33Z" /> <path class="cls-2" d="M565.23,30.1H593.4L608,68.78,622.65,30.1h27.73L619.85,99.49H595.77Z" /> <path class="cls-2" d="M650.27,68.09v-38h25.59V67.8c0,8.56,4.84,12.2,11.61,12.2s11.62-3.35,11.62-11.71V30.1h25.58V67.6c0,23.52-14.94,32.77-37.41,32.77S650.27,90.93,650.27,68.09Z" /> <path class="cls-2" d="M730.05,30.1h64.18V49H754.78v7h36.77V72.62H754.78V80.1h40V99H730.05Z" /> <path class="cls-2" d="M566.42,109.34h26.34l10.64,33.07,12.15-33.26h21.72l12.15,33.26,10.64-33.07H686l-24.62,69.39H639.42l-13.23-34.25L613,178.73H591Z" /> <path class="cls-2" d="M681.67,144v-.2c0-20,18-35.92,41.18-35.92s41,15.74,41,35.72v.2c0,20-18,35.92-41.18,35.92S681.67,164,681.67,144Zm56.77,0v-.2a15.35,15.35,0,0,0-15.81-15.55A15.12,15.12,0,0,0,707,143.59v.2a15.35,15.35,0,0,0,15.81,15.55A15.12,15.12,0,0,0,738.44,144Z" /> <path class="cls-2" d="M768.11,109.34h36.77c13.33,0,21.82,3,27.09,7.88,4.52,4.13,6.88,9.25,6.88,16.33v.2c0,10-5.7,17-14.83,21.06l17.52,23.43H812.83l-14.19-19.69h-5.37v19.69H768.11Zm36,32.78c6,0,9.67-2.46,9.67-6.7v-.19c0-4.43-3.76-6.6-9.57-6.6h-11v13.49Z" /> <path class="cls-2" d="M842.4,109.34h28.81c29.89,0,44.84,13.49,44.84,33.86v.2c0,20.37-15.27,34.84-45.7,34.84h-28Zm25.16,20.08v28.74h4.19c11.5,0,18.92-4.33,18.92-14.27v-.2c0-9.94-7.42-14.27-18.92-14.27Z" /> <path class="cls-2" d="M920.35,109.34h33.86c20,0,33.65,8.17,33.65,24.51v.2c0,16.63-13.86,25.49-34.19,25.49H945.5v18.7H920.35Zm31.93,33.76c6.45,0,10.75-2.66,10.75-7.58v-.19c0-5-4-7.58-10.65-7.58H945.5V143.1Z" /> <path class="cls-2" d="M990.66,109.34h36.77c13.33,0,21.82,3,27.09,7.88,4.52,4.13,6.88,9.25,6.88,16.33v.2c0,10-5.7,17-14.83,21.06l17.52,23.43h-28.71l-14.19-19.69h-5.37v19.69H990.66Zm36,32.78c6,0,9.68-2.46,9.68-6.7v-.19c0-4.43-3.76-6.6-9.57-6.6h-11v13.49Z" /> <path class="cls-2" d="M1065,109.34h64.18v18.9h-39.45v7h36.77v16.63h-36.77v7.48h40v18.9H1065Z" /> <path class="cls-2" d="M1127.63,167.9l13.44-14.66a45.8,45.8,0,0,0,26.34,8.07c4.51,0,6.45-1.08,6.45-2.95v-.2c0-2-2.37-3-10.43-4.53-16.88-3.15-31.72-7.58-31.72-22.14v-.2c0-13.09,11.18-23.23,31.93-23.23,14.52,0,25.27,3.15,34,9.45l-12.26,15.55a42,42,0,0,0-22.58-6.79c-3.76,0-5.48,1.18-5.48,2.85v.2c0,1.87,2,3.05,10,4.43,19.24,3.25,32.15,8.37,32.15,22.24v.2c0,14.47-13,23.33-33.23,23.33C1151,179.52,1137.2,175.58,1127.63,167.9Z" /> <path class="cls-2" d="M1195.36,167.9l13.44-14.66a45.8,45.8,0,0,0,26.34,8.07c4.51,0,6.45-1.08,6.45-2.95v-.2c0-2-2.37-3-10.43-4.53-16.88-3.15-31.72-7.58-31.72-22.14v-.2c0-13.09,11.19-23.23,31.94-23.23,14.51,0,25.26,3.15,34,9.45l-12.26,15.55a42,42,0,0,0-22.57-6.79c-3.77,0-5.49,1.18-5.49,2.85v.2c0,1.87,2,3.05,10,4.43,19.25,3.25,32.15,8.37,32.15,22.24v.2c0,14.47-13,23.33-33.22,23.33C1218.69,179.52,1204.93,175.58,1195.36,167.9Z" /> </svg> </a> </div> <nav class="o-header__nav ml-5 justify-end"> <div class="hidden lg:block"> <ul id="menu-main-menu" class="o-header__nav__items flex justify-end"><li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"><a href="https://vuewp.com/courses/">Courses</a></li> <li id="menu-item-423" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-423"><a href="#">Projects</a> <ul class="sub-menu"> <li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-429"><a href="https://vuewp.com/vue-wordpress-theme-starter/">Vue WordPress Theme Starter</a></li> <li id="menu-item-428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428"><a href="https://vuewp.com/vue-wordpress-plugin-starter/">Vue WordPress Plugin Starter</a></li> </ul> </li> <li id="menu-item-80" class="cart-icon menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="https://vuewp.com/cart/"><i class="fad fa-shopping-cart mr-2 text-lg"></i></a></li> <li id="menu-item-77" class="my-account menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="https://vuewp.com/my-account/">Login/Signup</a></li> </ul> </div> <div class="lg:hidden js-mobile-menu-trigger"> <i class="fal fa-bars text-2xl"></i> </div> </nav> </div> </div> <div class="lg:hidden m-mobileNav fixed right-0 top-0 w-full bg-gray-1000 py-5 uppercase tracking-wider text-right font-extrabold z-20"> <div class="container"> <ul id="menu-mobile-menu" class="m-mobileNav__items flex-col"><li id="menu-item-558" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-558"><a href="https://vuewp.com/courses/">Courses</a></li> <li id="menu-item-556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556"><a href="https://vuewp.com/my-account/">My Account</a></li> <li id="menu-item-557" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-557"><a href="https://vuewp.com/cart/">Cart</a></li> </ul> </div> </div> </header><main class="o-page__content o-page__content--nopad flex-1"> <section id="page-2" class="post-2 page type-page status-publish hentry"> <div class="relative bg-gray-900 overflow-hidden m-hero"> <div class="container"> <div class="relative z-10 bg-gray-900 pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32"> <div class="pt-6 px-6 lg:px-8"> </div> <div class="mt-24 mx-auto lg:max-w-screen-lg xl:max-w-screen-xl md:mt-32 lg:max-w-lg xl:mt-40"> <div class="text-left lg:text-left"> <h1 class="text-4xl tracking-tight leading-none font-extrabold text-gray-200 md:text-6xl">Vue WordPress training and tutorials <br class="xl:hidden"> <span class="text-teal-600">for web developers</span></h1> <div class="mt-5 text-lg text-gray-500 mx-auto md:mt-5 md:text-xl lg:mx-0"> <p>WordPress is powerful and Vue is incredibly fun. We offer courses that help you bring them together in exciting ways. We’re industry professionals with over 20 years experience building highly interactive apps and we’re ready to help you get where you want to go.</p> </div> <div class="mt-8 flex justify-center lg:justify-start"> <div class="rounded shadow-xl "> <a href="https://vuewordpress.wpenginepowered.com/courses/" target="" class="a-button a-button--rounded a-button--large a-button--teal-500 a-button--text-gray-900 "> Browse Courses </a> </div> <div class="rounded shadow-xl mt-0 ml-3 lg:ml-5"> <a href="https://vuewordpress.wpenginepowered.com/my-account/" target="" class="a-button a-button--rounded a-button--large a-button--gray-200 a-button--text-gray-800 "> Sign Up! </a> </div> </div> </div> </div> <svg class="hidden lg:block absolute right-0 inset-y-0 h-full w-48 text-gray-900 transform translate-x-1/2" fill="currentColor" viewBox="0 0 100 100" preserveAspectRatio="none"> <polygon points="50,0 100,0 50,100 0,100"></polygon> </svg> </div> </div> <div class="hidden lg:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 m-hero__bg"> <img class="lazy w-full object-cover h-56 md:h-96 lg:w-full lg:h-full" data-srcset="https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_500,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 300w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_768,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 768w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_100,w_2000,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 1024w" alt=""> </div> </div> <!-- <pre class="text-white"> array(6) { ["headline"]=> string(113) "Vue WordPress training and tutorials <br class="xl:hidden"> <span class="text-teal-600">for web developers</span>" ["content"]=> string(283) "<p>WordPress is powerful and Vue is incredibly fun. We offer courses that help you bring them together in exciting ways. We’re industry professionals with over 20 years experience building highly interactive apps and we’re ready to help you get where you want to go.</p> " ["ctas"]=> array(2) { [0]=> array(2) { ["button"]=> array(3) { ["title"]=> string(14) "Browse Courses" ["url"]=> string(49) "https://vuewordpress.wpenginepowered.com/courses/" ["target"]=> string(0) "" } ["button_style"]=> string(8) "featured" } [1]=> array(2) { ["button"]=> array(3) { ["title"]=> string(8) "Sign Up!" ["url"]=> string(52) "https://vuewordpress.wpenginepowered.com/my-account/" ["target"]=> string(0) "" } ["button_style"]=> string(6) "normal" } } ["background_image_type"]=> string(8) "external" ["background_image_url"]=> string(463) "https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_500,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 300w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_768,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 768w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_100,w_2000,e_colorize:30,co_rgb:2c5282/v1582738035/evanagee.com/bg-2018-code-grayscale.jpg 1024w" ["this_background_image_url_is_a_srcset"]=> bool(true) } </pre> --> <section class="a-component m-courseCardGrid"> <div class="container"> <h3 class="text-secondary-100 uppercase tracking-widest mb-6 font-extrabold">Recent Courses</h3> <ul class="m-courseCardGrid__grid m-courseCardGrid__grid--threeUp"> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/09/acf-custom-blocks-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/09/acf-custom-blocks-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/custom-blocks-with-advanced-custom-fields/" class="font-black mb-4 block">Custom blocks with Advanced Custom Fields</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=acf" class="a-tags__tag__link">ACF</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=tailwindcss" class="a-tags__tag__link">tailwindcss</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=theme" class="a-tags__tag__link">theme</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>27.99</bdi></span></div> <a href="/cart/?add-to-cart=659" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 49:04 </li> <li> <div class="vuewp-course-actions" data-course-id="659"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/custom-blocks-with-advanced-custom-fields/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/09/acf-custom-blocks-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/09/acf-custom-blocks-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/custom-blocks-with-advanced-custom-fields/" class="text-white">Custom blocks with Advanced Custom Fields</a> </div> </div> </div> </li> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/vue-powered-wordpress-plugin-1-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/vue-powered-wordpress-plugin-1-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/creating-a-vue-powered-wordpress-plugin/" class="font-black mb-4 block">Creating a Vue-powered WordPress Plugin</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=plugin" class="a-tags__tag__link">plugin</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=postcss" class="a-tags__tag__link">postcss</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=vue" class="a-tags__tag__link">Vue</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=webpack" class="a-tags__tag__link">webpack</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>24.99</bdi></span></div> <a href="/cart/?add-to-cart=418" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 26:24 </li> <li> <div class="vuewp-course-actions" data-course-id="418"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/creating-a-vue-powered-wordpress-plugin/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/vue-powered-wordpress-plugin-1-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/vue-powered-wordpress-plugin-1-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/creating-a-vue-powered-wordpress-plugin/" class="text-white">Creating a Vue-powered WordPress Plugin</a> </div> </div> </div> </li> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/filtering-posts-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/filtering-posts-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/post-filtering-ui-with-vue-and-wordpress/" class="font-black mb-4 block">Post Filtering UI with Vue and WordPress</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=api" class="a-tags__tag__link">API</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=rest" class="a-tags__tag__link">REST</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=shortcode" class="a-tags__tag__link">shortcode</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>24.99</bdi></span></div> <a href="/cart/?add-to-cart=413" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 01:05:22 </li> <li> <div class="vuewp-course-actions" data-course-id="413"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/post-filtering-ui-with-vue-and-wordpress/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/filtering-posts-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/filtering-posts-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/post-filtering-ui-with-vue-and-wordpress/" class="text-white">Post Filtering UI with Vue and WordPress</a> </div> </div> </div> </li> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/tailwindcss-2-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/tailwindcss-2-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/adding-tailwindcss-to-your-wordpress-theme/" class="font-black mb-4 block">Adding tailwindcss to your WordPress theme</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=postcss" class="a-tags__tag__link">postcss</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=tailwindcss" class="a-tags__tag__link">tailwindcss</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=webpack" class="a-tags__tag__link">webpack</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>22.99</bdi></span></div> <a href="/cart/?add-to-cart=388" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 05:25 </li> <li> <div class="vuewp-course-actions" data-course-id="388"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/adding-tailwindcss-to-your-wordpress-theme/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/tailwindcss-2-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/tailwindcss-2-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/adding-tailwindcss-to-your-wordpress-theme/" class="text-white">Adding tailwindcss to your WordPress theme</a> </div> </div> </div> </li> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/browsersync-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/browsersync-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/adding-browsersync-to-your-wordpress-theme/" class="font-black mb-4 block">Adding BrowserSync to your WordPress theme</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=webpack" class="a-tags__tag__link">webpack</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>22.99</bdi></span></div> <a href="/cart/?add-to-cart=379" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 08:44 </li> <li> <div class="vuewp-course-actions" data-course-id="379"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/adding-browsersync-to-your-wordpress-theme/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/browsersync-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/browsersync-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/adding-browsersync-to-your-wordpress-theme/" class="text-white">Adding BrowserSync to your WordPress theme</a> </div> </div> </div> </li> <li class="m-courseCardGrid__grid__item"> <div class="o-cardv2"> <div class="o-cardv2__hover bg-gray-900 text-white rounded-md lazy bg-contain bg-top overflow-hidden shadow-xl" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/webpack-1-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/webpack-1-300x169.jpg);"> <div class="o-cardv2__hover__content"> <a href="https://vuewp.com/course/adding-webpack-to-your-wordpress-theme/" class="font-black mb-4 block">Adding webpack to your WordPress theme</a> <div class="text-white mb-6"> <ul class="a-tags"><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=javascript" class="a-tags__tag__link">JavaScript</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=postcss" class="a-tags__tag__link">postcss</a></li><li class="a-tags__tag text-white"><a href="/courses/?filter=1&product_tag=webpack" class="a-tags__tag__link">webpack</a></li></ul> </div> <div class="flex justify-center items-stretch mb-8"> <div class="bg-black rounded-l-md flex items-center font-bold px-3"> <span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>22.99</bdi></span></div> <a href="/cart/?add-to-cart=375" class="bg-teal-500 rounded-lg text-teal-800 py-2 px-4 uppercase text-sm font-black inline-block"><i class="fad fa-cart-plus mr-2"></i>Add To Cart</a> </div> <ul class="o-cardv2__hover__content__stats mb-0 flex justify-between w-100 items-center rounded-b-md"> <li class="font-bold"> 33:18 </li> <li> <div class="vuewp-course-actions" data-course-id="375"></div> </li> </ul> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </div> </div> <div class="o-cardv2__default"> <a href="https://vuewp.com/course/adding-webpack-to-your-wordpress-theme/" class="o-cardv2__default__img block bg-cover bg-center rounded-md lazy shadow-lg overflow-hidden" data-bg="url(https://vuewp.com/wp-content/uploads/2020/02/webpack-1-1024x576.jpg)" style="background-image: url(https://vuewp.com/wp-content/uploads/2020/02/webpack-1-300x169.jpg);"> <div class="absolute bottom-0 left-0 right-0"> <div class="vuewordpress-video-progress" data-progress="Array"></div> </div> </a> </div> <div class="o-cardv2__persist"> <div class="font-black leading-tight my-2"><a href="https://vuewp.com/course/adding-webpack-to-your-wordpress-theme/" class="text-white">Adding webpack to your WordPress theme</a> </div> </div> </div> </li> </ul> </div> </section> </section> </main> <footer class="o-footer--new" style="background-image: url(https://res.cloudinary.com/evanagee/image/upload/c_scale,e_grayscale,w_2000/v1582809392/VueWP/developer-at-work-FP5TYRJ.jpg);"> <div class="o-footer--new__interior"> <div class="o-footer--new__cta relative container"> <div class="m-ctaMailingList lg:absolute w-full bg-gray-1000 overflow-hidden rounded-lg shadow-2xl right-0 left-0"> <div class="max-w-screen-xl mx-auto "> <div class="lg:relative z-10 py-8 bg-gray-1000 sm:py-16 md:py-20 lg:max-w-2xl lg:w-full lg:py-20"> <div class="mx-auto max-w-screen-xl px-8 lg:px-12 "> <div class="sm:text-center lg:text-left"> <h2 class="text-2xl leading-8 font-semibold font-display text-gray-200 sm:text-3xl sm:leading-9">You ain't seen nothing yet!</h2> <div class="mt-2 max-w-2xl text-base leading-6 text-gray-400 mb-5"> Sign up for our newsletter and we'll email you every time a new course is released! Of course if you get annoyed you can unsubscribe at any time. </div> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup" class=""> <form action="https://vuewordpress.us4.list-manage.com/subscribe/post?u=6cec351453af53474f20c058d&id=5b6f94e352" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate relative w-full" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <div class="mc-field-group flex w-full max-w-lg items-stretch"> <input type="email" value="" name="EMAIL" class="required email block w-full px-5 py-3 text-lg leading-snug focus:outline-none focus:shadow-outline flex-1" id="mce-EMAIL" placeholder="Enter your email"> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="a-button relative mt-0 ml-4 block w-auto px-2 lg:px-6 py-3 shadow-md focus:outline-none focus:shadow-outline"> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6cec351453af53474f20c058d_5b6f94e352" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script> <script type='text/javascript'> (function($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[0] = 'EMAIL'; ftypes[0] = 'email'; fnames[1] = 'FNAME'; ftypes[1] = 'text'; fnames[2] = 'LNAME'; ftypes[2] = 'text'; fnames[3] = 'ADDRESS'; ftypes[3] = 'address'; fnames[4] = 'PHONE'; ftypes[4] = 'phone'; fnames[5] = 'BIRTHDAY'; ftypes[5] = 'birthday'; }(jQuery)); var $mcj = jQuery.noConflict(true); </script> <!--End mc_embed_signup--> </div> </div> <svg class="hidden lg:block absolute right-0 inset-y-0 h-full w-20 text-gray-900 transform translate-x-1/2" fill="currentColor" viewBox="0 0 100 100" preserveAspectRatio="none"> <polygon points="50,0 100,0 50,100 0,100"></polygon> </svg> </div> </div> <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 z-5"> <img class="m-ctaMailingList__img lazy h-48 w-full object-cover lg:h-full xl:h-full" src="https://res.cloudinary.com/evanagee/image/upload/c_scale,q_50,w_500,c_scale,l_v1580244758:VueWP:vwp-glyph.png,w_500,z_2,e_negate/v1582739554/evanagee.com/bg-2018-code-bluetint.jpg" data-srcset="https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_500,c_scale,l_v1580244758:VueWP:vwp-glyph.png,w_1000,z_2,e_negate/v1582739554/evanagee.com/bg-2018-code-bluetint.jpg 256w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_80,w_768,c_scale,l_v1580244758:VueWP:vwp-glyph.png,w_1000,z_2,e_negate/v1582739554/evanagee.com/bg-2018-code-bluetint.jpg 768w, https://res.cloudinary.com/evanagee/image/upload/c_scale,q_100,w_600,c_scale,l_v1580244758:VueWP:vwp-glyph.png,w_1000,z_2,e_negate/v1582739554/evanagee.com/bg-2018-code-bluetint.jpg 1024w" data-sizes="256w, 768w, 1024w" alt="VueWordPress Logo"> </div> </div> </div> <div class="o-footer--new__top text-gray-200"> <div class="container"> <div class="text-2xl lg:text-6xl mb-5 lg:mb-20 font-black a-borderHeader">Stats</div> <ul class="o-footer--new__statRow lg:flex items-stretch w-full"> <li><strong>20+</strong>Years experience as a professional web developer</li> <li><strong>7</strong>Courses to help you reach your goals and grow your skillz</li> <li><strong>209</strong>Minutes of Vue WordPress focused content</li> <li><strong>1.1k</strong>Stars on Github for our open source <a href="https://github.com/EvanAgee/vuejs-wordpress-theme-starter" target="_blank">Vue WordPress Theme Starter</a></li> </ul> </div> </div> <div class="flex"> <div class="flex-1"> <div class="o-footer--new__bottom"> <div class="o-footer--new__bottom__interior"> <div class="o-footer--new__bottom__container container flex flex-col"> <div class="pt-10 lg:pt-20 pb-5 flex items-center"> <a href="/" class="mr-12"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1294.02 202.81" style="height: 30px;"> <defs> <style> .footer-logo-cls-1 { fill: #fff; } .footer-logo-cls-2 { fill: #00ffc4; } </style> </defs> <path class="footer-logo-cls-1" d="M208.25,33.42,143.73,180H89.17L20,22.86H83.81l33.13,87.62,33.12-87.62" /> <path class="footer-logo-cls-1" d="M150.06,22.86h54.8l0,.15L229,97.77l27.52-75.35h49.2l27.52,75.35,24.11-74.91H416L360.24,180H310.56l-30-77.58-30,77.58H201L147.54,29.52" /> <path class="footer-logo-cls-1" d="M385.08,22.86H461.8c45.3,0,76.23,18.51,76.23,55.52v.44c0,37.68-31.41,57.75-77.45,57.75H442.07v42.36h-57Zm72.34,76.47c14.61,0,24.35-6,24.35-17.16v-.45c0-11.37-9-17.17-24.11-17.17H442.07V99.33Z" /> <path class="footer-logo-cls-2" d="M565.23,30.1H593.4L608,68.78,622.65,30.1h27.73L619.85,99.49H595.77Z" /> <path class="footer-logo-cls-2" d="M650.27,68.09v-38h25.59V67.8c0,8.56,4.84,12.2,11.61,12.2s11.62-3.35,11.62-11.71V30.1h25.58V67.6c0,23.52-14.94,32.77-37.41,32.77S650.27,90.93,650.27,68.09Z" /> <path class="footer-logo-cls-2" d="M730.05,30.1h64.18V49H754.78v7h36.77V72.62H754.78V80.1h40V99H730.05Z" /> <path class="footer-logo-cls-2" d="M566.42,109.34h26.34l10.64,33.07,12.15-33.26h21.72l12.15,33.26,10.64-33.07H686l-24.62,69.39H639.42l-13.23-34.25L613,178.73H591Z" /> <path class="footer-logo-cls-2" d="M681.67,144v-.2c0-20,18-35.92,41.18-35.92s41,15.74,41,35.72v.2c0,20-18,35.92-41.18,35.92S681.67,164,681.67,144Zm56.77,0v-.2a15.35,15.35,0,0,0-15.81-15.55A15.12,15.12,0,0,0,707,143.59v.2a15.35,15.35,0,0,0,15.81,15.55A15.12,15.12,0,0,0,738.44,144Z" /> <path class="footer-logo-cls-2" d="M768.11,109.34h36.77c13.33,0,21.82,3,27.09,7.88,4.52,4.13,6.88,9.25,6.88,16.33v.2c0,10-5.7,17-14.83,21.06l17.52,23.43H812.83l-14.19-19.69h-5.37v19.69H768.11Zm36,32.78c6,0,9.67-2.46,9.67-6.7v-.19c0-4.43-3.76-6.6-9.57-6.6h-11v13.49Z" /> <path class="footer-logo-cls-2" d="M842.4,109.34h28.81c29.89,0,44.84,13.49,44.84,33.86v.2c0,20.37-15.27,34.84-45.7,34.84h-28Zm25.16,20.08v28.74h4.19c11.5,0,18.92-4.33,18.92-14.27v-.2c0-9.94-7.42-14.27-18.92-14.27Z" /> <path class="footer-logo-cls-2" d="M920.35,109.34h33.86c20,0,33.65,8.17,33.65,24.51v.2c0,16.63-13.86,25.49-34.19,25.49H945.5v18.7H920.35Zm31.93,33.76c6.45,0,10.75-2.66,10.75-7.58v-.19c0-5-4-7.58-10.65-7.58H945.5V143.1Z" /> <path class="footer-logo-cls-2" d="M990.66,109.34h36.77c13.33,0,21.82,3,27.09,7.88,4.52,4.13,6.88,9.25,6.88,16.33v.2c0,10-5.7,17-14.83,21.06l17.52,23.43h-28.71l-14.19-19.69h-5.37v19.69H990.66Zm36,32.78c6,0,9.68-2.46,9.68-6.7v-.19c0-4.43-3.76-6.6-9.57-6.6h-11v13.49Z" /> <path class="footer-logo-cls-2" d="M1065,109.34h64.18v18.9h-39.45v7h36.77v16.63h-36.77v7.48h40v18.9H1065Z" /> <path class="footer-logo-cls-2" d="M1127.63,167.9l13.44-14.66a45.8,45.8,0,0,0,26.34,8.07c4.51,0,6.45-1.08,6.45-2.95v-.2c0-2-2.37-3-10.43-4.53-16.88-3.15-31.72-7.58-31.72-22.14v-.2c0-13.09,11.18-23.23,31.93-23.23,14.52,0,25.27,3.15,34,9.45l-12.26,15.55a42,42,0,0,0-22.58-6.79c-3.76,0-5.48,1.18-5.48,2.85v.2c0,1.87,2,3.05,10,4.43,19.24,3.25,32.15,8.37,32.15,22.24v.2c0,14.47-13,23.33-33.23,23.33C1151,179.52,1137.2,175.58,1127.63,167.9Z" /> <path class="footer-logo-cls-2" d="M1195.36,167.9l13.44-14.66a45.8,45.8,0,0,0,26.34,8.07c4.51,0,6.45-1.08,6.45-2.95v-.2c0-2-2.37-3-10.43-4.53-16.88-3.15-31.72-7.58-31.72-22.14v-.2c0-13.09,11.19-23.23,31.94-23.23,14.51,0,25.26,3.15,34,9.45l-12.26,15.55a42,42,0,0,0-22.57-6.79c-3.77,0-5.49,1.18-5.49,2.85v.2c0,1.87,2,3.05,10,4.43,19.25,3.25,32.15,8.37,32.15,22.24v.2c0,14.47-13,23.33-33.22,23.33C1218.69,179.52,1204.93,175.58,1195.36,167.9Z" /> </svg> </a> <div class=""> <ul class="text-2xl flex items-center text-white"> <li class="mr-5"><a href="https://twitter.com/VueWord" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><a href="https://www.youtube.com/channel/UCg8pbW81_DtpPZGiZMpJRyw" target="_blank"><i class="fab fa-youtube"></i></a></li> </ul> </div> </div> <div class="o-footer--new__bottom__cols lg:flex text-gray-300"> <div class="o-footer--new__bottom__cols__col mb-12 lg:mb-0 lg:w-1/2"> <div> <p>Vue WordPress exists to bring together two of the best things to ever happen to web development, WordPress and Vue. We’re committed to creating the best training materials and open source resources to help developers get the most out of the ecosystem.</p> </div> <div class="mt-8"> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup" class=""> <form action="https://vuewordpress.us4.list-manage.com/subscribe/post?u=6cec351453af53474f20c058d&id=5b6f94e352" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate relative w-full" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <div class="mc-field-group flex w-full max-w-lg items-stretch"> <input type="email" value="" name="EMAIL" class="required email block w-full px-5 py-3 text-lg leading-snug focus:outline-none focus:shadow-outline flex-1" id="mce-EMAIL" placeholder="Enter your email"> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="a-button relative mt-0 ml-4 block w-auto px-2 lg:px-6 py-3 shadow-md focus:outline-none focus:shadow-outline"> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6cec351453af53474f20c058d_5b6f94e352" tabindex="-1" value=""></div> <div class="clear"></div> </div> </form> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script> <script type='text/javascript'> (function($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[0] = 'EMAIL'; ftypes[0] = 'email'; fnames[1] = 'FNAME'; ftypes[1] = 'text'; fnames[2] = 'LNAME'; ftypes[2] = 'text'; fnames[3] = 'ADDRESS'; ftypes[3] = 'address'; fnames[4] = 'PHONE'; ftypes[4] = 'phone'; fnames[5] = 'BIRTHDAY'; ftypes[5] = 'birthday'; }(jQuery)); var $mcj = jQuery.noConflict(true); </script> <!--End mc_embed_signup--> </div> </div> <div class="o-footer--new__bottom__cols__col lg:w-1/2"> <div class="lg:flex"> <div> <h3 class="uppercase tracking-widest font-black text-base mb-1">About the Instructor</h3> <p>I’m Evan Agee, a web developer who specializes in WordPress and JavaScript. I’ve worked with clients from around the world during my 19 years of professional experience including brands like FedEx, Disney, PeiWei, Facebook and countless others.</p> <p><a class="font-bold block mt-3" href="https://evanagee.com" target="_blank" rel="noopener">https://evanagee.com</a></p> </div> <div><img decoding="async" class="its-evan border-4 border-gray-300 rounded-full lg:self-center mx-auto mt-5 lg:ml-5 lg:mr-0 lg:mt-0 h-auto shadow-xl" src="https://res.cloudinary.com/evanagee/image/upload/c_scale,w_350/v1551277265/evanagee.com/evan-2018.jpg" /></div> </div> </div> </div> <div class="flex flex-col lg:flex-row text-gray-200 w-full items-center py-5 text-gray-600 text-sm font-light border-t border-gray-700 mt-12"> <div class="order-2 lg:order-1 flex-1"> © 2025 VueWordPress. All Rights Reserved. </div> <div class="order-1 lg:order-2 flex-1 flex items-center lg:justify-end mb-5 lg:mb-0"> <nav class="o-footer--new__bottom__nav"> <ul id="menu-footer-menu" class="o-footer--new__bottom__nav__items inline md:flex w-full text-center lg:text-right justify-center lg:justify-end items-center"><li id="menu-item-611" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-611"><a href="https://vuewp.com/course-suggestion/">Course Suggestion</a></li> <li id="menu-item-614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-614"><a href="https://vuewp.com/contact/">Contact Us</a></li> <li id="menu-item-554" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-554"><a href="https://vuewp.com/terms-and-conditions/">Terms and Conditions</a></li> <li id="menu-item-555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-555"><a rel="privacy-policy" href="https://vuewp.com/privacy-policy/">Privacy Policy</a></li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> </footer> <div id="vuewp-alerts"></div> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/6cec351453af53474f20c058d/2704a8fd13d381843602ffcd9.js");</script> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script> var woof_ajaxurl = "https://vuewp.com/wp-admin/admin-ajax.php"; var woof_lang = { 'orderby': "orderby", 'date': "date", 'perpage': "per page", 'pricerange': "price range", 'menu_order': "menu order", 'popularity': "popularity", 'rating': "rating", 'price': "price low to high", 'price-desc': "price high to low" }; if (typeof woof_lang_custom == 'undefined') { var woof_lang_custom = {};/*!!important*/ } //*** var woof_is_mobile = 0; var woof_show_price_search_button = 0; var woof_show_price_search_type = 0; var woof_show_price_search_type = 3; var swoof_search_slug = "filter"; var icheck_skin = {}; icheck_skin.skin = "square"; icheck_skin.color = "grey"; if (window.navigator.msPointerEnabled && navigator.msMaxTouchPoints > 0) { //icheck_skin = 'none'; } var is_woof_use_chosen =0; var woof_current_values = '[]'; //+++ var woof_lang_loading = "Loading ..."; var woof_lang_show_products_filter = "show products filter"; var woof_lang_hide_products_filter = "hide products filter"; var woof_lang_pricerange = "price range"; //+++ var woof_use_beauty_scroll =1; //+++ var woof_autosubmit =1; var woof_ajaxurl = "https://vuewp.com/wp-admin/admin-ajax.php"; /*var woof_submit_link = "";*/ var woof_is_ajax = 0; var woof_ajax_redraw = 0; var woof_ajax_page_num =1; var woof_ajax_first_done = false; var woof_checkboxes_slide_flag = true; //toggles var woof_toggle_type = "text"; var woof_toggle_closed_text = "-"; var woof_toggle_opened_text = "+"; var woof_toggle_closed_image = "https://vuewp.com/wp-content/plugins/woocommerce-products-filter/img/plus3.png"; var woof_toggle_opened_image = "https://vuewp.com/wp-content/plugins/woocommerce-products-filter/img/minus3.png"; //indexes which can be displayed in red buttons panel var woof_accept_array = ["min_price", "orderby", "perpage", "woof_text","min_rating","product_visibility","product_cat","product_tag","pa_course-length","pa_difficulty","pa_product-type"]; //*** //for extensions var woof_ext_init_functions = null; woof_ext_init_functions = '{"by_text":"woof_init_text","slider":"woof_init_sliders"}'; var woof_overlay_skin = "plainoverlay"; jQuery(function () { try { woof_current_values = jQuery.parseJSON(woof_current_values); } catch (e) { woof_current_values = null; } if (woof_current_values == null || woof_current_values.length == 0) { woof_current_values = {}; } }); function woof_js_after_ajax_done() { jQuery(document).trigger('woof_ajax_done'); } </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://vuewp.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='ion.range-slider-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/ion.range-slider/css/ion.rangeSlider.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='ion.range-slider-skin-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/ion.range-slider/css/ion.rangeSlider.skinNice.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='woof_tooltip-css-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/tooltipster.bundle.min.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='woof_tooltip-css-noir-css' href='https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-noir.min.css?ver=2.2.4' type='text/css' media='all' /> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.0.2" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/vuewp.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.0.2" id="wc-order-attribution-js"></script> <script type="text/javascript" id="mailchimp-woocommerce-js-extra"> /* <![CDATA[ */ var mailchimp_public_data = {"site_url":"https:\/\/vuewp.com","ajax_url":"https:\/\/vuewp.com\/wp-admin\/admin-ajax.php","disable_carts":"","subscribers_only":"","language":"en","allowed_to_set_cookies":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/mailchimp-for-woocommerce/public/js/mailchimp-woocommerce-public.min.js?ver=4.1.07" id="mailchimp-woocommerce-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/themes/vuewordpress/public/vendors~scripts.bundle.js?ver=1719510332" id="vuewordpress-js-vendor-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce/assets/js/select2/select2.full.min.js?ver=4.0.3-wc.9.0.2" id="select2-js" data-wp-strategy="defer"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@15/dist/smooth-scroll.polyfills.min.js?ver=15" id="smoothscroll-js"></script> <script type="text/javascript" id="vuewordpress-js-js-extra"> /* <![CDATA[ */ var wpApiSettings = {"root":"https:\/\/vuewp.com\/wp-json\/","vuewp_root":"\/wp-json\/vuewp\/v1\/","nonce":"6e9519189b","currentUser":"","currentUserData":"","currentFirebaseUser":"","currentPageID":"2"}; var vuewpUser = {"currentUser":"","currentUserMeta":{"vuewordpress-user-favorites":false,"vuewordpress-user-bookmarks":false}}; /* ]]> */ </script> <script type="text/javascript" src="https://vuewp.com/wp-content/themes/vuewordpress/public/scripts.js?ver=1719510332" id="vuewordpress-js-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/ion.range-slider/js/ion-rangeSlider/ion.rangeSlider.min.js?ver=2.2.4" id="ion.range-slider-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/tooltip/js/tooltipster.bundle.min.js?ver=2.2.4" id="woof_tooltip-js-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/icheck/icheck.min.js?ver=2.2.4" id="icheck-jquery-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/front_comprssd.js?ver=2.2.4" id="woof_front-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/ext/by_text/js/by_text.js?ver=2.2.4" id="woof_by_text_html_items-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/ext/slider/js/html_types/slider.js?ver=2.2.4" id="woof_slider_html_items-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/plainoverlay/jquery.plainoverlay.min.js?ver=2.2.4" id="plainoverlay-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mousewheel.min.js?ver=2.2.4" id="mousewheel-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mCustomScrollbar.min.js?ver=2.2.4" id="malihu-custom-scrollbar-js"></script> <script type="text/javascript" src="https://vuewp.com/wp-content/plugins/woocommerce-products-filter/js/malihu-custom-scrollbar/jquery.mCustomScrollbar.concat.min.js?ver=2.2.4" id="malihu-custom-scrollbar-concat-js"></script> <style type="text/css"> .woof_edit_view{ display: none; } </style> </body> </html>