Keep Coding!

The Evolution of Programming.

-The dawn of times : Humans directly write machine instructions.
-Early Prehistory : humans code in high level languages.
-Modern Times : Humans write code in high level language assisted by ai.
-Future : Humans teach ai models how to solve problems directly.

- by Dr. Matt Welsh

20 Websites for Fonts

(Make it a bookmark for instant access)

1. Font Squirrel: https://fontsquirrel.com
2. DaFont: https://dafont.com
3. 1001Fonts: https://1001fonts.com
4. Google Fonts: https://fonts.google.com
5. FontSpace: https://fontspace.com
6. Fontstruct: https://fontstruct.com
7. The League of Moveable Type: https://theleagueofmoveabletype.com
8. Font Garden: https://fontgarden.com
9. Befonts: https://befonts.com
10. FontZone: https://fontzone.net
11. Abstract Fonts: https://abstractfonts.com
12. FreeTypography: https://freetypography.com
13. Font Fabric: https://fontfabric.com
14. Fonts Café: https://fontscafe.com
15. Font Library: https://fontlibrary.org
16. Font Meme: https://fontmeme.com
17. FontStruct: https://fontstruct.com
18. Font Foundry: https://fontfoundry.com
19. Fontspring: https://fontspring.com
20. Urban Fonts: https://urbanfonts.com

must have vs code shortcuts

If you don't create a purpose, you will be assigned one.

the select groups are X's Premium+ subscribers. 😊

#Elonmusk

Grok is coming!

Early phase of Amazon's office.

Complete React Roadmap 🔥
|
|--- Fundamentals
| |-- JavaScript ES6+
| |-- JSX
| |-- Components
| |-- Props
| |-- State and
| |-- Lifecycle
| |-- Events
| |-- Hooks
| | |- useState
| | |- useEffect
| | |- useContext
| | |- useReducer
| | └ Custom Hooks
| |
| |-- Functional vs Class Components
| |-- Conditional Rendering
| |-- Lists and Keys
| |-- Forms
| |-- Controlled Components
| |-- Fragments
| └─ Higher-Order Components
|
|--- Advanced Concepts
| |-- Context API
| |-- Redux
| |-- Redux Basics
| |-- Redux Middleware
| |-- Thunk
| | └ Saga
| |
| |-- React Router
| |-- Error Boundaries
| |-- Portals
| |-- Render Props
| |-- Suspense
| |-- Lazy Loading
| |-- PropTypes
| |-- TypeScript
| └─ Server-side Rendering
|
|--- Styling
| |-- CSS Modules
| |-- Styled Components
| |-- CSS-in-JS Libraries
| |-- Theming
| └─ Responsive Design
|
|--- State Management
| |-- Local Component State
| |-- Context API for Global State
| |-- Redux State Management
| |-- MobX State Management
| |-- Recoil (Experimental)
| └─ Zustand
|
|--- Forms and Validation
| |-- Formik (Form Library)
| |-- Yup (Schema Validation)
| └─ Controlled vs Uncontrolled Components
|
|--- GraphQL and APIs
| |-- Apollo Client (GraphQL)
| |-- Fetch API
| |-- Axios
| |-- RESTful APIs
| └─ Fetching Data in React
|
|--- Performance Optimization
| |-- Memoization
| |-- PureComponent and React.memo
| |-- Code Splitting
| |-- Server-side Rendering (SSR)
| |-- React.lazy and Suspense
| |-- Performance Profiling (React DevTools)
| └─ Tree Shaking
|
|--- Security
| |-- Cross-Site Scripting Prevention
| |-- Cross-Site Request Forgery Protection
| └─ Content Security Policy (CSP)
|
|--- Deployment and Build Tools
| |-- Webpack
| |-- Babel
| |-- ESLint
| |-- Prettier
| └─ CI / CD
|
|--- Server-side Integration
| |-- Integrating React with Node.js
| |-- Integrating React with Express.js
| |-- Integrating React with Django
| └─ Integrating React with Ruby on Rails
|
|--- Libraries and Tools
| |-- Recoil
| |-- React Query (Data Fetching Library)
| |-- SWR (Stale-While-Revalidate)
| |-- Vercel (Deployment Platform)
| |-- Netlify (Deployment and Hosting)
| └─ AWS Amplify (Cloud Services)
|
|--- Mobile and Desktop Applications
| |-- React Native (Mobile)
| └─ Electron (Desktop)
|
|--- Best Practices and Design Patterns
| |-- Component Patterns
| |-- Error Handling Strategies
| |-- Code Splitting Patterns
| |-- State Management Patterns
| └─ Testing Strategies
|
|─- Community and Learning Resources
|-- Official React Documentation
|-- Online Tutorials
|-- React Blogs
|-- Medium Articles
|-- Open Source React Projects
|-- React Community Events
|-- Conferences
└─ GitHub Repositories

------------------ END -------------------

what is your mode ?

Backend language:
🧮 JavaScript
🧮 Python
🧮 Java
🧮 PHP
🧮 Go
🧮 C#
🧮 Ruby
🧮 Kotlin
🧮 Rust

Frontend language:
🖥 JS
🖥 TS

UI:
🎨 React
🎨 Vue
🎨 Angular
🎨 Svelte

DB:
📁 PostgreSQL
📁 MySQL
📁 MongoDB
📁 SQLServer
📁 DynamoDB
📁 Cockroachdb

API:
🔌 Express
🔌 Spring Boot
🔌 Flask
🔌 FastAPI
🔌 Ruby on Rails
🔌 Gin
🔌 Rocket

CI/CD:
🏗 GitHub actions
🏗 Jenkins
🏗 CircleCI
🏗 TravisCI

Cloud:
☁️ AWS
☁️ Azure
☁️ GCP
☁️ Vercel

UI/UX:
🎨 Figma
🎨 InVision

Code:
⛓ GitHub
⛓ GitLab

Mobile:
📱 React Native
📱 Swift
📱 Kotlin
📱 Flutter

Learn:
🎓 YouTube |@EmmersiveLearning
🎓 Udemy
🎓 Coursera
🎓 freeCodeCamp
🎓 edX

@EmmersiveLearning

newbie 😊😂