I'll use this area to keep track of my web development learning process. Areas will be divided into ??? (I don't know what it is), exposure (I've heard of it), usage (I know what it does and I've used it at least once), familiarity (I've used it in a variety of situations), mastery (I've been challenged in it), professional (I make money with it)

• 8/31/2022 - npm, Webpack usage, CI exposure
• 9/1/2022 - working on Indeed web dev scraper
• 9/2/2022 - learning MySQL, creating and connecting to an EC2 instance (AWS)
• 9/3/2022 - learning SQL
• 9/4-14/2022 - coding assessments, LeetCode, and interviews
• 9/14/2022 - continuing LeetCode
• 9/15/22 - easy Array questions, exposure to bit manipulation
• 10/25/22 - training (HTML, CSS, JS)
• 10/25/22 - Figma design tutorial
• 11/9/22 - training (web security (CSRF/XSS/SQL/clickjacking), databases (MongoDB) usage, TypeScript usage, testing (Mocha/Chai usage))
• 11/15/22 - training (React, Redux)
• 11/22/22 - training (Git collaboration, JIRA, Agile/SCRUM), Amazon S3 file uploads, prerequisites for DevOps, looking at Redux Toolkit, React Hook Form, Vite, microfrontends
• 11/25/22 - more practice with MUI, quick intro to WASM
• 12/2/22 - learning AntDesign
• 12/16/22 - MERN review, learning UmiJSv4, exposure to Prisma, working on web scraper, LeetCode review
• 12/30/22 - Crash course on general CS topics: logic gates, binary, ALU, Registers/RAM, CPU, OS, memory/storage; intro to DevOps (CI, linting, ephemeral environments, containers, Canary deploment, service discovery, log aggregation, metrics)
• 12/30/22 - HCI course completed, next up is Intro to Info Security and Advanced Internet Applications
• 1/1/23 - Started AWS CCP online course
• 1/7/23 - Ready for CCP exam
• 1/8/23 - Starting CCNA prep, learning Framer Motion
• 1/9/23 - Started frontend position using React, Redux, Tailwind
• 1/17/23 - Started learning SolidJS, continued learning microFE, web crawler system design (coursework), Wireshark MiTM attacks (coursework)
• 1/22/23 - Learned about web crawlers, P2P, location-based services (coursework)
• 1/23/23 - Exposure to web components and shadow DOM, learning NextJS
• 2/5/23 - Usage of React DND for drag-and-drop, learning about crowdsourcing (coursework), vim, review of flex/grid
• 2/18/23 - Bitcoin/blockchain, XSRF, XSS, SQLi (coursework)
• 3/8/23 - sklearn/ML (intro project), XState (exposure)
• 3/9/23 - Javascript Proxy/Valtio (exposure)
• 3/15/23 - Built HTML emails
• 3/26/23 - Project Silver Lining (collaborative-filtering application)
• 4/17/23 - Docker tutorial
• 4/19/23 - C intro in prep for operating systems
• 5/20/23 - Learning Next.js, building company landing page, using Framer Motion
• 6/16/23 - Continuing to learn JavaScript (javascript.info), introduction to database + SQL (CS163 Berkeley), UML diagram (part of software development course)
• 6/19/23 - Accessibility (exposure)
• 7/8/23 - Continued JavaScript learning (generics, Proxy/Reflect), exposure to NestJS (usage at work), test specification generation
• 8/7/23 - LeetCode grind
• 8/8/23 - Installed Express server on EC2 instance with Nginx reverse proxy
• 8/26/23 - Connected EC2 express server to RDS; learning OpenAI embedding/tuning; taking AI class
• 9/21/23 - Reviewing Javascript.info, GSAP, Figma
• 10/1/23 - Starting design studies, working on new portfolio
• 10/22/23 - Continued working on resume builder, started Java Backend learning, preparing portfolio
• 11/5/23 - Reviewing linear algebra, learning C
• 12/23/23 - LeetCode, learning about modules

• clientside.dev, reacterry.com, bigfrontend.dev, frontendmentor.io

• Competitive analysis
• Data anlysis
• User feedback
• User stories
• User flows
• Red routes
• Brainstorming & sketching
• Wireframing
• Prototyping
• IA
• Language
• Accessibility
• Sustainability
• Ethics
• Inclusivity
• UI elements
• Gestures
• Responsiveness
• Waiting times
• Images/icons
• Font & color hierarchy
• Micro copy
• Microinteractions
• Transitions
• KPI setup
• AB test/testing
• Web design (Adaptive web design, responsive web design, mobile-first design) - Familiarity
• Mobile design (Google material design guidelines, Apple iOS human interface guidelines) - ???
• Accessibility - WCAG Guidelines - Exposure
• Wireframing (Balsamiq, Figma, Mockflow) - Usage
• Prototyping tools (Axure, Adobe XD, Figma, Sketch) - Usage
• Interaction design (Figma, Framer, Protopie) - Usage
• Shipping designs (Avocode, Zeplin) - ???
• Vector graphics/icons (Illustrator, CorelDRAW) - Usage
• 3D (Spline) - Usage
• Design systems
• https://uxchecklist.github.io/

• The Internet (HTTP, browsers, WWW, DNS) - Exposure
• HTML (semantics, forms and validations, conventions and best practices) - Familiarity
• CSS (responsive design and media queries, positioning, flexbox/grid, box model) - Familiarity
• JavaScript (syntax and basic constructs, DOM manipulation, fetch API / Ajax (XHR), ES6 and modules) - Familiarity
• Version control systems (basic usage of Git) - Usage
• Repo hosting services (GitHub, GitLab, Bitbucket) - Usage
• Web security (HTTPs, Content Security Policy, CORS, OWASP Security Risks) - Exposure
• Package managers (npm, yarn) - Exposure
• CSS Architecture (BEM) - Usage
• CSS Preprocessors (Sass, PostCSS) - Familiarity
• Build tools (npm scripts, Webpack, esbuild, Rollup, Parcel, Vite, Prettier, ESLint) - Exposure
• Frontend frameworks (React, Angular, Vue) - Usage
• Redux - Exposure
• Modern CSS (Styled Components, CSS Modules, Styled JSX, Emotion) - Exposure
• Web Components (HTML Templates, Custom Elements, Shadow DOM) - Exposure
• CSS Frameworks (Bootstrap, Bulma, Tailwind CSS, Chakra UI, Material UI, Radix UI) - Exposure
• Testing (Jest, react-testing-library, Cypress, Enzyme) - Usage
• Type Checkers (TypeScript) - Familiarity
• Progressive Web Apps (Storage, Web sockets, Service workers, Location, Notifications, Device orientation, Payments, Credentials, PRPL Pattern, RAIL model, Performance metrics, Ligthhouse, DevTools) - Exposure
• Server side rendering (Next.js) - Exposure
• GraphQL (Apollo) - Exposure
• Static site generators (Next.js, GatsbyJS) - Exposure
• Mobile applications (React Native, Flutter) - Exposure
• Desktop applications (Electron) - Exposure
• Web assembly - Exposure

• Operating systems - Exposure
• Networking basics - ???
• Terminal usage - Usage
• Process management - ???
• Threads and concurrency - ???
• I/O management - ???
• Memory management - ???
• Interprocess communication - ??
• POSIX basics - ???
• Backend languages
  • Java - Usage
  • Rust - ???
  • Go - ???
  • JavaScript - Familiarity
  • C# - Exposure
  • PHP - Exposure
  • Python - Usage
  • Ruby - Exposure
• Relational databases (PostgreSQL, MySQL, MariaDB, MS SQL, Oracle) - Usage
• Databases+ (ORMs, ACID, Transactions, N+1 problem, Database normalization, Indexes, Data Replication, Sharding startegies, CAP theorem) - ???
• NoSQL databases (MongoDB, Cassandra, InfluxDB, Firebase) - Exposure
• APIs (Authentication - OAuth, Basic authentication, Token authentication, JWT, REST, JSON APIs, gRPC) - Usage
• Caching (CDN, Redis, Client side) - Usage
• Testing (Integration testing, Unit testing, Functional testing) - Exposure
• CI/CD - Exposure
• Design and Development Principles (SOLID, KISS, YAGNI, DRY) - ???
• Search engines (Elasticsearch) - Exposure
• Architectural patterns (Monolithic apps, Microservices, SOA, Serverless) - ???
• Message brokers (RabbitMQ, Kafka) - ???
• Containerization vs Virtualization (Docker) - Exposure
• Graph databases (Neo4j) - Exposure
• WebSockets - ???
• Web Servers (Nginx, Apache, Caddy, MS IIS) - ???
• Building for scale (Mitigation, Migration strategies, Horizontal and vertical scaling, Metrics) - Exposure

• Programming languages
  • Python - Usage
  • Ruby - Exposure
  • JavaScript / Node.js - Familiarity
  • Go - Exposure
  • Rust - Exposure
• OS Concepts
  • Networking - ???
  • POSIX - ???
  • I/O Management - ???
  • Virtualization - ???
  • Memory/Storage - Exposure
  • File systems - Exposure
  • Startup Management (initd) - ???
  • Service Management (systemd) - ???
  • Threads and concurrency - ???
  • Sockets - Exposure
  • Processes - ???
• Operating system
  • Windows - Familiarity
  • Ubuntu / Debian - Usage
  • SUSE Linux - ???
  • RHEL / Derivatives - ???
  • FreeBSD - ???
  • OpenBSD - ???
  • NetBSD - ???
• Terminal
  • Bash scripting - Exposure
  • Vim/Nano/PowerShell/Emacs - Usage
  • Terminal multiplexers (screen, tmux) - ???
  • Process monitoring (ps, top, htop, atop, lsof) - ???
  • System performance (nmon, iostat, sar, vmstat) - ???
  • Network tools (traceorute, mtr, ping, nmap, netstat, ufw/firewalld, tcpdump, iptables/nftables, dig, scp) - ???
  • Text manipulation (awk, sed, grep, sort, cut, uniq, cat, echo, fmt, tr, nl, wc) - ???
  • strace, dtrace, systemtap, uname, df, history, du - ???
• Networking, security, and protocols
  • OSI Model, DNS - Exposure
  • Emails (SMTP, IMAPS, POP3S, White/grey listing) - Usage
  • HTTP, HTTP, FTP/SFTP, SSL/TLS, SSH, Port forwarding - Exposure
  • DMARC, SPF, Domain keys - ???
• Reverse proxy - Exposure
• Caching server - ???
• Forward proxy - ???
• Load balancer - Exposure
• Firewall - ???
• Web server (Nginx, Apache, Tomcat, IIS) - Exposure
• Infrastructure as code
  • Containers (Docker, LXC) - Usage
  • GitOps (ArgoCD, FluxCD) - ???
  • Service mesh (Istio, Consul, Linkerd, Envoy) - ???
  • Secret management (Vault, SOPS, Sealed Secrets, cloud specific tools) - ???
  • Container orchestration (Kubernetes, Docker Swarm, Nomad) - Exposure
  • Configuration management (Ansible, Chef, Puppet) - Exposure
  • Infrastructure provisioning (Terraform, AWS CDK, CloudFormation, Pulumi) - Exposure
• CI/CD tools
  • Gitlab CI - ???
  • Jenkins - Exposure
  • GitHub Actions - Exposure
  • Travis CI - ???
  • TeamCity - ???
  • Azure DevOps Services - ???
  • Circle CI - Exposure
  • Drone - ???
• Monitoring
  • Infrastructure (Prometheus, Nagios, Grafana, Zabbix, Monit, Datadog) - Exposure
  • Application (Jaeger, New Relic, AppDynamics, Instana, OpenTelemetry) - ???
  • Logs (Elastic Stack, Graylog, Splunk, Papertrail, Loki) - ???
• Cloud
  • AWS - Exposure
  • Google Cloud - Exposure
  • Alibaba Cloud - ???
  • Digital Ocean - Exposure
  • Azure - Exposure
  • Linode - Exposure
• Cloud design
  • Availability, data mangaement, design and implementation, management and monitoring - ???