2021年WEB全栈开发技术栈

简介: 随着新工具和技术的发展,开发人员的技术格局一直在变化。在进行了大量面试和阅读了多数的职业描述后,总结了一下 JavaScript 开发人员应该掌握的现代技术栈,或许你使用的是 VUE,或者是 React、Angular 或Svelte 等。

随着新工具和技术的发展,开发人员的技术格局一直在变化。在进行了大量面试和阅读了多数的职业描述后,总结了一下 JavaScript 开发人员应该掌握的现代技术栈,或许你使用的是 VUE,或者是 ReactAngular或Svelte 等。

在面对无数的工具的时候,选择就变成是个技术活,合理的组合可以提高项目开发效率,让团队合作更加友好。本文将从个人的经验出发介绍2021年全栈开发的技术栈,作为自己学习的目标,但这不唯一。

项目管理

  • Notion:用于整体项目管理、文档、注释和维基
  • Clubhouse / Monday:用于管理开发过程,这两个都可以合并到 CI/CD 工作流中,可以构建自动化使其自动完成,而更改则反映在暂存和生产CI/CD分支中
  • Slack / Discord:用于团队之间的沟通

设计

  • Figma : Figma 是一种跨平台设计工具,内置共享和协作功能
  • Photoshop / Canva : Photoshop 是平面设计工作的行业标准,而 Canva 是一款出色的图像编辑工具

后端

  • Node.js:流行的现代后端框架
  • PostgreSQL : 流行的 SQL 数据库
  • MongoDB : 流行的 NoSQL 数据库,通用、基于文档的分布式数据库,帮助现代应用程序开发人员迎接云时代的到来。
  • HarperDB :流行的混合 NoSQL/SQL 数据库

前端

  • NextJS 用于生成静态网站
  • Create React App 创建单页 React 应用程序的方式
  • Redux 是 JavaScript 应用程序的可预测状态容器,用于编写行为一致、在不同环境(客户端、服务器和本机)中运行且易于测试的应用程序
  • Tailwind :有助于编写CSS,因为它是一个现代流行的框架,避免从头开始编写自己的自定义CSS,从而加快开发工作流程
  • CSS/SASS / styled-components:css预处理器,可以作为一个不同的选项来使用,为React中的组件提供更多定制选项
  • Storybook:这是创建组件的主要构建过程,允许模块化,Storybook 组件是在动态库中独立创建的,可以在整个业务中更新和共享
  • JestEnzymeReact 测试库Cypress :TDD 在将代码和组件发送到生产环境和 Cypress 进行端到端测试之前对其进行单元测试
  • Sanity / Strapi:Sanity和Strapi是 headless CMS,并使用GUI(可选工具)发布内容。
  • Vercel / Netlify / AWS : CI/CD 提供商与 GitHub 相结合,可以在开发更改时轻松审查和驱动更新

移动端

  • React Native / Redux :用于创建跨平台移动应用程序的 React Native 和用于状态管理的 Redux
  • Flutter/Dart : Flutter 和 Dart 用于创建跨平台移动应用程序


相关文章
|
11天前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
1天前
|
设计模式 开发框架 数据库
Python Web开发主要常用的框架
Python Web开发框架包括Django、Flask、Tornado和Pyramid。Django适用于复杂应用,提供ORM、模板引擎等全套功能;Flask轻量级,易于扩展,适合小型至中型项目;Tornado擅长处理高并发,支持异步和WebSockets;Pyramid灵活强大,可适配多种数据库和模板引擎,适用于各种规模项目。选择框架需依据项目需求和技术栈。
8 2
|
1天前
|
安全 测试技术 持续交付
在Python Web开发中,测试是一个至关重要的环节
【5月更文挑战第12天】在Python Web开发中,测试至关重要,包括单元测试(unittest模块)、集成测试、功能测试、系统测试、验收测试、性能测试、安全测试和端到端测试。常用的测试工具有unittest、pytest、selenium、requests和coverage。遵循“测试先行”和“持续集成”原则,确保代码质量与稳定性。
8 3
|
2天前
|
编解码 数据库 计算机视觉
LabVIEW开发基于Web数字图像处理
LabVIEW开发基于Web数字图像处理
|
5天前
|
前端开发 JavaScript Java
Java与Web开发的结合:JSP与Servlet
Java与Web开发的结合:JSP与Servlet
8 0
|
5天前
|
存储 程序员 API
python web开发示例详解
python web开发示例详解
13 0
|
5天前
|
XML 前端开发 JavaScript
CSR(客户端渲染)和AJAX在Web开发中各自扮演不同的角色
【5月更文挑战第8天】CSR(客户端渲染)与AJAX在Web开发中各司其职。CSR提供初始HTML框架,通过JavaScript在浏览器端获取并渲染数据,提升交互性和响应速度。AJAX则实现页面局部更新,如实时搜索,不刷新页面即可获取数据。CSR可能因DOM操作多而引发性能问题,但可优化解决;AJAX适合频繁交互场景,提高响应性。两者在不同需求下各有优势,需按项目选择适用技术。
13 4
|
5天前
|
前端开发 搜索推荐 安全
AJAX和CSR(客户端渲染)是Web开发中常用的两种技术
【5月更文挑战第8天】AJAX提升用户体验,减轻服务器压力,但对搜索引擎不友好且增加开发复杂度,易引发安全问题。CSR提供快速响应和交互性,改善用户体验,但首屏加载慢,搜索引擎支持不足,同样面临安全挑战。两者各有适用场景,需按项目需求选择。
10 0
|
6天前
|
前端开发 JavaScript 开发者
新一代前端框架:革命性的Web开发利器
传统的前端框架在满足日益复杂的Web开发需求上逐渐显露出局限性,而新一代前端框架的出现,以其革命性的设计和功能,重新定义了Web开发的标准。本文将介绍这些新一代前端框架的特点和优势,并探讨它们在实际项目中的应用。
|
8天前
|
安全 测试技术 PHP
掌握现代Web开发:PHP 8的新特性与最佳实践
【5月更文挑战第5天】 在当今快速发展的网络世界中,PHP作为一种流行的服务器端脚本语言,持续地演化着。最新的PHP 8版本引入了一系列令人兴奋的新特性和性能改进,为开发者提供了更加强大和灵活的工具。本文将深入探讨PHP 8中的新特性,包括联合类型、名称参数、匹配表达式等,并分享一些最佳实践,帮助开发者提高代码质量,优化性能,并确保安全性。通过这些实用技巧和示例,您将能够构建更高效、更安全的PHP应用程序。