What I'm Learning

List of topics I'm learning or practicing.

I've attached prototypes exemplifying concepts or tools for future use and reference.

Frontend

UI Framework Concepts

• React props + state
• React basic hooks (useRef, useState, useEffect)
• React forms
• React simple CRUD
• React children
• React Router
• React PropTypes
• React + Typescript

State Management

• Local Storage
• React custom route
• React Context API + useContext
• React useReducer
• React.memo, useMemo and useCallback hooks
• Redux hooks (useDispatch, useSelector)
• Redux Async (Redux Thunk, Request/success/failure pattern)

Data manipulation

• API consumption
• Axios data fetching
• Data fetching error handling
• Consuming Promises with Async/Await
• Chart manipulation
• React + TypeScript + Context API hooks
• Algorithm Diagram
• File parsing
• UUID
• Error Boundaries

Configuration

• Enviroment variables
• Standard code style
• Airbnb + EsLint
• Standard + EsLint
• Prettier + EsLint
• Linting + Formatting scripts
• Absolute Imports
• Barrel file architecture

Styling

• React-Bootstrap
• Styled-components
• Materialize CSS
• SASS post processor
• GSAP animations
• Advanced transition animations
• Material UI
• Storybook
• Theming

UX Best Practices

• Pagination
• Loading indicator
• File Minification
• Drag & Drop
• Wireframing
• React Progressive Web App (PWA)
• i18n (Internationalization)

Optimization Techniques

• Memoization
• Load Balancer
• Queue management
• Kafka: Distributed Event Streaming
• Lazy loading
• File bundling
• Gzipping and compression
• Database Indexing
• Caching strategies
• Primary/Replica architecture

Server

• Express REST API
• JSON Web Tokens (JWT) authentication
• NestJs + Next.js
• Google sign-in authentication
• AWS Lambda functions
• Notification system
• Email templating
• Workers' data sync
• Socket.io
• Google Pay API
• Stripe API
• PDF Conversion system
• Data Scraping

Database

• MongoDB + Mongoose
• MongoDB + Prisma
• Integration of databases (Merge, Convert, Consolidate)
• Data cleaning with ETL Process
• Data Warehouse + OLAP Cube
• Batch/CRON Job
• SQL Trigger
• Stored Procedure
• Scheduler
• Automated Migration
• Automated Database Backup

Best Practices

• Clean Code
• Unit Testing
• End-to-End Testing
• SOLID Principles
• Model–View–Controller (MVC)
• Domain-Driven Design (DDD)
• Accessibility

DevOps

• Heroku deployment
• Shell scripting
• Docker containerization
• Kubernetes orchestration
• AWS services
• Terraform automation
• GitHub Actions pipeline
• Package Managing Automation
• Automated Code Quality validation (SonarQube)
• Automated program installation on servers (Ansible)

Web Security

• Code Obfuscation
• OWASP Top 10
• IP Tables Rules
• Web Application Firewall (WAF)
• Digital Signature authentication
• Password Encryption
• Virtualization
• SSL Tunneling
• DMZ Network
• VPN access for intranet
• DNS configuration

2D Programming

• Canvas + Collision + Points system
• Canvas modeling
• Level system
• Texture + Sprites
• Multiplayer

3D Programming

• Blender 3D modeling
• Three.js 3D manipulation
• Model animation with GSAP
• Custom Shader