10.3 COHORT RESOURCES

The Resources below is an aggregation of your Module Calendars, Videos, External Resources and any tools that may come in handy for you as a programmer.

Resources

1. More Advanced Data Structure External Resources - post Demo Day Data Structure Resources you should look into.

2. Basic Data Structures - Videos around Data Structure Concepts such as Recursion, Bubble Sort etc.

3. Module Calendars - Contains class videos and links to the Github Repos for that class

4. Coding Style Guides - many jobs have guides that you must follow for both code and design

5. Cheatsheets - cheatsheet pdfs for various commands e.g. command line, VSCode, Git

6. Tools - developer tools for you to experiment with and leverage

7. Podcasts - stay up to date in tech with the latest tech podcasts

8. Newsletters - stay up to date in tech by reading the current

9. External Resources - curated resources the you posted in the 10.3 Slack Channel

Deployment

1. Firebase Fullstack Authentication - use Firebase for your authentication

2. DEPLOY BACKEND TO RENDER.com - deploy your backend server to render.com and connect it to your Netlify front end deployment.

3. DEPLOY FRONTEND TO NETLIFY - deploy your ReactJS application to the web using Netlify.com.

4. DEPLOY PostgresQL Database using Postico and ElephantSQL - deploy your database using the app Postico and ElephantSQL

ReactJS

1. React Context - watch video demos and code along to learn how to create context instead of having to lift state and use prop drilling

2. useEffect Hook Videos - watch demos to see how we use useEffect to handle asynchronous side effects.

3. REACT Building Components - Move your code from App.jsx into components and avoid unnecessary re-rendering.

Postgresql

1. Many-to-Many JOIN Github Repo - this repo explains and demonstrates how to create a many-to-many realationship in Express, Postgresql using a lookup table and the many-to-many relationship between songs and playlists. Code is included.

Project Tools & Assets

1. Front and Backend React & Express Authentication starters - just setup your db and add your code -

   Repos

   • Express, Postgresql, pg-promise Backend - this backend implements JWT, httpOnly cookies, and csrf protection for you out of the box.
   • React Frontend - use a Protected Route to prevent logged out users from visiting secure routes.

   Video Demos

   • Express Authentication & Login Starter Demo pt. 1
   • Express Authentication & Login Starter Demo pt. 2
   • React Authentication & Login Starter Demo

2. Store Images and Create URLs - use Cloudinary to store images and create URLs that you can add to your JSON data

3. JSON Server - perfect tool to spin up a quick backend server with your own API data without creating a database or an ExpressJS backend

4. Tools & Assets Page - tons of assets and tools for you to use to develop your web applications

5. How to Create A Great README.md file - use this guide to create a top notch readme file

User Experience

1. UX Overview with Robin Yipp - video time stamps & tangible resources for the comprehensive overview of UX by Robin Yipp. Subjects include Visual Design, User Stories, Color Theory, Typography, Style Guides, UI Kits and more.

2. UX & UI Resources - plan the UX of your site by learning and adding personas, wireframs etc.

3. UX Tools - tools to build low and high fidelity wireframes, mind maps, workflow charts etc.

Projects, Lab Videos & Demos

1. How to Create A Great README.md file

2. REACT Building Components - Move your code from App.jsx into components and avoid unnecessary re-rendering.

3. Transition Week, Intro to React - during your transition from Mod2 to Mod 3...code along with these videos to learn the very basics of React and how different it is from DOM Manipulation.

4. FETCH & POPULATE DOM WITH API INFO - FOR FRONT END PORTFOLIO PROJECT - use the fetch command to get information from a third party API and return that information to your HTML.

5. DOM MANIPULATION VIDEOS - Address Book - step by step videos to use HTML, CSS & JS DOM Manipulation to build an address book of contacts.

6. Command Line CRUD Videos - video walkthroughs of both the project as well as the lesson that the project is based on

7. Treasures & Trinkets Project Videos - videos that introduce you to the Treasures and Trinkets Project as well as show you how to read and test the data

8. Dinosaur Museum Project Videos - walk through of the data as well as the mya function and any other pertinent videos.

9. Jest Test Lab Demo - demo of how to approach the lab-test-with-jest lab.

Programming Videos & Instructions

1. Git & Github Essentials - Contains links to videos, step-by-step instructions for Git and Github commands

2. JavaScript Basic Videos - short videos on JavaScript Basics and other concepts

3. Non-JS Syntax Videos - videos for markdown, git, pull requests, command line etc. that are not JS

4. Miscellaneous Videos - miscellaneous videos including 'Leveraging Your Learning with ChatGPT' and 'How To Google Like a Pro' newsletters