Maybe I'll get this one finished.
Goal is to have tasks that will take between 2-4 hours to complete so doing them alongside freelance work and full time work is feasible.
Tasks that will take longer have been broken up into smaller chunks.
The List
Completed out of so far.
- Headless CMS - Build a full site using prismic.io (styling not necessary, just needs to pull correct content) View
- Vue.js - Finish filtering work on the Daughters of the Alliance roster page in Vue View
- CSS - (cont. from above) Style Daughters of the Alliance roster page View
- Caching - Learn about caching (cache api requests for DotA website)
- Vue.js and chart.js - Create some visual representations of classes and/or races in Daughters of the Alliance
- HTML/CSS - Start simple fun page for Warcraft Pet Battles. Pick 1 team (3 pets) and include their info via API.
- Vue.js - (cont. from above) Allow user to pick 3 pets to build a team
- HTML/CSS - (cont. from above) Experiment with creating a bracket (such as a double elimination bracket)
- CSS - (cont. from above) Use CSS animation to animate some things on the page (like a sprite animation of Perky Pug)
- API - Build a simple API for practice (try to think of something practical, but if not anything will do)
- API - Build another API (practice makes perfect)
- API - Build an API to return random pictures of Grubby Link TBD
- Full stack - Build a site like placeunicorn.com with Grubby photos
- HTML/CSS - Build a timeline of the history of DotA
- CSS/JS - (cont. from above) Add animations and interactions
- Vue.js - List video games with Giant Bomb api
- Vue.js - (cont. from above) Add filtering
- Database - (cont. from above) Create functionality to allow saving a collection of games with different statuses for each
- Vue.js - (cont. from above) Allow login (via facebook) so users can save their own collections
- Vue.js - (cont from above) create a component that will pick an uncompleted game from the backlog for the user to play
- CSS Art - Make a piece of CSS art (inspired by http://a.singlediv.com) View
- Bundlers - Experiment with webpack - get something simple running and working on any project (implemented for work project)
- Bundlers - Experiment with parcel js - get something simple running and working on any project
- JavaScript - (cont. from above) What WoW class should you play (with hybrids etc)? Functionality for quiz
- HTML/CSS - Make a single page based on a Heroes of the Storm character
- CSS - (cont. from above) use CSS grid on part of the Heroes page
- HTML/CSS - (cont. from above) enhancements to page with js, animations, etc
- SVG - (cont. from above) Make an SVG for the Heroes of the Storm page and animate it
- Lazy loading - Experiment with lazy loading
- Node.js - (detail tbd) work more with Node and Express
- Docker - Deploy a site with docker/dokku View
- Tests - Work tests into a project (completed on a work project to be launched)
- Ember.js - Core the loot hound - allow a user to mark a character as their primary character so it shows first in the list
- Open Source - Contribute to an open source project
- Performance - Get a site to have an A on pagespeed insights (or something similar)
- React - Work on the Geeklists project with Chris
- State Management - (detail tbd) Include some state management tools like redux or vuex in a project
- Design patterns - practice 1-2 design patterns in a practical situation (done w/ Udacity Javascript Design Patterns course)
- Design patterns - (detail tbd) practice 1-2 more design patterns in a practical situation
- Functional programming - (detail tbd) build a project using functional programming principles
- HTML/CSS/JS - Typing game - Start with simple prototype (type single words correctly)
- HTML/CSS/JS - Typing game - Add timers to words to type and to typing streak
- HTML/CSS/JS - Typing game - Add concept of lives when a timer runs out and scoring
- Full stack - DotA gallery - Allow people to upload DotA screenshots to a gallery which then get displayed
- Full stack - DotA gallery - Add Battle.net authentication (user must have a character in Daughters of the Alliance)
- Full stack - DotA gallery - Add nice front end validation to form (ask character name, photo to upload, photo caption)
- Full stack - DotA gallery - Back end validation for form
- Accessibility - DotA website - Make site WCAG 2.0 AA compliant View
- Accessibility - DotA website - Work specifically on the roster to make it accessible for screen readers etc
- ES6 - On DotA website, no jquery and focus on es6 for practice purposes View
- CSS - Experiment with flexbox/grid/etc (done on resume at caiters.com) View
- JavaScript - (detail tbd) some way to test knowledge of things like map, reduce, etc (game?)