Permalink
Find file Copy path
f13e762 Nov 2, 2018
3 contributors

Users who have contributed to this file

@P1xt @ellereeeee @adelrodriguez
94 lines (84 sloc) 10.7 KB

Web Development with Computer Science Foundations - comprehensive

If you have any questions, be sure to check the FAQ. In fact, before you even start anything, go read the FAQ. It has a plethora of hints, tips and answers to help you ensure you get the most out of this guide.

Tier 1 - get started

Tier 2 - strengthen your foundation

Tier 3 - build on the foundation

  • Course: Algorithms, Part I
  • Course: Algorithms, Part II
  • Project: Complete all Classic Puzzles - Medium on CodinGame in JavaScript
  • Book: Professor Frisby's Mostly Adequate Guide to Functional Programming
  • Course: Software Testing
  • Course: Software Debugging
  • Project: Clone this blog template - note that there are multiple pages
  • Book: Functional Light JS
  • Visit the Angular, React and Vue web pages, work through their tutorials, and get a sense of how they differ and which you prefer. From here on out, try to use one of them on each frontend where it makes sense to do it as a single page app. Lean towards your favorite on most projects, but use each of the other two in at least one project before finishing the guide.
  • Project: Pick a template from here and create a new template with it as your inspiration (do not use its assets)
  • Project: Clone Reddit
  • Project: Complete all ES6 Katas here
  • Course: Multivariable Calculus
  • Project: Complete all Classic Puzzles - Hard on CodinGame in JavaScript
  • Project: Clone this Admin template
  • Project: Pick a template from here and create a new template with it as your inspiration (do not use its assets)
  • Course: Agile Software Development
  • Project: Clone the Netflix interface- pulling data from the Movie DB API or an API in a backend you create yourself.
  • Course: Software Architecture & Design
  • Project: Write the CSS Necessary to create your own 12 column based grid layout - see here for an example
  • Project: Pick a template from here and create a new template with it as your inspiration (do not use its assets)
  • Project: Clone FaceBook - yes, all the functionality. See here for a list of requirements you should fullfill.

Tier 4 - polish the rough edges

  • Project: Read up on Travis CI - try to incorporate it into any project in active development or which you intend to keep running on the web
  • Course: Linear Algebra - Foundations to Frontiers
  • Project: Clone Twitter - yes, all the functionality
  • Course: Computer Graphics
  • Course: Artificial Intelligence
  • Course: Machine Learning
  • Project: Design, implement, test, and deploy a game that is playable on the web, using the technologies of your choice. The only criteria are that it be playable online, and that it include a substantial AI component.
  • Project: Complete all Classic Puzzles - Very Hard on CodinGame in JavaScript
  • Project: Create a node module that will convert markdown to properly formatted html
  • Project: Create an npm module that bootstraps a fullstack application, with Node.js on the backend, and the SPA library/framework of your choice on the frontend. Include a full test suite and comprehensive build processes. Publish it to NPM.
  • Project: Complete all problems from all rounds of the Google Code Jam 2016 - scroll down to the appropriate section
  • Project: Extend your CSS grid framework to include the CSS and JavaScript required to implement 5 to 10 material design components
  • Project: Clone Learn Harmony
  • Project: Clone Slack - the functionality should be complete to the point that one user can create a room, invite other users, and all users of that room can real-time chat. The room should be secure and inaccessible to anyone but those invited.