{"id":938,"date":"2017-04-16T13:20:36","date_gmt":"2017-04-16T20:20:36","guid":{"rendered":"http:\/\/2017.oc.wordcamp.org\/?post_type=wcb_session&#038;p=938"},"modified":"2017-05-31T19:44:48","modified_gmt":"2017-06-01T02:44:48","slug":"vue-js-the-javascript-framework-for-designers-who-know-just-enough-javascript-and-jquery-to-get-by","status":"publish","type":"wcb_session","link":"https:\/\/oc.wordcamp.org\/2017\/session\/vue-js-the-javascript-framework-for-designers-who-know-just-enough-javascript-and-jquery-to-get-by\/","title":{"rendered":"Vue.js: The JavaScript Framework for Designers Who Know Just Enough JavaScript and jQuery To Get By"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Vue is a JavaScript framework for building user interfaces that is becoming increasingly popular in the framework world.<\/span><\/p>\n<p>One of the Vue\u2019s biggest win is how approachable it is due its simplicity while also being capable of powering sophisticated Single-Page Applications.<\/p>\n<p><span style=\"font-weight: 400\">Prepare to get super hands-on! I will be live-coding and walking through some of the fundamentals of Vue. At the end, we will be building a feature for an a existing WordPress site using Vue.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In this workshop, we will cover:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">What is Vue and why you should consider it<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">How to get started with Vue<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Integrating Vue with WordPress<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Prerequisites\/Assumptions:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Some fundamental JavaScript knowledge will help you follow along easier. Feeling a little light with your JavaScript chops? Go to <\/span><a href=\"https:\/\/2017.oc.wordcamp.org\/sessions\/#wcorg-session-995\"><span style=\"font-weight: 400\">Zac\u2019s JavaScript workshop<\/span><\/a><span style=\"font-weight: 400\">, which is right before mine!<\/span><\/li>\n<\/ul>\n<p><b>******If you\u2019re going to be coding alongside me during the workshop, you\u2019ll have two options:<\/b><\/p>\n<p><span style=\"font-weight: 400\">1. Run a local WordPress site, with a theme I uploaded on GitHub. I\u2019ll need you to <\/span><a href=\"https:\/\/github.com\/jacobarriola\/vue-wordpress#getting-started\" rel=\"nofollow\"><span style=\"font-weight: 400\">do a few things<\/span><\/a><span style=\"font-weight: 400\"> before you come to the workshop.<\/span><\/p>\n<p><span style=\"font-weight: 400\">&#8212; OR &#8212;<\/span><\/p>\n<p><span style=\"font-weight: 400\">2. Use CodePen. I have a <\/span><a href=\"https:\/\/codepen.io\/jacobarriola\/pen\/VboRXV\"><span style=\"font-weight: 400\">starter pen<\/span><\/a><span style=\"font-weight: 400\"> ready with a basic Vue instance.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vue is a JavaScript framework for building user interfaces that is becoming increasingly popular in the framework world. One of the Vue\u2019s biggest win is how approachable it is due its simplicity while also being capable of powering sophisticated Single-Page Applications. Prepare to get super hands-on! I will be live-coding and walking through some of &hellip; <a href=\"https:\/\/oc.wordcamp.org\/2017\/session\/vue-js-the-javascript-framework-for-designers-who-know-just-enough-javascript-and-jquery-to-get-by\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Vue.js: The JavaScript Framework for Designers Who Know Just Enough JavaScript and jQuery To Get By<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":535619,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1497116400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[876],"footnotes":""},"session_track":[3552],"session_category":[],"class_list":["post-938","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-workshops"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7Ozwx-f8","session_date_time":{"date":"June 10, 2017","time":"10:40 am"},"session_speakers":[{"id":"876","slug":"jacob-arriola","name":"Jacob Arriola","link":"https:\/\/oc.wordcamp.org\/2017\/speaker\/jacob-arriola\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/users\/535619"}],"version-history":[{"count":5,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/938\/revisions"}],"predecessor-version":[{"id":1990,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/938\/revisions\/1990"}],"speakers":[{"embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/876"}],"wp:attachment":[{"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=938"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=938"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/oc.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}