Skip to content

TECH_DICTIONARY.md

Latest commit

 

History

History
361 lines (276 loc) · 10.4 KB

TECH_DICTIONARY.md

File metadata and controls

361 lines (276 loc) · 10.4 KB

📖 Tech Dictionary for Beginners

Simple explanations of coding terms

🔤 A-Z Technology Terms

A

API (Application Programming Interface)

  • Like a waiter in a restaurant - takes your order (request) to the kitchen (server) and brings back food (data)
  • Example: Weather API gives you weather data for any city

Array

  • A list of things in programming
  • Like a shopping list: ['apples', 'bananas', 'milk']

Authentication

  • Proving who you are to a computer system
  • Like showing your ID card to enter a building

B

Backend

  • The "behind the scenes" part of an app that users don't see
  • Like the kitchen in a restaurant - you don't see it, but it prepares your food

Boolean

  • A value that's either true or false
  • Like a light switch - it's either ON (true) or OFF (false)

Browser

  • The app you use to visit websites (Chrome, Firefox, Safari)
  • Like a window to look at the internet

C

Component (React)

  • A reusable piece of user interface
  • Like LEGO blocks - you can use the same piece in different places

CSS (Cascading Style Sheets)

  • The language that makes websites look pretty
  • Like choosing paint colors and furniture for your house

Client

  • The part of an app that users interact with (usually in their browser)
  • Like the dining room of a restaurant where customers sit

D

Database

  • A place where information is stored and organized
  • Like a digital filing cabinet or library

DOM (Document Object Model)

  • How JavaScript sees and changes web pages
  • Like a family tree, but for website elements

Debugging

  • Finding and fixing problems in code
  • Like being a detective solving mysteries

E

Element (HTML)

  • A building block of a webpage (like headings, paragraphs, buttons)
  • Like different types of furniture in a room

Event

  • Something that happens on a webpage (like clicking a button)
  • Like knocking on a door - it triggers something to happen

F

Framework

  • Pre-written code that helps you build apps faster
  • Like having a blueprint when building a house instead of starting from scratch

Frontend

  • The part of an app that users see and interact with
  • Like the front of a store where customers shop

Function

  • A piece of code that does a specific job
  • Like a recipe - you give it ingredients (inputs) and get a dish (output)

G

Git

  • A tool that keeps track of changes in your code
  • Like having a time machine for your project - you can go back to earlier versions

GitHub

  • A website where people store and share their code projects
  • Like Instagram, but for code instead of photos

H

HTML (HyperText Markup Language)

  • The language used to create the structure of web pages
  • Like the skeleton of a house - provides the basic framework

HTTP/HTTPS

  • Rules for how computers talk to each other on the internet
  • Like the postal system - there are rules for how letters are sent and delivered

Hook (React)

  • Special functions that let you use React features
  • Like power outlets in your house - they give you access to electricity (React features)

I

IDE (Integrated Development Environment)

  • A fancy text editor for writing code (like VS Code)
  • Like Microsoft Word, but designed specifically for coding

Interface

  • How users interact with an app (buttons, menus, forms)
  • Like the dashboard in your car - all the controls you use

J

JavaScript

  • A programming language that makes websites interactive
  • Like the brain of a website - it makes things think and respond

JSON (JavaScript Object Notation)

  • A way to organize and share data between computers
  • Like a standardized form that everyone can read and understand

JSX

  • A way to write HTML-like code inside JavaScript (used in React)
  • Like writing a letter in two languages at the same time

K

Keyboard Shortcuts

  • Key combinations that do things quickly
  • Like speed dial on a phone - faster than doing things the long way

L

Library

  • Pre-written code you can use in your projects
  • Like borrowing books from a library instead of writing them yourself

Loop

  • Code that repeats itself
  • Like a washing machine cycle - it does the same steps over and over

M

Method

  • A function that belongs to an object
  • Like a specific skill that a person has

Mobile-First

  • Designing for phones first, then making it work on bigger screens
  • Like designing clothes for kids first, then making adult sizes

N

Node.js

  • Lets you run JavaScript on your computer (not just in browsers)
  • Like having a JavaScript engine in your computer

npm (Node Package Manager)

  • A store for downloading code packages
  • Like an app store, but for coding tools

O

Object

  • A way to group related information and functions together
  • Like a person having properties (name, age) and abilities (walk, talk)

OCR (Optical Character Recognition)

  • Technology that reads text from images
  • Like having digital glasses that can "see" and understand text in pictures

P

Package

  • A collection of code that does something useful
  • Like a toolbox with specific tools for a job

Props (Properties)

  • Information passed to React components
  • Like giving instructions to someone about how to do their job

PWA (Progressive Web App)

  • A website that acts like a mobile app
  • Like a website wearing an app costume

Q

Query

  • A request for information from a database
  • Like asking a librarian to find books about a specific topic

R

React

  • A library for building user interfaces
  • Like having pre-made LEGO sets instead of individual blocks

Responsive Design

  • Making websites look good on all screen sizes
  • Like clothes that fit different body sizes

Repository (Repo)

  • A storage place for your code project
  • Like a folder where you keep all files for a school project

S

State

  • Information that a component remembers
  • Like a person's memory - it stores things that can change

Server

  • A computer that provides services to other computers
  • Like a helpful assistant that answers questions and provides information

Supabase

  • A service that provides database, authentication, and storage
  • Like having a personal assistant that manages all your app's backend needs

T

TypeScript

  • JavaScript with type checking to prevent errors
  • Like having spell-check for your code

Tag (HTML)

  • Labels that define different parts of a webpage
  • Like labels on boxes telling you what's inside

U

UI (User Interface)

  • What users see and interact with in an app
  • Like the buttons, screens, and menus in your phone apps

URL (Uniform Resource Locator)

  • The address of a webpage
  • Like a house address, but for websites

V

Variable

  • A container that stores information in programming
  • Like a labeled box where you can put different things

Vite

  • A tool that helps build web applications quickly
  • Like a super-fast assembly line for putting your app together

W

Webpack

  • A tool that bundles all your code files together
  • Like packing a suitcase - it organizes everything into one neat package

Web API

  • A way for different programs to communicate over the internet
  • Like having a translator that helps different apps talk to each other

X

XML

  • A way to structure and store data
  • Like JSON's older cousin - does the same job but more verbose

Y

YAML

  • A human-friendly data format
  • Like writing a list that both humans and computers can easily read

Z

Zero-Based Indexing

  • Counting in programming starts from 0, not 1
  • Like apartment floors where Ground Floor = 0, First Floor = 1

🎯 ScanWise Mind Specific Terms

OCR Engine

  • The part of the app that converts images to text
  • Like having a robot that can "read" pictures

PDF Processing

  • Converting PDF files into images that can be processed
  • Like turning a book into individual photograph pages

Document Management

  • Organizing and storing processed documents
  • Like a digital filing system for all your scanned documents

Authentication Context

  • Keeps track of who is logged in across the entire app
  • Like a security guard that remembers who has permission to enter

File Upload Component

  • The part that handles dragging and dropping files
  • Like a digital mailbox that accepts different types of documents

Storage Bucket

  • Where uploaded files are actually stored
  • Like a cloud storage locker for your documents

RLS (Row Level Security)

  • Database security that ensures users only see their own data
  • Like having personal lockers - you can only open yours

Migration

  • Instructions for setting up or changing the database structure
  • Like blueprints for building or renovating a house

🔍 Common Beginner Confusions

"Frontend vs Backend"

  • Frontend: What you see (like a car's dashboard)
  • Backend: What you don't see (like the engine)

"Library vs Framework"

  • Library: You call it when you need it (like calling a taxi)
  • Framework: It calls you when it needs you (like a job that has set hours)

"Compiled vs Interpreted"

  • Compiled: Code is translated once before running (like translating a book)
  • Interpreted: Code is translated while running (like having a real-time translator)

"Synchronous vs Asynchronous"

  • Synchronous: Do one thing at a time, wait for each to finish
  • Asynchronous: Start multiple things, don't wait for each to finish

💡 Memory Tricks

Remember HTML Tags:

  • <h1> = Heading 1 (biggest)
  • <p> = Paragraph
  • <div> = Division (container)
  • <img> = Image

Remember CSS Properties:

  • color = text color
  • background-color = background color
  • font-size = how big the text is
  • margin = space outside an element
  • padding = space inside an element

Remember JavaScript Concepts:

  • let = let me change this later
  • const = constant, never changes
  • function = a recipe that does something
  • return = give back a result

🚀 Learning Progression

Week 1: HTML (Structure) 
   ↓
Week 2: CSS (Styling)
   ↓
Week 3-4: JavaScript (Behavior)
   ↓
Week 5-6: React (Components)
   ↓
Week 7-8: Advanced Features
   ↓
Week 9-12: Build Projects!

Remember: It's okay not to understand everything at first. Learning to code is like learning a new language - it takes time and practice!

Keep this guide handy - refer back to it whenever you encounter unfamiliar terms. Soon, these words will become as natural as your everyday vocabulary! 📚✨