Welcome to Students Resources 🐣

1. Laptop setup.
2. Practice typing.
3. Learning tools.
4. VS Code extensions.
5. Terminal.
6. Database.
7. Sample API's.
8. Cloud.
9. React.
10. React Native.
11. Express.
12. Data Structure.
13. Data Science.
14. Python.
15. Typescript.
16. CSS.
17. UX/UI.
18. README GitHub.
19. Google Chrome Extensions.
20. Technical interview practice.
21. Cultural interview practice.
22. Tech communities to join/participate.
23. Guidelines for Writing About People With Disabilities.

Laptop setup:

M1 Mac setup

https://medium.com/@vitoriaroas/m1-mac-developer-setup-69771f5f977d

Mac setup an depth video

https://www.youtube.com/watch?v=fgD247xy8wI

Practice typing:

https://www.typingclub.com/

https://monkeytype.com/

https://typer.codepalmbeach.org/

Learning tools:

https://www.w3schools.com/js/exercise_js.asp?filename=exercise_js_functions1

https://edabit.com/tutorial/javascript

https://scrimba.com/

https://www.freecodecamp.org

https://github.com/metagrover/ES6-for-humans

https://leetcode.com/

https://www.hackerrank.com/

https://learngitbranching.js.org/

Vs Code Shortcuts

https://medium.com/@miguellattuada/useful-visual-studio-code-keyboard-shortcuts-d81599893716

Vs Code Shortcuts pdf

visual studio code shortcuts.pdf

VS Code extensions:

• bracket pair colorizer
• live server
• prettier

Terminal:

Git cheat sheet

git-cheatsheet-EN-dark.pdf

git-cheat-sheet.pdf

Theme for your terminal

https://ohmyz.sh/

https://github.com/rakyll/hey

Terminal commands

https://levelup.gitconnected.com/20-terminal-commands-that-every-developer-should-know-f0d35e60f44d

Terminal commands Linux

LinuxUnixCMDref.pdf

Get out of VIM pass

Database:

MySQL resource

https://dev.mysql.com/doc/refman/8.0/en/json.html

MySQL WorkBench

• If you have M1 Apple Chip on your Mac (install 8.0.22) the latest v8.0.24 will not work https://downloads.mysql.com/archives/workbench/
• install MySQL on macOS https://flaviocopes.com/mysql-how-to-install/

Step by Step Tutorial

https://tech-cookbook.com/2021/03/10/using-mysql-workbench-on-macos-big-sur-m1/

Examples for Beginners

https://www3.ntu.edu.sg/home/ehchua/programming/sql/MySQL_Beginner.html#zz-2.4

https://www.lucidchart.com/pages/er-diagrams#section_5

Install MongoDB

https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/

MongoDB - create Database

https://www.tutorialspoint.com/mongodb/mongodb_create_database.htm

Mongo DB - Query and Projection Operators https://docs.mongodb.com/manual/reference/operator/query/

MongoDB - Environment

https://www.tutorialspoint.com/mongodb/mongodb_environment.htm

MongoDB- create an Atlas Account

https://docs.atlas.mongodb.com/tutorial/create-atlas-account/

Medium on cloud MongoDB

https://medium.com/@bilguun132/working-with-mongodb-mongoose-on-nodejs-2317e0fe2290

Firebase

https://console.firebase.google.com/

Sample API's:

https://sampleapis.com/api-list

Cloud:

React App using firebase hosting

https://jonathans199.medium.com/publish-your-react-app-to-free-firebase-hosting-c4aa38b84a5e

Express API using firebase hosting and functions

https://medium.com/boca-code/the-basic-process-is-that-we-will-use-firebase-cloud-functions-to-create-a-single-function-app-13ba3b852077

React App using AWS

https://medium.com/boca-code/deploy-your-react-app-to-aws-s3-bucket-and-with-ci-cd-1c9ce03023c2

Deploy Node express API to EC2 instance in AWS

https://jonathans199.medium.com/how-to-deploy-node-express-api-to-ec2-instance-in-aws-bc038a401156

Deploy a React app with s3 or cloudfront

https://wolovim.medium.com/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af

Firebase hosting

• Docs on deploying Express API to firebase (plus CORS and Caching) https://firebase.google.com/docs/hosting/functions

Hosting your website through Github

https://pages.github.com/

React:

Installing router on react

https://reactrouter.com/

Declarative routing for React

https://reactrouter.com/web/guides/quick-start

Hookrouter (light-weight, newer routing library)

https://www.npmjs.com/package/hookrouter

React Native:

Framework

https://nativebase.io/

https://reactnativeelements.com/

https://docs.expo.dev/

Express:

Express

https://expressjs.com/

Creating an Express API

https://medium.com/boca-code/creating-an-express-api-step-by-step-cb7b9aab7b6

Data Structure:

https://www.cs.usfca.edu/~galles/visualization/QueueArray.html https://www.cs.usfca.edu/~galles/visualization/Algorithms.html

Data Science:

https://www.anaconda.com/

Python:

https://learnopencv.com/image-classification-using-feedforward-neural-network-in-keras/

https://realpython.com/nltk-nlp-python/

Typescript:

Typescript Playgroud https://www.typescriptlang.org/play

CSS:

CSS flex
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#background

CSS learning games: https://flexboxfroggy.com/ https://cssgridgarden.com/

CSS polygon
https://bennettfeely.com/clippy/

UX/UI:

Draw.io (creating)

https://app.diagrams.net/

Figma.com (wireframing)

https://www.figma.com/

Software to download (wireframing)

https://helpx.adobe.com/xd/get-started.html

Templates & UI kits

https://www.xdguru.com/

Inspiration for creating

https://www.awwwards.com/

Translates sketches to code

https://sketch2code.azurewebsites.net/

Stock images

https://coverr.co/

https://unsplash.com/

https://www.pexels.com/

Create gifs

https://gifox.io/

README GitHub:

https://docs.github.com/en/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#links

README profile

https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme#about-your-profile-readme

Update personal ReadMe

https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md

Google Chrome Extensions:

https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en

Technical interview practice:

https://www.sitepoint.com/5-common-coding-interview-challenges/

https://github.com/sudheerj/reactjs-interview-questions

https://30secondsofinterviews.org/

https://edabit.com/challenge/3LpBLgNRyaHMvNb4j

https://www.pramp.com/#/

https://github.com/niksseif/Questions-I-ask-during-my-interviews

JavaScript Has Table

https://www.freecodecamp.org/news/javascript-hash-table-associative-array-hashing-in-js/

Cultural interview practice:

https://www.va.gov/pbi/questions.asp

https://www.amazon.jobs/en/landing_pages/in-person-interview

Tech communities to join/participate:

Tech Hub South Florida

https://techhubsouthflorida.org/

Grammerhub

http://grammerhub.org/home

Latinos in Tech: Techqueria

https://techqueria.org/get-involved/join/

Florida JS

https://floridajs.com/

Guidelines for Writing About People With Disabilities:

https://adata.org/factsheet/ADANN-writing