January 5 - 11 (8.5 hours)
-
January 5 (2 hours)
- Implement
classNames
function: https://www.greatfrontend.com/interviews/study/three-months/questions/javascript/classnames - Implement
dataSelection
: https://www.greatfrontend.com/interviews/study/three-months/questions/javascript/data-selection - Start frontend Design playbook: https://www.greatfrontend.com/front-end-system-design-playbook
- Learned about RADIO
- Requirements
- Architecture
- Data model
- Interface (API)
- Optimizations
- Learned about RADIO
- Implement
-
January 6 (2.5 hours)
- Implement Holy Grail layout challenge:
- Documentation writing for minecraft server: https://notes.nicole.computer/notes/Minecraft-Server
- Scaffold steam weekly project: http://steam-weekly.lion.computer
- Add base tools- fastify/typescript/pico-css
- Configure routes for making sure app boots (/test) and homepage route (/)
- Setup SSL with dokku
- Deploy to dokku host
- Implement Holy Grail layout challenge:
-
January 7 (2 hours)
- Practice problem around filtering data
- Implement log in with steam
-
January 9 (1 hour)
- Write flatten function: https://www.greatfrontend.com/interviews/study/three-months/questions/javascript/flatten
- Todo list exercise: https://practice-todo-app.lion.computer
-
January 10 (1 hour)
- Tweet layout / design: https://practice-tweet-layout.lion.computer/
January 12-18
-
January 13 (2 hours)
-
January 14 (2 hours)
- Color me
- implement map
- flashcards. Today’s concepts
- classList
- Function.prototype.call
- Function.prototype.apply
- Sparse lists
- style property on DOMNode
-
January 15 (1 hour)
- camelCase practice problem
- Flashcards
- JS Doc
- Regex callback function
- typeof for checking types
- isArray
-
January 16 (2 hours)
- Practice problems
- Star rating UI practice: https://practice-star-rating.lion.computer
-
January 17
- Flashcards
- Digital clock exercise: https://practice-digital-clock.lion.computer
-
January 18 (4 hours)
- Quiz app: https://practice-quiz.lion.computer
-
January 20 (2 hours)
- Practice Questions
- getElementsByTagName
- unique-array
- text-search
- Flashcard making / review
- JavaScript Algorithms and Data Structures Masterclass
- Big O notation review
- Practice Questions
-
January 20
- Contact Form: https://practice-contact.lion.computer
- implement
map
- Event bubbling
- Flashcards
-
January 21:
- Progress bar: https://practice-progress-bar.lion.computer
-
January 28
- Walmart homepage
- 3 algo problems
-
January 29
- Everlane homepage
- 3 algo problems
- Parsing binary data for crosswords
-
Jan 30
- Sveltekit learning (SO SO good)
- 2 algo questions
- Tic Tac Toe: https://practice-tic-tac-toe.lion.computer