My main objective for this year is to gain the foundational skillset of a web developer by following P1xt's JS 2.0 Guide. I'll be studying JavaScript, HTML and CSS with some coverage of CS fundamentals and math.
Courses Completed: 2
Extracurriculars
Routine study
Total Points earned: 4105
| Date Finished | Activity | Points | Link / Description |
|---|---|---|---|
| 31/01/2018 | MOOC | 500 | CS50: Introduction to Computer Science |
| 02/02/2018 | Basic project | 100 | Template clone |
| 06/02/2018 | Basic project | 100 | CSS Design |
| 05/05/2018 | Basic project | 100 | Node Girls React Weather App |
| 19/05/2018 | MOOC | 500 | Programming for the Web with JavaScript |
| 02/06/2018 | Book | 200 | "Don't Make Me Think, Revisited" by Steve Krug |
| 15/06/2018 | Blog Post on any topic | 15 | Introduction to Systems Thinking |
| 15/06/2018 | Blog Post on any topic | 15 | Academy Xi: UX Elevate Week 1 |
| 03/07/2018 | Basic project | 100 | Template Clone 002 |
A guide primarily focused on Frontend development, but including just enough of an introduction to Backend to enable an understanding of the "entire process" to prepare for productive entry to a Full Stack team as a confident and capable Frontend Developer.
- Tier 0 - Prep
- Tier 1 - Intro to Programming
- Tier 2 - Add Complexity
- Tier 3 - Practice
- Tier 4 - Wrap everything up and prep for interviews
- What now?
Goal: Be comfortable with git by midway through Tier 1, and comfortable with Precalculus by midway through Tier 2.
Anything in Tier 0 can be studied before beginning Tier 1, or alongside the rest of the guide as you progress through the other Tiers.
- Book: College Algebra or Course: College Algebra and Problem Solving or thorough knowledge of Algebra.
- Book: Precalculus or Course: Precalculus or Khan Academy or thorough knowledge of Precalculus
- Course: Try Git and/or How to not f-up your local files with Git part1, part2 and part 3
- Project: JavaScript Interview Prep - sign up for this now and work through it alongside the rest of the guide.
Goal: Become Proficient with HTML, CSS and JavaScript.
- Book: You Don't Know JS: Up & Going
- Course - CS50 on edX
- Book: You Don't Know JS: Scope & Closures
- Course: Learn to Code HTML & CSS
- Project: Pick a template from here, here or here and implement the frontend of a website with it as your inspiration (do not use its assets)
- Book: You Don't Know JS: this & Object Prototypes
- Project: CSS Zen Garden - implement your own CSS design for the competition
- Course: Programming for the Web with JavaScript
- Project: Pick a template from here, here or here and implement the frontend of a website with it as your inspiration (do not use its assets)
- Book: You Don't Know JS: Types & Grammar
- Project: Pick a template from here, here or here and implement the frontend of a website with it as your inspiration (do not use its assets)
- Book: You Don't Know JS: Async & Performance
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose.
- Course: Learn to Code Advanced HTML & CSS
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose.
- Course: Getting Sassy with CSS
- Project: 100 Days of CSS, scroll to the bottom of that page, beginning with #001, recreate the images, in CodePen. Start the first one now and set a goal of finishing as many as you can by the end of Tier 3. (Intent: Build a presence on CodePen as a proficient HTML/(S)CSS developer to add another online body of work alongside your growing GitHub profile.)
- Book: You Don't Know JS: ES6 & Beyond
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose.
Goal: Become familiar with D3.js and Node.js to strengthen your proficiency with JavaScript by exploring how it's used in a Full Stack application.
- Course: M101JS: MongoDB for Node.js Developers on MongoDB University (Sign up at the start of the Tier and then take the course when it becomes available)
- Course: Data Visualization and D3.js
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose.
- Project: Clone this Admin template using React, Angular, or Vue
- Book: JavaScript Allongé, the "Six" Edition
- Project: Clone this online resume template
- Project: Do a one week Speedrun of the FreeCodeCamp Backend Projects, finishing as many as you can in 7 days.
- Book: JavaScript Design Patterns
- Project: Revisit CSS Zen Garden - and implement a new design
- Project: Clone Twitter using Node.js on the backend, and your frontend framework/library of choice. Include all basic features: signup/login/logout, follow user, search, tweet, like/retweet, home page with stream of recent tweets.
Goal: Practice Frontend Development in greater depth and continue studying JavaScript, ensuring you understand the algorithms and data structures you're likely to encounter in interviews (and on the job).
- Project: Read How to Contribute to Open Source - and make two contributions to open source projects (of your choice) by the end of this Tier.
- Book: Open Data Structures
- Project: Finish all classic puzzles on CodinGame from easy through hard by the end of the Tier.
- Project: Clone Medium. Include: create account, create post, publish post, edit post, add topic to post, follow user, follow topic, cheer for post, and home page with feed of recent posts, followed users, and followed topics.
- Project: Pick a template from here, here or here and implement the frontend of a website with it as your inspiration (do not use its assets)
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose. Consider building it as a Chrome Extension, Mobile, or Electron App
- Project: Pick a template from here, here or here and implement the frontend of a website with it as your inspiration (do not use its assets)
- Project: Select an API from Todd Motto's API List and build a frontend-only application powered by data fetched from the API you chose. Consider building it as a Chrome Extension, Mobile, or Electron App
- Project: Full stack project of your choice (ideas: clone Facebook, Reddit, Netflix, Slack) - Consider building it as a Chrome Extension, Mobile, or Electron App.
- Project: Full stack project of your choice (make it grand) - or do a one month Speedrun of the FreeCodeCamp Projects.
Goal: Interview with confidence.
- Project: Finish any questions you have remaining from JavaScript Interview Prep
- Project: Finish any of 100 Days of CSS you have yet to complete.
- Project: Create and polish your Portfolio site.
- Project: Create and polish your Resume/CV.
- Project: Cracking the Coding Interview on HackerRank
- Project: Continue honing your skills as you interview. Prioritize contributing to open source.