we-dance / platform-v3

Community platform for dancers
0 stars 4 forks source link

Dev Onboarding #51

Open razbakov opened 2 years ago

razbakov commented 2 years ago

Challenges

Do the following challenges and post link to your stackblitz project in dev-team channel on Slack.

Challenge 1: XArray

We want to see that you know how to use v-model, props, watchers and emitters to get the desired outcome. There are 2 main building concepts in WeDance platform, and this one is one of the most important one. Once you know how it works, you can work on more complex things.

https://dev.to/razbakov/vue3-challenge-array-editor-1c8o

Challenge 2: XForm

Another building concept is a form generator. Here you will need to use <component> tag ;)

https://dev.to/razbakov/vue3-challenge-form-editor-16p4

Challenge 3: Headless Component

Do you know how to use render function?

https://dev.to/razbakov/vue3-challenge-buttonsgroup-4dfo

Challenge 4: Setup Project

  1. Follow Setup in the project’s readme file - github.com/we-dance/platform
  2. Deploy project on Netlify. Name your site on Netlify like this: wedance-username.netlify.app, where username is your Github username.
  3. Post a link to deployed site in the comments.

Challenge 5: Harvard CS50

Do CS50 Harvard Course and share your problem set solutions in dev slack channel https://cs50.harvard.edu/college/2022/fall/

Next Steps

Read Dev Circle Wiki

yulluone commented 1 year ago

https://stackblitz.com/edit/vitejs-vite-n5ee51?file=src/components/XForm.vue

yulluone commented 1 year ago

https://stackblitz.com/edit/vitejs-vite-cwbev2?file=src%2FApp.vue