Home

Schedule

Assignments

Resources

Demos

Final Project Resource Suggestions

(this list will be updated)

Working with React / Next.js

(note: there are thousands of resources for these on the web as React is one of the most popular JS tools. These are a few high-quality ones to get started)

• LinkedInLearning React Essential Training - 2 hrs
• LinkedIn: Learning React JS: Another good intro video course
• LinkedIn: Building Modern Projects with React: An intermediate-level course introducing the ecosystem of React helper tools to make building complex apps simpler
• React’s own “Learn React” tutorial
• Tania Rascia’s React Overview: an excellent and easy-to-follow text based tutorial
• Another Good Text-Based React Tutorial
• Geeks for Geeks: How to Learn ReactJS: A Complete Guide

Next.s is a framework for working with React that basically builds a layer of abstraction on top of React to provide things like intuitive routing, CSS and Sass support, and API routes to build API endpoints, making development simpler.

• Next.js Tutorial by Next.js - covers Next by making a blog with the framework and deploying - concise & a great intro to Next

Building a Blog (or any CRUD App)

(see also above next.js tutorial)

• Okta developer blog - Build a Basic CRUD App with Node: uses OKTA (free option available) as an authentication service and Sequelize as the db solution. Note: does not cover deploy
• MongoDB MERN Stack Tutorial
• Learn & Build a MERN Stack application in 100 hrs: Build a Blog with MongoDB, Express, React, and Node (MERN) stack. (Not actually 100 hours)
• The MDN Express Tutorial Module - Build A Local Library Website could be tweaked to make a simple blog platform

Databasing and Saving Files

• Use an AWS Bucket to Save Files from your Node.js App
• MongoDB Tutorial (by MongoDB) MongoDB is probably one of the most popular database as a service solutions. There are helper Node packages (like Mongoose), extensive documentation, and MongoDB offers a free tier of its Atlas Cloud Database as a service
• MongoDB CRUD Operations Tutorial
• NEdb is the in-memory database solution that we walked through in class

Deploying

• Heroku Guide to Node.js app deployment
  • Heroku has some built in database addons
• Amazon Web Services guide to deploying a Node.js Stack Web App on AWS. Note: you’ll need an account for this, and it will cost some amout of $ to host your app, depending on your storage and usage needs.
  • Amazon’s own Node.js examples
• Digital Ocean is another option for a hosting service with node.js support. It offers a bit of free hosting to users with a GitHub student account, and has pricing tiers as low as $5/mo.

Machine Learning w/ images, video: ML5.js & RunwayML

• The Coding Train: ML5! Machine Learning In JavaScript: A whole series of videos (30 total!) on using Ml5, often with p5.js. If you want to work with ml5, start here. Dan Shiffman is a super engaging instructor.
• The Coding Train: Runway - Machine Learning for Creators
• The Coding Train: ML with google’s Teachable Machine
• Computer Vision Examples by Kyle McDonald - not tutorials but may give you interesting ideas about what is possible with CV/ML

Working with Text

• The Coding Train’s Working With Text Tutorials cover a ton of topics for working with text in JavaScript, including evaluation and manipulation with regular expressions, js libraries for text analysis, and natural language processing

Google Books API

• Video Tutorial: React Book Search App using Google Books API V3
• Google’s Own Developer Docs for the Books API

Form Validation

• W3 Schools Basic Form Validation with HTML and JS
• MDN Docs: Basic Client-Side Form Validation
• MDN: Sending Forms: Security Issues

Security and Passwords

• Tania Rascia: Basic Authentication for an Express Node App
• Tania Rascia: Client-Side authentication the right way

General Resources

Here you’ll find a number of resources and tutorials for topics covered in this course from HTML/CSS reference and review to deploying full stack apps to the web. The internet is full of great resources for learning how to code in any language, but especially web-based markup and the languages and utilities that the modern web is built upon.

In general, always remember to Google first. You’ll probably also come across results from Stack Overflow, a very popular Q&A platform for developers. These results are often helpful and contain bits of useful example code.

You may also want to bookmark W3 Schools, which is a great reference for HTML, CSS, and JavaScript with tutorials and in-browser “try it yourself” editing. The MDN Web Docs produced by Mozilla are another excellent source for documentation of several web technologies with text-based guides and tutorials.

CSS/HTML Reference

Setting up your Development Environment

JavasScript

JS Libraries

Wireframing

Design

Node JS Resources

Tutorials and Reference for React

Project Ideas

Deploy

Mongo DB