References for newcomers

This is more of a curriculum to get started on your web development career at the dojo. It is preffered to follow this guide in order. But feel free to shuffle around if you're feeling adventurous.

Note: FCC and The Odin Project provides even more thorough curriculums.

Part 0

The www

Get yourself acquainted with how the web works.

• How the web works!
• The Internet whitepaper (boring!)
• HTTP and HTML (youtube)
• How the internet works - (youtube playlist)

Learn just enough

• Command line
• Git
• HTML
• CSS and layouts
• Javascript

Courses

• Intro to HTML/CSS: Making webpages
• HTML/JS: Making webpages interactive

Reading materials

• MDN html
• MDN CSS
• MDN Javascript
• Internetting is hard
• Eloquent JavaScript and You Dont Know JS - bookmark these two!

Practise

Get yourself a codepen account and host your code there.

• Google Home Page
• Rock Paper Scissors

Part 1

Getting a deeper understanding

• CS50 - Intro to CS
• Algorithms
• SQL
• Some Math (optional)
• CS50 - Web Programming with Python and JavaScript
• es6

Reading materials

• MDN HTML - Advanced topics
• MDN CSS - Reference - Key Concepts
• MDN JavaScript - Tutorials - JavaScript Guide
• YDKJS: Up & Going
• YDKJS: Scope & Closures
• YDKJS: this & Object Prototypes

Project Ideas

• HTML CSS
• JS
• As an exercise, try tackling FCC's JS and DSA projects

Part 2

Building webapp APIs

• REST
• Node JS
• Build an API with express

Frontend frameworks

• Angular
  • Tour of Heroes
  • Scrimba Tutorial
  • Angular: Getting Started (pluralsight)
  • Crash Course I (youtube)
  • Crash Course II (youtube)
  • NgRx (pluralsight)
• React
  • Tutorial
  • Scrimba Tutorial
  • EggHead
  • Redux
• Vue
  • Scrimba Tutorial
  • Vue Mastery
  • Scrimba Vuex

Backend

• Node/Express

Exercise

Build a full web app similar to RWA. Borrow concepts from these codebases.

• FrontEnd

  • React/Redux
  • Vue
  • Angular

• Backend

  • Node