8483/notes

Full-stack web development notes.

Reality

90% of real-world programs are database frontends, held by duct tape.

Programming

Javascript

• Language
• Basics
• ES6
• Document Object Model (DOM)
• Async
• Object Oriented Programming (OOP)
• Functional Programming
• Debugging
• Code Golf

Frontend

• Frameworks
  • Svelte
  • React
  • Vue
  • Electron
  • Elm
• Libraries
  • tabulator
  • tagify
  • pdfmake
  • sheetjs
  • Various
• Other
  • CSS

Backend

• Technologies
  • Node
    • npm/npx
    • Express
      • Code Structure
    • Middleware
    • .env
  • GraphQL
  • Web Sockets
• Web server
  • nginx
    • SSL
• Libraries
  • cryptojs
  • nodemailer
  • puppeteer
• Other
  • Caching
  • Logging

Database

• Design
• Indexing
• Useful queries
• MySQL
  • node mysql
• SQL Server
  • node mssql

Tooling

• Git
• Babel
• Webpack
• VS Code

Architecture

• MVC
• Architecture
• RESTful
• Microservices
• Serverless
• Message Brokers

Concepts

• Code quality and performance
• UI/UX
• Methodologies (Agile/SCRUM)
• Security
• Testing
  • Jest
  • Mocha

Useful

• Algorithms
  • Graph Theory
• Binary base
  • Bitwise
• Assembly
  • WebAssembly
• .NET
• Notifications

APIs

• Google API
• Reddit API

Workflow

• Environment
• Development
• Deployment

Mobile

• Overview

Native

• Android (Kotlin, Java) - Android Studio / Google
• iOS (Swift, Objective-C) - XCode / Apple

Compiled

• React Native (React, Javascript)
• Native Script (XML, Javascript)
• Flutter (Dart)

Hybrid (HTML, CSS, Javascript)

• Cordova
• Capacitor
• PWA

Linux

• Operating System

Administration

• Terminal
• Filesystem
• Users
• Config

Tools

• bash - scripting
• vim - editor
• ssh - remote access
• rsync - file transfer
• tmux - terminal windows multiplexer
• cron - scheduling
• systemd - daemons
• gzip - compression

Networking

• Overview
  • OSI Model
  • TCP/IP Model
    • 2. Link - MAC
    • 3. Network - IP, Subnet, Gateway, DHCP
    • 4. Transfer - TCP, Ports
    • 5. Application - HTTP, DNS, DDNS
• Tools
• Devices
• Roles

DevOps

Virtualization

• VM
• Vagrant

Containerization

• Docker

Configuration Management

• Ansible

Artificial Intelligence (AI)

• AI
• Models
  • OpenAI GPT API
• Concepts
• Tools
• Langchain
• Embeddings & Vector Databases
• Prompt Engineering

Electronics

General

• Electronics
• Terminology
• Communication Protocols
• Components
• RFID

Embedded

• Raspberry Pi
• Arduino
• NodeMCU

Electricity

• Electricity

Startup

Good product

If you can build a product that is so good, people spontaneosly tell their friends about it, you've done 80% of the work you need to be a really successful startup.

The most successful companies you know, you've probably found out about them because a friend of your's said "You have to try this, it's great!".

One important indicator for a product like that is a product that's simple to explain and easy to understand.

If you can't explain in a few words what you do, and some people say "Oh, that's pretty interesting...", it's a mistake, and usually a sign of unclear thinking, or a need that is not big enough.

---

Solopreneur

You need 3 things:

1. Going all-in on either (outsource the rest):
   • distribution (sales, influencer, content).
   • product (coding, design).
2. Expertise in a technical skill, be it copywriting, design, coding, finance...
3. Leverage, in the forms of code, media or capital. You can't use labor.

---

Overview

• Focus
• Ideas
• Equity

Business

• Product Market Fit
• Business Model
• Pricing

Product

• MVP
• Product Desgin

Sales

• Sales
• Cold Calling
• Email
• Objection Handling
• Meetings

Copywriting

• Guide
• Frameworks
• Direct Response
• Ad Creatives

Marketing

• SEO
• Advertising
• Google Analytics
• Google Tag Manager

Random

• Excel
• Statistics

Googling

"keyword"                - Search must include keyword
-keyword                 - Search must exclude keyword
website.com: query       - Search only in the website
query 2017..2018         - Seach in the date range
filetype:pdf query       - Search just for file type

Comics

Automation

---

Is It Worth the Time?

---

Dependency

---

Standards

---

Password Strength

---

Interruption 1

---

Interruption 2

notes's Issues

Steps for Full Stack Developer

I have added a few steps for becoming a Full Stack Developer. Since the notes give details about all aspects, I have tried to simplify the process.

Composition is wrong

All the notes on composition are wrong. More details in this reddit thread. This unfortunately is a bit of misinformation that has been spreading through the JavaScript community like a virus, where one blogger regurgitated what he read from another blogger, who had regurgitated what he read from another blogger, who had just made up some BS.

Updating README.md

Hey,

I am a beginner and I really like this repository and its resources

I would like to work on the READEM.md file to make it even better for users.

Regards!

Classes text

Classes are objects, nope not :)

Website

It will be nice to have a website to see all of this nice stuff 😄. Github repo pages could be a quick win.