Gearheads WIKI

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Technologies Overview ======

//this is a work in progress!//

  * [[https://docs.google.com/presentation/d/1vPV5WeWNSdVUS1nEri1oebuL1d--zBKk7xAxE-jqEws/|Scoutradioz Tech Tour]] - a dive through all the technologies used in the Scoutradioz platform

===== Node =====
Runs Javascript outside of a web browser
  * https://nodejs.org/en //(product page)//
  * https://www.w3schools.com/nodejs/nodejs_intro.asp //(W3Schools info/tutorial/etc.)//
  * [[https://www.youtube.com/watch?v=32M1al-Y6Ag|Node.js Crash Course (2024 Revamp)]] //(YouTube)//

===== Express =====
Lets a Node app receive web requests and return web pages
  * https://expressjs.com/ //(product page)//
  * https://www.geeksforgeeks.org/express-js/ //(tutorial)//
  * [[https://www.youtube.com/watch?v=SccSCuHhOw0|Learn Express JS In 35 Minutes]] //(YouTube)// 

===== Mongo =====
Persistent data storage; NoSQL / JSON storage
  * https://www.mongodb.com/resources/languages/mongodb-with-nodejs //(product page)//
  * https://www.w3schools.com/nodejs/nodejs_mongodb.asp //(W3Schools info/tutorial/etc.)//

===== CSS and custom stylesheets =====
Making pages look sharp
  * https://www.w3.org/Style/CSS/Overview.en.html //(standards page)//
  * https://www.w3schools.com/css/ //(W3Schools tutorial/etc.)//
  * https://csszengarden.com/ //(examples of what CSS can do)//

===== Image uploading =====
MIME goodness
  * https://www.npmjs.com/package/jimp //NPM page//
  * https://blog.logrocket.com/image-processing-with-node-and-jimp/ //overview//
  * https://www.youtube.com/watch?v=xjrI_9V07fY //random YouTube//

====== Voyager ======
Creating a PWA (Progressive Web App), i.e. a web app which can be used offline

===== Svelte and SvelteKit =====
  * https://svelte.dev/ //product site//
  * https://learn.svelte.dev/tutorial/welcome-to-svelte //interactive tutorial//
  * https://kit.svelte.dev/ //add routing to basic Svelte//
    * https://www.reddit.com/r/sveltejs/comments/ni9g5d/svelte_vs_sveltekit/ //decent explainer for svelte vs sveltekit//

===== Dexie.js =====
Wrapper for index.db in browsers
  * https://dexie.org/ //product site//
  * https://dexie.org/docs/Tutorial/ //tutorial//

===== Tailwind CSS =====
CSS framework
  * https://tailwindcss.com/ //product site//
  * https://tsh.io/blog/tailwind-css-tutorial/ //tutorial//

====== Application design patterns ======
  * Architecture - DB, multiple “services” running, tiers of app
  * Data structures - important tables
  * User accounts / authentication - why security, how security
  * Views - turning data into web pages, Pug
  * Routes - handling web requests, pulling together data, sending to views
  * Error handling and alerts - graceful and informative
  * Internationalization (i18n) - showing other languages
  * REST API calls - getting data from other sources, like The Blue Alliance

====== Amazon Web Services (AWS) ======
  * Lambda
  * API gateway
  * S3
  * MongoDB Atlas
  * Cloudwatch

====== Miscellaneous ======
  * Source control - git, Github
  * Legal aspects of OSS - licensing, trademarks™, patents