SEI-CC-8 Local Lecture Repository

This repository will contain useful information and resources for SEI-CC-8.

To keep your Enterprise Github up to date with Global SEI-CC-7 (Do this at least once a day!):

git pull upstream master
git push

To pull down the latest commit during a code-along lesson, use:

git fetch --all
git reset --hard origin/master

Week 1 Useful Information:

Daily Schedule:

Recorded Global lessons can be found here.

Project Presentation Recordings are here:

Click to expand

Unit 1 Presentations

Unit 2 Presentations

Recorded Local lessons are listed here:

Click to expand

Unit 1:

Click to expand:

Number Guessing Game - Part 1.

Number Guessing Game - Part 2.

Creating a repository and adding files to it.

Github Repository Basics.

Tic-Tac-Toe Part 1.

Tic-Tac-Toe Part 2.

Memory Game Plus Part 1.

Memory Game Plus Part 2.

Memory Game Plus Part 3.

DOM Playground Part 1.

DOM Playground Part 2.

EZPZ DOM Manipulation.

Unit 2:

Click to expand:

Node Intro

Basic Node Tacos Part 1

Basic Node Tacos Part 2

Node Book List App Part 1

Node Book List App Part 2

Flights Part 1 - Part 1

Flights Part 1 - Part 2

Unit 3:

Click to expand:

GitHub Workflow 1

Thing Collector

Let's Fix A Node

Node Back-End Review

Unit 4:

Click to expand:

Node Back-End Recap (Cocktails)

Binge App Back End (Part 1)

Binge App Back End (Part 2)

Binge App Back End (Part 3)

Binge App Back End (Part 4)

Binge App Back End (Part 5)

Pokemon React API

Binge App Front End (Part 1)

Binge App Front End (Part 2)

Binge App Front End (Part 3)

Binge App Front End (Part 4)

Binge App Front End (Part 5)

Unit 4 Assessment Prep

JWT Auth Preview

CSS Frameworks

FizzBuzz Prime

Back End API Call

Install-Related Links

Click here to expand

SEI-CC-8 Class repository can be found here.

Install-fest for Macs can be found here.

Install-fest for Linux(Ubuntu) can be found here.

Deliverables can be submitted here.

CLI(Command Line Interface) command cheat sheet.

Git commands / workflow cheat sheet.

Useful VS Code Extensions:

Click to expand

:emojisense: - Suggestions and auto-complete for emoji in VS Code

Beautify - Adds color to help identify different parts of your code

Better Comments - Create human-friendly comments in your code

Bracket Pair Colorizer - Colors brackets/parens for easy readability

Color Info - Provides quick info about CSS colors

Debugger for Chrome - Debug JavaScript in Chrome

Django - Beautifies syntax for Django code

EJS language support - Adds support for EJS to VS Code

ESLint - JavaScript linting

HTML Boilerplate - Provides shortcut for boilerplate template

Live Server - Launch a development server with live reload/refresh

Markdown All in One - Shortcuts/preview for markdown code

Markdown Emoji - Adds emoji support to markdown

Material Icon Theme - Adds different icons for differentiating file types

open in browser - Open current file in your default browser/application

Python - Linting/debugging/intellisense for Python

SQL Server (mssql) - Adds support for SQL linting/colorizing/intellisense

vscode-spotify - Allows Spotify control from within VS Code

Week 1 Resources

Click to expand

Markdown Syntax Cheat Sheet

JavaScript Docs (MDN)

JavaScript Data Types (MDN)

JavaScript Control Flow (MDN)

JavaScript Arrays (MDN)

JavaScript Functions (MDN)

Understanding Scope in JavaScript

JavaScript Objects (MDN)

Template Literals (MDN)

CSS Tricks - Great CSS resource

Helpful CSS Libraries:

Animate - Great for beginners, check this out for tic-tac-toe effects!!!

Materialize - AMAZING, you WILL use this!

Skeleton

Bootstrap - AMAZING, you WILL use this!

Foundation - More advanced, but SUPER powerful

Intro to the DOM (MDN)

Intro to Events (MDN)

Event Handlers (MDN)

Week 2 Resources

Click to expand

CSS Flexbox (MDN)

Flexbox Froggy - Use this to help learn Flexbox!!!

CSS Grid (MDN)

Grid Garden - Use this to help learn Grid!!!

Responsive Design - Media Queries (MDN)

Callback Functions (MDN)

JS Classes (MDN)

jQuery (Docs)

Arrow Functions (MDN)

this Binding (MDN)

Playing Audio (MDN)

Unit 1 Project Resources

Click to expand

Documenting Your Projects on GitHub

Wireframe.cc - Simple, easy to use wire-frame designer

Draw.io - More robust wire-frame utility, has templates for ERD (Entity Relationship Diagram) that we'll use in Units 2, 3, and 4

Trello - Organization site to help keep goals/objectives neat and tidy

Google Fonts - So. Many. Fonts.

confetti.js - Everybody loves confetti...

Cool JavaScript Effects - Links to TONS of fun, easy to use JS resources

CSS/JS Text Animation Snippets - Easy to use code snippets for text animation

Freesound - So. Many. Free. Sounds.

Unit 2 (Weeks 4-6) Resources

Click to expand

Node.JS Homepage

AJAX

HTTP Request Methods

Node Package Manager (npm)

Blocking/Non-Blocking, Async/Sync

Basic Directory Structure from express-generator

Express docs for Response object

EJS

EJS - Including partial views

RESTful/Resourceful routing conventions <<--- THIS, THIS, OMG, THIS!!!

Method-override middleware

Data modeling (MongoDB documentation)

A great video about data modeling

MongoDB homepage

mLab - MongoDB Cloud Hosting

MongooseJS - ODM

MongooseJS - Subdocuments

MongooseJS - Populate

MongooseJS - Queries

Practice your reps by following these guides:

Cuisine Catalog: 3 different difficulty levels to practice full-stack MEN using full-CRUD. Nothing fancy, this handles basic operations with minimal styling.

Recipe-Book: A little more advanced tutorial to make a recipe-book collection. This uses a 3rd party API (Edamam) and you’ll need to sign up for a free key. This is also a work-in-progress, I’ll be adding more functionality to it over time.

Useful tool for querying APIs:

Postman

Nifty APIs to try out:

Look here: A massive, organized list of public APIs

Here are some standout favorites:

NASA <-- SOOOO COOOOL

Edamam (Food/Recipe/Nutrition)

National Park Service

Star Trek API

Cat Facts

Petfinder Adoption API

Dog Pictures

Spotify Web - NOT easy to use, but really cool!

Last.FM

SoundCloud

Lord of The Rings

Quickchart - REALLY quick, neat way to display data in a chart

Open Movie Database

Notable and Random Quotes

Shutterstock

Twilio <-- Use this to send SMS notifications!!!

Cocktail Database

FreesoundPI

SuperHero Database

Frankfurter - currency exchange

Open Charge (EV charge station map)

Wolfram Alpha

Astronomical Data

Jeopardy Questions

Spoonacular (Restaurant Food Database)

Reddit

Wunderground

Marvel Comics

FoaaS

BreweryDB

Slack

Lob - Email Postcards

Battle.net

IFTTT

USDA National Nutrient Database

Twitter

Pokémon API <-- The only way to catch em all!

Open Weather Map

Jokes

Random Facts

Unit 3 (Weeks 7-9) Resources

Click to expand

Unit 4 (Weeks 10-12) Resources

Click to expand

Coding Challenge Sites:

www.hackerrank.com

www.codewars.com

https://www.interviewcake.com/

https://adventofcode.com/

Recommended podcasts:

Syntax

Command Line Heroes

JS Party

Software Engineering Daily