SEI-Example
  • Introduction
  • About These Notes
  • Syllabus
  • Development Workflow
    • Installfest
      • Mac OSX
      • Linux
      • Git Configuration
      • Sublime Packages
    • Command Line
      • The Terminal
      • Filesystem Navigation
      • File Manipulation
      • Additional Topics
    • Intro to Git
      • Version Control
      • Local Git
      • Remote Git
      • Git Recipes
    • Group Collaboration
      • Git Workflows
      • Project Roles and Tools
    • VS Code Tips & Tricks
  • HTML/CSS
    • HTML
    • CSS Selectors
    • CSS Box Model and Positioning
      • Box Model
      • Display and Positioning
      • Flexbox
      • Grid
      • Flexbox & Grid Games
      • Floats and Clears
      • Additional Topics
    • Advanced CSS
      • Responsive Design
      • Pseudo-Classes/Elements
      • Vendor Prefixes
      • Custom Properties
      • Additional Topics
    • Bootstrap
    • CSS Frameworks
    • Accessibility
  • JavaScript
    • Primitives
    • Arrays
    • Objects
    • Control Flow
      • Boolean Expressions
      • Conditionals
      • Loops
      • Promises
    • Functions
      • Callbacks
      • Timing Functions
      • Iterators
    • DOM and Events
    • DOM Manipulation
    • HTML5 Canvas
    • How To Reduce Redundancy
    • (2019) JavaScript OOP
    • (2016) OOP with Classes
    • (1995) OOP with Prototypes
      • Constructors
      • Prototypes
    • Intro to TDD
    • Scoping
    • Inheritance
      • Prototypal Inheritance
      • Call, Apply, and other Functions
      • ES6 Inheritance
      • Resources
    • Custom Node Modules
    • Additional Topics
      • AJAX, Fetch, and Async/Await
      • AJAX w/JSON and Localstorage
        • AJAX w/JSON
        • Local Storage
      • Async module
      • Data Scraping
  • jQuery
    • Intro
      • DOM Manipulation
      • Reddit Practice
      • Styling
      • Events
    • Plugins
    • AJAX
  • APIs
    • Fetch
    • AJAX w/jQuery
    • AJAX w/Fetch
  • Databases
    • Intro to SQL
    • Advanced SQL
    • MongoDB
      • Intro to NoSQL
      • CRUD in MongoDB
      • Data Modeling
      • Intermediate Mongo
  • Node/Express
    • Node
      • Intro to Node
      • Node Modules
      • Node Package Manager (NPM)
    • Express
      • Intro to Express
        • Routes
        • Views
        • Templates
        • Layouts and Controllers
        • CRUD & REST
          • Get and Post
          • Put and Delete
      • APIs with Express (request)
      • APIs with Express (axios)
    • Sequelize
      • Terminology
      • Setup
      • Using Models
      • Seeding Data
      • Validations and Migrations
      • Resources
      • 1:M Relationships
      • N:M Relationships
    • Express Authentication
      • Research Components
      • Code Components
      • Auth in Theory
        • Sessions
        • Passwords
        • Middleware
        • Hooks
      • Auth in Practice
        • Create the User
        • User Signup
        • Sessions
        • User Login
        • Authorization and Flash messages
    • Testing with Mocha and Chai
    • Mongoose
      • Mongoose Associations
    • JSON Web Tokens
      • Codealong
    • Additional Topics
      • oAuth
      • Geocoding with Mapbox
      • Geocoding and Google Maps
      • Cloudinary
      • Websockets with Socket.io
      • SASS
  • Ruby
    • Intro to Ruby
    • Ruby Exercises
    • Ruby Classes
    • Ruby Testing with Rspec
    • Ruby Inheritance
    • Ruby Data Scraping
  • Ruby on Rails
    • Intro to Rails
    • APIs with Rails
    • Asset Pipeline
    • Rails Auth and 1-M
      • Auth Components
    • Rails N:M
    • ActiveRecord Polymorphism
    • Additional Topics
      • oAuth
      • SASS
      • Rails Mailers
      • Cloudinary
      • Jekyll
  • React (Updated 2019)
    • ES6+/ESNext
      • Const and Let
      • Arrow Functions
      • Object Literals and String Interpolation
      • ES6 Recap
      • ES6 Activity
    • Intro to React
      • Create React App
      • Components and JSX
      • Virtual DOM
      • Props
      • Dino Blog Activity
      • Nested Components
      • Lab: LotR
    • React State
      • Code-Along: Mood Points
      • Code-Along: Edit Dino Blog
      • Lab: Simple Calc
      • Lifting State
    • React Router
      • Browser History/SPAs
      • React Router (lesson and full codealong)
      • Router Lab
    • Fetch and APIs
      • APIs with Fetch and Axios
      • Fetch the Weather
    • React Hooks
    • React LifeCycle
      • Lab: Component LifeCycle
    • React Deployment
    • Additional Topics
      • React Frameworks
        • Material UI Theming
      • Typescript
        • More Types and Syntax
        • Tsconfig and Declaration Files
        • Generics with Linked List
      • Redux
      • TypeScript
      • Context API
      • React Native
  • Meteor
  • Deployment and Config
    • Deploy - Github Pages
    • Deploy - Node/Sequelize
    • Deploy - Node/MongoDB
    • Deploy React
    • Deploy - Rails
      • Foreman (Environment Variables)
    • Deploy - AWS Elastic Beanstalk
    • Deploy - S3 Static Sites
    • Deploy - Django
    • Deploy - Flask
  • Data Structures and Algorithms
    • Recursion
    • Problem Solving - Array Flatten
    • Binary Search
    • Algorithm Complexity
    • Stacks and Queues
    • Bracket Matching
    • Ruby Linked Lists
      • Sample Code
      • Beginner Exercises
      • Advanced Exercises
    • JS Linked Lists
      • Sample Code
      • Beginner Exercises
      • Beginner Solutions
    • Hash Tables
    • Intro to Sorting
    • Insertion Sort
    • Bucket Sort
    • Bubble Sort
    • Merge Sort
    • Quick Sort
    • Heap Sort
    • Sorting Wrapup
    • Hashmaps
    • Trees and Other Topics
  • Python
    • Python Installation
    • Intro to Python
    • Python Lists
    • Python Loops
    • Python Dictionaries
    • Python Sets and Tuples
    • Python Cheatsheet
    • Python Functions
    • Python Classes
    • Python Class Inheritance
    • Intro to Flask
    • Intro to SQLAlchemy
      • Flask and SQLAlchemy
    • Using PyMongo
    • Intro to Django
    • CatCollector CodeAlong
      • URLs, Views, Templates
      • Models, Migrations
      • Model Form CRUD
      • One-to-Many Relations
      • Many-to-Many Relations
      • Django Auth
    • Django Cheatsheet
    • Django Auth
    • Django Polls App Tutorial
    • Django School Tool Tutorial
    • Django 1:M Relationships
    • Custom Admin Views
    • Data Structures and Algorithms
      • Recursion
      • Binary Search
      • Stacks and Queues
      • Linked Lists
      • Binary Trees
      • Bubble Sort
      • TensorFlow & Neural Networks
    • Adjacent Topics
      • Raspberry Pi
      • Scripting
  • Assorted Topics
    • History of Computer Science
    • Regular Expressions
    • Intro to WDI (Course Info)
    • Being Successful in WDI
    • Internet Fundamentals
      • Internet Lab
    • User Stories and Wireframing
      • Wireframing Exercise: Build an Idea
    • Post WDI
      • Learning Resources
      • Deliverables -> Portfolio
      • FAQ
  • Projects
    • Project 1
    • Project 2
    • Project 3
      • Project 3 Pitch Guidelines
    • Project 4
    • Past Projects
      • Project 1
      • Project 2
      • Project 3
      • Project 4
      • Portfolios
    • Post Project 2
    • MEAN Hackathon
      • Part 1: APIs
      • Part 2: Angular
    • Portfolio
  • Web Development Trends
  • Resources
    • APIs and Data
    • Tech Websites
    • PostgreSQL Cheat Sheet
    • Sequelize Cheat Sheet
    • Database Administration
  • Archived Section
    • (Archived) ReactJS
      • Intro to React
        • Todo List Codealong
        • Additional Topics
      • Deploy React
      • React with Gulp and Browserify
        • Setting up Gulp
        • Additional Gulp Tasks
      • React Router
        • OMDB Router
        • OMDB Search
        • Additional Resources
      • React Animations
        • CSS Animations
    • AngularJS
      • Intro to AngularJS
        • Components and SPA
        • Create an Angular App
      • Angular Directives and Filters
      • Angular Animation
      • Angular Bootstrap Directives
        • Bootstrap Modals
      • Angular $http
      • Angular Services
        • Service Recipes
        • ngResource
        • Star Wars Codealong
      • Angular Routing
      • Angular + Express
      • Angular Authentication
        • Additional Topics
      • Angular Components
      • Angular Custom Filters
      • Angular Custom Directives
Powered by GitBook
On this page
  • HTML/CSS
  • JavaScript
  • ES5
  • ES6 and Beyond
  • NodeJS
  • Devops
  • Front-End Frameworks
  • Angular
  • React
  • More
  • Ruby/Rails
  • Workflow
  • Tooling
  • Computer Science
  • Paid General Resources
  • Interview Prep
  • Freelancing
  • Other
  1. Assorted Topics
  2. Post WDI

Learning Resources

PreviousPost WDINextDeliverables -> Portfolio

Last updated 3 years ago

HTML/CSS

    • Create flags of the world using HTML/CSS or SVG

    • Create a responsive grid framework

  • Additional CSS Frameworks

    • Make your own! Start small and build it up

JavaScript

ES5

  • Videos

    • Watch this video on the JavaScript Event Loop. A must if you want to gain a deeper understanding of JavaScript

  • Articles with JavaScript must-knows

ES6 and Beyond

NodeJS

  • Microservices: Creating isolated applications that perform single tasks. Basically, they're Express applications that are simple and well-defined, with a couple routes.

    • FreeCodeCamp microservice projects (note that these are open-ended projects, not tutorials)

Devops

Front-End Frameworks

Angular

  • Angular 1.x Testing

React

More

Ruby/Rails

  • Sinatra, an Express-like framework for Ruby

Workflow

Increasing Development Speed

  • Many people swear by VIM as their text editor (due to keyboard shortcuts)

  • Sublime plugins (COMMAND + SHIFT + P, to bring up this up in Sublime)

    • AngularJS

    • SASS

    • Babel

    • EJS

    • Bootstrap 3 Snippets

    • BracketHighlighter

    • Color Highlighter

    • ColorPicker

    • EditorConfig

    • Emmet

    • JSX

    • Jade

    • Markdown Preview

Tooling

Computer Science

Paid General Resources

These are some great educational resources for continued learning. Note that these are paid resources

    • Free if you have a Seattle Public Library card

    • Basically the entire tech section in a bookstore

Interview Prep

  • Review your Github and be able to explain your coding choices

    • This may involve cleaning up previous assignments/projects by fixing bugs, improving styling, and making sure things are deployed

  • Review other common interview questions. Make sure that if you are interviewing for a specific role or set of technologies, that you find interview questions on those technologies. For example, a Rails job will require you to know more about Ruby and Rails. A front-end job will require you to know more about HTML/CSS/JavaScript.

  • Practice coding challenges and whiteboarding

Freelancing

Note that if you're freelancing, it may involve writing contracts, managing money coming in/out, pricing yourself, etc. Here are some links that may come in handy.

Other

Go small and create examples with interactive editors, like . Then, embed them into your portfolio! Some ideas:

Try duplicating , or get inspiration to create your own masterpieces

Follow the blog and try out new selectors. Some great CSS Tricks pages:

- This series will elevate your JavaScript knowledge to a new level

(PDF )

(PDF )

(PDF )

(Or really any course by wes bos.)

- ES6 becoming more and more prevalent, so become familiar with it

- Learn more about Node I/O, modules, and streams. Amazing examples, 10/10.

- Auth + API examples + test suite, out of the box. Great for quick projects

- AWS provides a 12-month free tier for getting started with cloud services, as well as a plethora of documentation for using their services

- Docker is a tool for deploying applications in sandboxed containers, which provide a level of isolation between applications

- note that a lot of these concepts exist in AWS and elsewhere

Nerd out on some VS Code extensions like

- module bundling for front-end dependencies

- data structure and algorithm visualizations

(Make a PR to add a new sort to this app )

Review the .

(look up the company you're applying for)

Subscribe to 's Newsletter

Codepen
popular pens
DRY CSS
HTML/CSS Style Guide by @mdo
CSS Tricks
Code Snippets
CSS Selector and Property Almanac
Foundation
Pure.css
Skeleton
What the heck is the event loop anyways?
FunFunFunction's JavaScript videos
JSConf - JavaScript conference videos
You Don't Know JS
Understanding 'this'
CodeMentor: Top 10 JavaScript Must-Knows
10 Interview Questions Ever JS Developer Should Know
Javascript for Kids
here
Javascript: The Good Parts
here
Eloquent Javascript
here
Javascrip30
TypeScript
ES6 Features
Learn ES6 w/Egghead.io (free)
NodeSchool
Node Hackathon Starter
Intro to Microservices
Timestamp Microservice
Request Header Parser Microservice
URL Shortener Microservice
File Metadata Microservice
Amazon Web Services
Deploying a MEAN app to EC2
Using S3 for image uploads
Docker
Getting started tutorial
Heroku Application Architecture
Scheduled jobs
Angular Fundamentals w/Egghead.io (free)
Unit and End-to-End Testing
Angular 2
React Fundamentals w/Egghead.io (free)
React + Redux w/Egghead.io (free)
create-react-app
D3
Ember
Backbone
Knockout
Rails Casts
Rails Deep Dive
Rails Guide (always invaluable)
Sinatra Homepage
Sinatra Tutorials
Touch typing
Programming language typing
these ones
Sublime Shortcuts
Learn vim
Dash (documentation plugin)
Dash Sublime plugin
More at Package Control
Review and refine git branching
Practical git for everyday professional use w/Egghead.io (free)
Beginner's Guide to Webpack
Setting up Babel (ES6) with Node
The Idiots Guide to Big O
Big O Cheat sheet for data structures and algorithms
Data Structures Video Series
VisuAlgo
Learn2Sort
here
Grokking Algorithms
Egghead.io - videos
PluralSight - videos
Treehouse - videos
CodeSchool - videos
Safari Books
interview questions assignment
Glassdoor
Hackerrank
Code Wars
Coder Byte (first few are free)
Bonsai - contracts, invoicing, and payments
Wave - small business accounting and invoices
Toggl - time tracking software
Trello - tracking projects
Treehouse - learn Wordpress in order to create a CMS for clients
Syntax Podcast
FreeCodeCamp
HTML/CSS
JavaScript
ES5
ES6 and Beyond
NodeJS
Devops
Front-End Frameworks
Angular
React
Other
Ruby/Rails
Workflow
Tooling
Computer Science
Paid General Resources
Interview Prep
Freelancing
Other