June 28 - July 2 - Get started with Vue CLI and single-file components in Vue.js.

[mebaumb]

Event Information

Category	Details
Reactor Topic	Coding, Languages, and Frameworks
Title	Get started with Vue CLI and single-file components in Vue.js.
Description	Although it's possible to create Vue.js applications by using purely JavaScript, most developers need more power and flexibility. By using Vue CLI and single-file components, you can use more robust tooling to enhance the development experience. In this workshop, we'll use Vue CLI to bootstrap an application, and create reusable components in Vue. It's recommended to attend this workshop if you have familiarity with HTML/CSS, Git, npm, JavaScript, and some knowledge of Vue.js.
Level	Beginner
Content	https://aka.ms/VueCliComponents

Workshop(s) details

Date	Local Start Time	Location	Speaker	SharePoint ID	Platform
June 29, 2021	6:30 PM	Bangalore	Devendra Rawat	13105	----------
June 29, 2021	4:00 PM	US/CA/AU	Sunny Sharma	13106	----------
June 30, 2021	7:30 PM	Sao Paulo	Rafael de Santos	13107	----------
June 30, 2021	7:30 PM	Shanghai	Ryan Chung	13108	----------
June 30, 2021	12:00 PM	EMEA	Allen Sanders	13109	----------

Event Checklist

10 Weeks Prior

• [ ] Reactor Content Team (RCT) opens a new issue for an upcoming local workshop filling in the Event Information and Workshop details tables. RCT member who owns content (content owner) this week will be the assignee.
• [ ] RCT and content owner discuss details of the event in the comments of this issue. RCT adds a confirmed-event label and local-digital-event tag to the issue and adds event to the Local Digital Events project. Issue will appear in the Upcoming Streams column
• [ ] RCT adds a ready-for-marketing-edit label so the RCT can review title and description

8 Weeks Prior

• [ ] RCT does a review of title and description and removes the ready-for-marketing-edit label
• [ ] RCT moves the issue to the Ready for SharePoint column
• [ ] RCT informs the Reactor Marketing Team of the new event information
• [ ] RCT confirms the speaker
• [ ] RCT provides speaker with assets (e.g. slides, overlays) and the survey data for the event
• [ ] RCT moves the issue to the Content Preparation In Progress column

5 weeks Prior

• [ ] Content owner opens a PR with the new content for the workshop on the customer-facing Reactor repository and adds the content-development and local-digital-event tag to the PR.
• [ ] RCT reviews, approves, and merges the changes
• [ ] RCT shares content with the vendor/instructor
• [ ] RCT provides vendor/instructor with assets (e.g. slides, overlays) and the survey data for the event
• [ ] RCT ensures that instructors have received an invite to the workshops and that PM team works with instructors to get setup in the platform (e.g. Teams, Teams Live Event)

1 Week Prior

• [ ] Connect vendor/instructor with the PM(s) for the locations where this event has been marketed
• [ ] Check-in with vendor/instructor that they are prepared for the workshop
• [ ] RCT moves the issue to the Ready to Stream column

During and After Stream

• [ ] Instructor (and optional moderator) run the stream
• [ ] _(Optional)_RCT submits recording to be uploaded to the Reactor YouTube and to be made available on LearnTV
• [ ] RCT moves issue to the Stream Complete column

[meaghanlewis]

@mebaumb this is ready for your review!

[meaghanlewis]

Instructor notes

Share this link with attendees at the beginning of the workshop: https://aka.ms/VueCliComponents

Workshop steps:

1. Provide an overview about Vue components that you can create for your application and the benefits they provide. Share the learning objectives for this module/workshop
2. Provide an overview and demo of Vue CLI: https://cli.vuejs.org/
3. Create an app using Vue CLI
4. Create a component
5. Add props to a component
6. Add a custom event to a component
7. Walk through knowledge check and summary

Wrapping up:

• Please encourage attendees to rate the module 😄
• Share out the survey link: https://aka.ms/Reactor/Survey with the event code (the Reactor contact on the call can give you this)

[mebaumb]

@meaghanlewis - I don't think you need by in the first sentence: Although it's possible to create Vue.js applications using only JavaScript, most developers need more power and flexibility. By using Vue CLI and single-file components, you can use more robust tooling to enhance the development experience. In this workshop, we'll use Vue CLI to bootstrap an application, and create reusable components in Vue. It's recommended to attend this workshop if you have familiarity with HTML/CSS, Git, npm, JavaScript, and some knowledge of Vue.js.