自从转行咨询之后，有将近3年没有系统了解软件开发领域的技术栈了。这次趁着生病在家休息的期间，简单梳理了一下应用开发最近几年主流的应用开发技术栈，主体的技术栈和3年前没有什么特别大的变化。

主要的关注点在于看主流的框架和工具（部分经常会用到的代表），语言本身不是很重要，选择一个流行的深耕下去即可。

行业分析

https://survey.stackoverflow.co/2024

全栈工程师路线图

前端

• HTML, CSS, JavaScript / TypeScript（2 个月）
• Frameworks：React, Next.js （2 个月）

后端

• 编程语言：Golang、JAVA、C#、Python（2个月 / 语言）
• 数据结构和算法（2个月学习经典的算法和数据结构）
• 设计模式（2个月）
• 数据库：RDB，NoSQL （1个月 / 个数据库）
• **Web Framework：**Gin、Spring Boot、ASP.NET Core、Django （2个月 / 个）

DevOps

• Git（1周）
• Docker / K8S （1个月）

Web应用开发

• 拆箱即用
  • https://medevel.com/next-js-cms/
• 前端：
  • React.js – https://react.dev/
  • Next.js – https://nextjs.org/
  • CSS
    • https://tailwindcss.com/ (recommended)
    • LESS
    • Stylus
    • SASS (recommended)
  • Daisy UI – https://daisyui.com/
  • TypeScript (+ Zod)
  • Automated Testing
    • Vitest (recommended)
    • Jest
  • Meta-Frameworks
    • Next.js (recommended)
    • Remix
• Hosting:
  • https://vercel.com/

Mobile应用开发

Framework:

• React Native: https://reactnative.dev/
• Flutter: https://flutter.dev/

App Deployment:

• https://codemagic.io/start/

Backend开发

• Supabase – all in one
  • https://supabase.com/
    • 开源、支持私有化部署
  • https://firebase.google.com/
    • 支持更多前端
• Clerk
  • https://clerk.com/
• Programming Language
  • Golang、Python、Java、C# …
• Web Framework
  • Spring Boot
  • Spring Cloud
  • ASP.NET Core
  • Gin / Beego
  • Django
  • …
• Database
  • MySQL
  • Postgre SQL
  • MongoDB
  • ….

其他工具

• UI设计
  • https://www.figma.com/
• AI Copilot
  • Github Copilot
• 用户行为跟踪和分析
  • PostHog https://posthog.com/
• Email Platform
  • https://www.mailgun.com/
  • https://sendgrid.com/en-us
• Stripe
  • https://stripe.com/en-sg/payments
• LogoFast
  • https://logofa.st/
• Turn Website to App
  • https://www.appmysite.com/
• Github/Git
  • https://git-scm.com/
• 容器化
  • https://kubernetes.io/
  • https://www.docker.com/
• 错误跟踪和分析
  • https://sentry.io/welcome/
• 数据包分析
  • https://www.wireshark.org/
  • https://www.telerik.com/fiddler
  • https://www.charlesproxy.com/

参考学习

• https://www.youtube.com/watch?v=EzTxYQmU8OE
• https://www.youtube.com/watch?v=GxmfcnU3feo

工作外包

• https://99designs.com.sg/
• https://www.upwork.com/

项目练习

• This course covers stylish UI design, mobile-first principles, custom animations, and 3D models, all while improving your React.js, Next.js, and Tailwind CSS skills.
  • https://www.youtube.com/watch?v=RbxHZwFtRT4
    • 服务器： https://www.hostinger.com/1Animate anything： https://gsap.com/JS 3D: https://threejs.org/