{"id":987512418,"date":"2025-05-15T11:07:53","date_gmt":"2025-05-15T09:07:53","guid":{"rendered":"https:\/\/www.factory-x.hr\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/"},"modified":"2025-05-15T11:18:54","modified_gmt":"2025-05-15T09:18:54","slug":"vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development","status":"publish","type":"post","link":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/","title":{"rendered":"Vue.js Workshop at FOI: Factory X Introduced Students to Modern Web Application Development"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;10px||10px||true|false&#8221; custom_width_px__hover=&#8221;1080px&#8221; custom_width_px__hover_enabled=&#8221;1080px&#8221; custom_width_percent__hover=&#8221;80%&#8221; custom_width_percent__hover_enabled=&#8221;80%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; parallax_1__hover=&#8221;off&#8221; parallax_1__hover_enabled=&#8221;off&#8221; parallax_2__hover=&#8221;off&#8221; parallax_2__hover_enabled=&#8221;off&#8221; parallax_3__hover=&#8221;off&#8221; parallax_3__hover_enabled=&#8221;off&#8221; parallax_method_1__hover=&#8221;on&#8221; parallax_method_1__hover_enabled=&#8221;on&#8221; parallax_method_2__hover=&#8221;on&#8221; parallax_method_2__hover_enabled=&#8221;on&#8221; parallax_method_3__hover=&#8221;on&#8221; parallax_method_3__hover_enabled=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; use_background_color_gradient__hover_enabled=&#8221;off&#8221; background_color_gradient_start__hover=&#8221;#2b87da&#8221; background_color_gradient_start__hover_enabled=&#8221;#2b87da&#8221; background_color_gradient_end__hover=&#8221;#29c4a9&#8243; background_color_gradient_end__hover_enabled=&#8221;#29c4a9&#8243; background_color_gradient_type__hover=&#8221;linear&#8221; background_color_gradient_type__hover_enabled=&#8221;linear&#8221; background_color_gradient_direction__hover=&#8221;180deg&#8221; background_color_gradient_direction__hover_enabled=&#8221;180deg&#8221; background_color_gradient_direction_radial__hover=&#8221;center&#8221; background_color_gradient_direction_radial__hover_enabled=&#8221;center&#8221; background_color_gradient_start_position__hover=&#8221;0%&#8221; background_color_gradient_start_position__hover_enabled=&#8221;0%&#8221; background_color_gradient_end_position__hover=&#8221;100%&#8221; background_color_gradient_end_position__hover_enabled=&#8221;100%&#8221; background_color_gradient_overlays_image__hover=&#8221;off&#8221; background_color_gradient_overlays_image__hover_enabled=&#8221;off&#8221; parallax__hover=&#8221;off&#8221; parallax__hover_enabled=&#8221;off&#8221; parallax_method__hover=&#8221;on&#8221; parallax_method__hover_enabled=&#8221;on&#8221; background_size__hover=&#8221;cover&#8221; background_size__hover_enabled=&#8221;cover&#8221; background_position__hover=&#8221;center&#8221; background_position__hover_enabled=&#8221;center&#8221; background_repeat__hover=&#8221;no-repeat&#8221; background_repeat__hover_enabled=&#8221;no-repeat&#8221; background_blend__hover=&#8221;normal&#8221; background_blend__hover_enabled=&#8221;normal&#8221; allow_player_pause__hover=&#8221;off&#8221; allow_player_pause__hover_enabled=&#8221;off&#8221; background_video_pause_outside_viewport__hover=&#8221;on&#8221; background_video_pause_outside_viewport__hover_enabled=&#8221;on&#8221; inner_shadow__hover=&#8221;off&#8221; inner_shadow__hover_enabled=&#8221;off&#8221; make_fullwidth__hover=&#8221;off&#8221; make_fullwidth__hover_enabled=&#8221;off&#8221; use_custom_width__hover=&#8221;off&#8221; use_custom_width__hover_enabled=&#8221;off&#8221; width_unit__hover=&#8221;on&#8221; width_unit__hover_enabled=&#8221;on&#8221; make_equal__hover=&#8221;off&#8221; make_equal__hover_enabled=&#8221;off&#8221; use_custom_gutter__hover=&#8221;off&#8221; use_custom_gutter__hover_enabled=&#8221;off&#8221; border_radii__hover=&#8221;on||||&#8221; border_radii__hover_enabled=&#8221;on||||&#8221; box_shadow_style__hover=&#8221;none&#8221; box_shadow_style__hover_enabled=&#8221;none&#8221; box_shadow_color__hover=&#8221;rgba(0,0,0,0.3)&#8221; box_shadow_color__hover_enabled=&#8221;rgba(0,0,0,0.3)&#8221; max_width__hover=&#8221;100%&#8221; max_width__hover_enabled=&#8221;100%&#8221; filter_hue_rotate__hover=&#8221;0deg&#8221; filter_hue_rotate__hover_enabled=&#8221;0deg&#8221; filter_saturate__hover=&#8221;100%&#8221; filter_saturate__hover_enabled=&#8221;100%&#8221; filter_brightness__hover=&#8221;100%&#8221; filter_brightness__hover_enabled=&#8221;100%&#8221; filter_contrast__hover=&#8221;100%&#8221; filter_contrast__hover_enabled=&#8221;100%&#8221; filter_invert__hover=&#8221;0%&#8221; filter_invert__hover_enabled=&#8221;0%&#8221; filter_sepia__hover=&#8221;0%&#8221; filter_sepia__hover_enabled=&#8221;0%&#8221; filter_opacity__hover=&#8221;100%&#8221; filter_opacity__hover_enabled=&#8221;100%&#8221; filter_blur__hover=&#8221;0px&#8221; filter_blur__hover_enabled=&#8221;0px&#8221; mix_blend_mode__hover=&#8221;normal&#8221; mix_blend_mode__hover_enabled=&#8221;normal&#8221; animation_style__hover=&#8221;none&#8221; animation_style__hover_enabled=&#8221;none&#8221; animation_repeat__hover=&#8221;once&#8221; animation_repeat__hover_enabled=&#8221;once&#8221; animation_direction__hover=&#8221;center&#8221; animation_direction__hover_enabled=&#8221;center&#8221; animation_duration__hover=&#8221;1000ms&#8221; animation_duration__hover_enabled=&#8221;1000ms&#8221; animation_delay__hover=&#8221;0ms&#8221; animation_delay__hover_enabled=&#8221;0ms&#8221; animation_intensity_slide__hover=&#8221;50%&#8221; animation_intensity_slide__hover_enabled=&#8221;50%&#8221; animation_intensity_zoom__hover=&#8221;50%&#8221; animation_intensity_zoom__hover_enabled=&#8221;50%&#8221; animation_intensity_flip__hover=&#8221;50%&#8221; animation_intensity_flip__hover_enabled=&#8221;50%&#8221; animation_intensity_fold__hover=&#8221;50%&#8221; animation_intensity_fold__hover_enabled=&#8221;50%&#8221; animation_intensity_roll__hover=&#8221;50%&#8221; animation_intensity_roll__hover_enabled=&#8221;50%&#8221; animation_starting_opacity__hover=&#8221;0%&#8221; animation_starting_opacity__hover_enabled=&#8221;0%&#8221; animation_speed_curve__hover=&#8221;ease-in-out&#8221; animation_speed_curve__hover_enabled=&#8221;ease-in-out&#8221; hover_transition_duration__hover=&#8221;300ms&#8221; hover_transition_duration__hover_enabled=&#8221;300ms&#8221; hover_transition_delay__hover=&#8221;0ms&#8221; hover_transition_delay__hover_enabled=&#8221;0ms&#8221; hover_transition_speed_curve__hover=&#8221;ease&#8221; hover_transition_speed_curve__hover_enabled=&#8221;ease&#8221; background_color_gradient_stops__hover=&#8221;#2b87da 0%|#29c4a9 100%&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;acf0c613-b10a-4218-965c-ed6dfe77c1c8&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"\" data-start=\"82\" data-end=\"390\">Last week, our representatives from <strong data-start=\"118\" data-end=\"131\">Factory X<\/strong> visited the Faculty of Organization and Informatics (FOI) in Vara\u017edin, where they held an interactive workshop giving students the opportunity to get hands-on with <strong data-start=\"296\" data-end=\"306\">Vue.js<\/strong>, a popular JavaScript framework used in the development of modern web applications.<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"392\" data-end=\"653\">The goal of the workshop was to introduce students to working with Vue.js through concrete examples and practical exercises. They had the chance to work in a real development environment and explore the fundamental concepts of building applications with Vue.js.<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"655\" data-end=\"697\">The workshop covered the following topics:<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"699\" data-end=\"875\">\ud83d\udd39 Creating and organizing components<br data-start=\"736\" data-end=\"739\" \/>\ud83d\udd39 Managing application state<br data-start=\"768\" data-end=\"771\" \/>\ud83d\udd39 Implementing routing (navigation between pages)<br data-start=\"821\" data-end=\"824\" \/>\ud83d\udd39 Working with the Vue CLI for quick project setup<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"877\" data-end=\"1171\">The session was led by our developer <strong data-start=\"914\" data-end=\"930\">Robert Wrana<\/strong>, who shared practical advice alongside the presentation and responded to students\u2019 questions throughout. The atmosphere was highly engaging, and the students showed great interest, involvement, and a strong desire to learn new technologies.<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"1173\" data-end=\"1401\">Encounters like this with young and motivated individuals are always valuable to us. We believe that through this kind of collaboration and knowledge sharing, we can contribute to shaping the next generation of IT professionals.<\/p>\n<p><\/p>\n<p class=\"\" data-start=\"1403\" data-end=\"1629\">A big thank you to FOI for the warm welcome and great organization, and to all the students for their active participation. We look forward to future workshops and continuing our collaboration with universities across Croatia!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.20.2&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;4em||4em||true|false&#8221; custom_padding_tablet=&#8221;3em||3em||true|false&#8221; custom_padding_phone=&#8221;3em||3em||true|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_gallery posts_number=&#8221;30&#8243; show_title_and_caption=&#8221;off&#8221; zoom_icon_color=&#8221;#0072BC&#8221; hover_icon=&#8221;&#x54;||divi||400&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; gallery_ids=&#8221;987512403,987512406,987512409,987512412&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.<\/p>\n","protected":false},"author":1,"featured_media":987512399,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[236],"tags":[310,316,305,311],"class_list":["post-987512418","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-factory-x-2","tag-foi-3","tag-vue-js-2","tag-workshop-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vue.js Workshop at FOI | Factory X<\/title>\n<meta name=\"description\" content=\"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue.js Workshop at FOI | Factory X\" \/>\n<meta property=\"og:description\" content=\"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Factory X\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/factoryxdoo\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-15T09:07:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-15T09:18:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx-1024x474.webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/#\\\/schema\\\/person\\\/a80013436ad38ebea881dc274a1ba918\"},\"headline\":\"Vue.js Workshop at FOI: Factory X Introduced Students to Modern Web Application Development\",\"datePublished\":\"2025-05-15T09:07:53+00:00\",\"dateModified\":\"2025-05-15T09:18:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/\"},\"wordCount\":1071,\"image\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.factory-x.hr\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/foi-radionica-vuejs-factoryx.webp\",\"keywords\":[\"Factory X\",\"FOI\",\"vue.js\",\"Workshop\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/\",\"url\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/\",\"name\":\"Vue.js Workshop at FOI | Factory X\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.factory-x.hr\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/foi-radionica-vuejs-factoryx.webp\",\"datePublished\":\"2025-05-15T09:07:53+00:00\",\"dateModified\":\"2025-05-15T09:18:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/#\\\/schema\\\/person\\\/a80013436ad38ebea881dc274a1ba918\"},\"description\":\"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/2025\\\/05\\\/15\\\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.factory-x.hr\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/foi-radionica-vuejs-factoryx.webp\",\"contentUrl\":\"https:\\\/\\\/www.factory-x.hr\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/foi-radionica-vuejs-factoryx.webp\",\"width\":1080,\"height\":500,\"caption\":\"Vue.js radionica na FOI-ju\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/\",\"name\":\"Factory X\",\"description\":\"Smart IT Solutions for Modern Business\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.factory-x.hr\\\/en\\\/#\\\/schema\\\/person\\\/a80013436ad38ebea881dc274a1ba918\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vue.js Workshop at FOI | Factory X","description":"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.","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:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/","og_locale":"en_US","og_type":"article","og_title":"Vue.js Workshop at FOI | Factory X","og_description":"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.","og_url":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/","og_site_name":"Factory X","article_publisher":"https:\/\/www.facebook.com\/factoryxdoo","article_published_time":"2025-05-15T09:07:53+00:00","article_modified_time":"2025-05-15T09:18:54+00:00","og_image":[{"url":"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx-1024x474.webp","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/#article","isPartOf":{"@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/"},"author":{"name":"admin","@id":"https:\/\/www.factory-x.hr\/en\/#\/schema\/person\/a80013436ad38ebea881dc274a1ba918"},"headline":"Vue.js Workshop at FOI: Factory X Introduced Students to Modern Web Application Development","datePublished":"2025-05-15T09:07:53+00:00","dateModified":"2025-05-15T09:18:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/"},"wordCount":1071,"image":{"@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/#primaryimage"},"thumbnailUrl":"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx.webp","keywords":["Factory X","FOI","vue.js","Workshop"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/","url":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/","name":"Vue.js Workshop at FOI | Factory X","isPartOf":{"@id":"https:\/\/www.factory-x.hr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/#primaryimage"},"image":{"@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/#primaryimage"},"thumbnailUrl":"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx.webp","datePublished":"2025-05-15T09:07:53+00:00","dateModified":"2025-05-15T09:18:54+00:00","author":{"@id":"https:\/\/www.factory-x.hr\/en\/#\/schema\/person\/a80013436ad38ebea881dc274a1ba918"},"description":"Factory X held a Vue.js workshop at FOI, where students learned about components, state management, routing, and working with the Vue CLI.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.factory-x.hr\/en\/2025\/05\/15\/vue-js-workshop-at-foi-factory-x-introduced-students-to-modern-web-application-development\/#primaryimage","url":"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx.webp","contentUrl":"https:\/\/www.factory-x.hr\/wp-content\/uploads\/2025\/05\/foi-radionica-vuejs-factoryx.webp","width":1080,"height":500,"caption":"Vue.js radionica na FOI-ju"},{"@type":"WebSite","@id":"https:\/\/www.factory-x.hr\/en\/#website","url":"https:\/\/www.factory-x.hr\/en\/","name":"Factory X","description":"Smart IT Solutions for Modern Business","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.factory-x.hr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.factory-x.hr\/en\/#\/schema\/person\/a80013436ad38ebea881dc274a1ba918","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/253909d0f14c9f9f46466f15d675d519e9c4285759036412e18b0097e5e3b072?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/posts\/987512418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/comments?post=987512418"}],"version-history":[{"count":2,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/posts\/987512418\/revisions"}],"predecessor-version":[{"id":987512420,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/posts\/987512418\/revisions\/987512420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/media\/987512399"}],"wp:attachment":[{"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/media?parent=987512418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/categories?post=987512418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.factory-x.hr\/en\/wp-json\/wp\/v2\/tags?post=987512418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}