About Vue Vixens Workshops

Vue Vixens is an initiative created by Jen Looper, a Cloud Developer Advocate Lead at Microsoft. Vue Vixens' mission is to create workshops to teach Vue.js in a cool and fun way to 'foxy people who identify as women'. It is based on the successful model pioneered by Shmuela Jacobs for the Angular community, ng-girls.org. Ng-Girls was in turn inspired by the Rails Bridge and Django Girls initiatives.

Not just workshops!

We do more than full day workshops! We also can help with your conference's diversity offerings - just contact us at info@vuevixens.org. We also have chapters worldwide; find us at VueVixens.org.

These workshops are designed to help people get better acquainted with both Vue.js for both web and mobile development. Below is an interview with Jen and Evan You, creator of Vue, and Igor Randjelovic, creator of NativeScript-Vue, giving the background and history of the projects.


What's a skulk?

A group of foxes is called a 'skulk', like a group of geese is called a 'gaggle'. When you get together with other Vixens, you're participating in a skulk! Workshops at conferences are called skulks, whereas meetups with Vue Vixens chapters are just...meetups, because they are often mixed audience. For more information on Vue Vixens chapters and meetups, check Meetup.com.

What's the difference between a Chapter, a 'Mini', and a 'Nano'?

These chapters are presented as two distinct types. The first five chapters comprise the full-day web workshop. Other activities are listed as 'mini-workshops' and can be done ad hoc with groups for breakfasts, lunch'n'learn sessions, or 1-3 hour long meetups. Nanos are ten to thirty-minute warm-up icebreaker coding exercises used by our Chapters.

Why are the chapters broken up into parts?

All the online codelabs are designed to be completed in groups in a self-study mode in a workshop format during meetups, conferences, and brown-bag lunches. For the all-day workshops, it is best to break up the day into parts and regroup users periodically so that 'no developer is left behind'. If an attendee gets lost, she can 'reboot' by downloading the ending point for each previous chapter into a new Code Sandbox.

Where can I register for a skulk?

Workshop attendees and mentors can register for events at vuevixens.org. Keep an eye on our Twitter feed @vuevixens for announcements of upcoming events. Vue Vixens workshops are free, but depend on budget from conferences and meetups to provide lunch, breakfast, or snacks, and a space with wifi.

I identify as male. Can I participate?

The goal of the program is to familiarize women and those who identify as such with concepts of programming for web and mobile using Vue.js in a supportive and inclusive environment. Experienced Vue developers, however, are very welcome to join in our efforts to support our scholarship fund, mentor a skulk, and provide content. We are grateful for all kinds of help!

inaugural skulk in New Orleans

The inaugural Vue Vixens Skulk at Vue.US Conference in New Orleans in March, 2018

Workshop Content

  • Chapter 1: Introducing The Pet Shop’s UI – turn on the lights!
    • Using CSS and variables, enable a switch on a web page that will turn on your shop’s lights (e.g. switch the page’s theme). Very basic introduction to our project’s code structure
  • Chapter 2: Build a Pet Gallery
    • Using static data, create an interface to display the pet by image and name in a card interface
  • Chapter 3: Connect to an API
  • Chapter 4: Create a Dog Adoption Experience
    • Create a 'favorites list' for the shop so that you can add and remove a dog from your list
  • Chapter 5: Complete the Experience with a Form
    • Create a functional form to adopt a dog