JoniWeiss / 2017-07-resources

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Resources for Learning Web Dev

To see the MindMap in Atom

  • We're using https://atom.io/packages/markdown-mindmap for visualization
  • With Atom already installed, from a terminal run apm install markdown-mindmap -'cmd-q' to restart atom
  • reopen atom
  • Open this file within Atom.
  • With this file in focus cmd-shift-P to open the command pallet and run mind to get the preview

General JavaScript

ES6 / EcmaScript 2015

Functional JS

HTML

CSS

CSS Grid

  • Grid Garden
    A game for learning CSS grid layout
  • moz://a css grid includes demos, how to use Firefox's DevTools, & additional resources

Flexbox

Git

GitHub

BitBucket

A11y

RegExp

Command Line (CLI)

Bash

zsh (z-shell)

Node

The Hard Way

Originally only Python

Markdown

JavaScript Frameworks

  • HINT: Don't try to learn multiple frameworks at one time. Get comfortable with vanilla JS, then learn a single framework, and only then should you add a second framework or a second language.

Angular

React

Vue

About

License:Apache License 2.0