Outside Readings
The following is an index of the outside readings relevant to each week of the semester.
Week 1
- How to become a better developer by asking questions - Steve Gordon
- Writing the perfect question - Jon Skeet
- This following readings are optional and suggested only for students who are new to command line or Markdown:
Week 2
- This week, as we warm up our JavaScript skills, you should reference the MDN JavaScript guide I discussed in lecture.
- In addition, check out the tongue-in-cheek Ninja Guide to code style with lots of great tips on what not to do when writing JavaScript code (or code in general!)
- I don’t enforce any specific code style guides in this course, but if you’re looking for one to reference as a baseline, I suggest AirBnB's JavaScript style guide.
Week 3
From https://v3.vuejs.org/guide:
- Installation Skim through all the installation methods. Observe how we’re starting with the CDN approach, but will explore bundler’s and VueCLI/Vite later in the semester.
- Introduction A good re-iteration of the key concepts we looked at in lecture, with some additional details not covered as well.
- Application & Component Instances This week we mainly focussed on the root Vue instance; more details about Components to be discussed in an upcoming lecture.
- Template Syntax
- Data Properties and Methods
From https://v3.vuejs.org/api:
Options:
Directives:
Don’t expect to understand all the technical details covered in the API docs yet; skim for the general idea.
Week 4
From https://v3.vuejs.org/guide:
From https://v3.vuejs.org/api:
Options:
Directives:
* These links were already assigned last week, but I think it’s useful to give them a second pass and study the content in relation to the additional details we covered this week.
Week 5
From https://v3.vuejs.org/guide:
From https://v3.vuejs.org/api:
- Directives: v-bind
- Directives: v-model
- Options: Data: watch
- Options: Data: computed
- Options: Lifecylce hooks: mounted
Week 6
From https://v3.vuejs.org/guide:
- Essentials: Component basics
- Component’s In-Depth: Props
- Component’s In-Depth: Custom events
- Component’s In-Depth: Slots
- Skim the rest of the content under Component’s In-Depth to be aware of additional features we did not cover.
From https://v3.vuejs.org/api:
- Options: DOM: template
- Instance methods: $emit
- Directives: v-slot
- Special Attributes: key
- Built-in Components: slot
Week 7
No outside readings this week
Week 8
With the introduction of build systems this week, we started using JavaScript modules. E.g.:
import { createApp } from 'vue'
import RoundDetail from './components/RoundDetail.vue'
If JS modules are new to you, I suggest reading through the following guide: http://javascript.info/modules
Week 9
From Vue CLI:
- Creating a project
- Plugins
- CLI Service, specifically vue-cli-service-serve and vue-cli-service-build
Additionally, skim through the Vue Router docs.
Week 10
Week 11
No outside readings this week.
Week 12
- Skim the Vuex 4 docs at https://next.vuex.vuejs.org
- (Optional) What is Vuex? A Beginner's Guide To Vuex 4 (A useful run through of Vuex to supplement this week’s lectures)
Week 13
To help reinforce this week’s material on testing, skim through Cypress Docs and their API Docs.
There’s a lot here! Skim for broad ideas and to familiarize yourself with the available tools; refer back as needed when writing your tests.
Optional/supplemental readings related to some of the API security topics discussed today as part of authentication:
Week 14
- Vue docs: Composition API
- Skim the readings listed at the end of the course notes on the Composition API