热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端开发,最新技术栈总结

1.基础前端开发者1.1HTML&CSS最基础的知识:语义化的HTML元素基础的CSS语法Flexbox&Grid

 

2. 一个成熟的前端开发者

2.1 HTML & CSS框架

HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).

BootStrap

Materialize

Bulma

2.2 Git和其他工作流工具

Git绝对是每一个Web开发者必须掌握的工具, 这里也有一些其他的工作流工具的建议.,

基础的命令行(touch, cd, mkdir什么的总得会, 命令行在下面的工具中都会用到)

Git(版本控制)

NPM 或 Yarn(包管理)

Webpack 或者 Parcel(打包工具)

Gulp 或者 Grunt(任务管理和构建工具)

编辑器插件(ESLint, Prettier, Live Server等)

2.3 前端框架

学习一个前端框架在目前前端开发中是必须的.

在大公司开发中非常流行

更多的交互 & 有趣的UI组件

组件化 & 模块化前端代码

对团队有利

2.4 状态管理

对于使用框架的大型前端项目, 你也许需要使用状态管理工具去管理你的应用级的状态

Redux(Context API)

Apollo(GraphQL Client)

Vuex

NgRx

2.5 满足一个成熟的前端开发者条件

构建一个优秀的前端应用

流畅和稳定的前端工作流

多人开发 & 熟练使用Git

请求后端API & 前端数据响应

满足以上条件, 你能够顺利的找到一个前端的工作并干得很出色~

 

3 全栈开发工程师

3.1 学习一门后端语言

成为一个全栈工程师或软件工程师, 你将需要学习一个服务端语言和相关技术

Node.js

Python

PHP

C#

Go

学习的顺序:

基础的后端语言语法

数据结构和工作流

包管理

HTTP/路由

3.2 服务端框架

不要重复造轮子, 学习一门框架去构建更好和更快的应用

Node.js(Express, Koa, Adonis)

Python(Django, Flask)

PHP(Laravel, Symfony)

C# (ASP.NET)

3.3 数据库

绝大多数觉得应用都会使用到数据库, 这里有一些选择:

关系型数据库(MySQL, PostgreSQL, MS SQL)

非关系型数据库 (MongoDB, Counchbase)

云服务 (Firebase, AWS, Azure, DocumentDB)

轻量级(SQLite, NeDB, Redis)

3.4 服务端渲染

像React, Vue 和 Angular等端架都可以进行服务端渲染

Next.js(React)

Nuxt(Vue)

Angular Universal(Angular)

3.5 内容管理系统

内容管理系统允许快速开发并为您的客户提供更新内容的能力. 在你需要快速开发网站的时候, 它们是很适合的. 特别是对于自由开发者.

基于PHP的 (Wordpress, Drupal)

基于JS的 (Ghost, Keystone)

基于Python的 (Mezzazine)

基于.Net的 (Piranha, Orchard CMS)

3.6 DevOps 和部署

学习语言和框架是一回事, 但是安装环境, 测试和部署有事另外一回事

部署 (Linux, SSH, Git, Nginx, Apache)

平台 (Digital Ocean, AWS, Heroku, Azure)

可视化(Docker, Vagrant)

测试 (单元测试, 集成测试, 函数式测试, 系统测试)

3.7 满足全栈工程师的条件

设置全栈的开发环境和工作流

构建后端服务API和微服务

数据库操作

能够独立开发应用(前端和服务端)

部署到云端(SSH, Git, Servers等等)

 

4. 2019技术趋势和其他

4.1原生应用开发

React Native(使用React构建原生应用)

NativeScirpt(Angular, Typescript, Javascript)

Ionic (HTML/CSS/JS 实现混合应用)

Flutter (使用Dart语言开发原生应用的移动端SDK)

Xamarin (使用C#开发的移动端应用)

4.2 使用Electron开发桌面应用

Electron是一个使用Javascript构建跨平台的桌面应用工具.

使用到了 Chromium内核和Node.js

兼容Windows, Mac & Linux

崩溃报告, 调试和性能分析

4.3 GraphQL & Apollo

GraphQl是对于API的一种革命性新方法,查询语言比标准RESET严格得多

只查询你想要的东西

前端和后端可以合作得更为顺利

查询语句非常简单且很像JSON语句

Apollo是一个发送请求到GraphQL的客户端

使用的是Gatsby静态站点生成器

4.4 TypeScript

TypeScript是一个Javascript的超集, 它添加了静态类型等很多特性.

变量, 函数等类型

其他ES6的特性

在Angular中被使用到, 同时也可以在React和Vue中被使用

4.5 无服务架构

无需创建和管理自己的服务器

使用第三服务执行“无服务器功能”

例如 AWS, Netify & Firebase

在Gatsby静态站点生成器很流行

无服务框架

4.6 AI和机器学习

AI和机器学习已经被广泛应用在所有的程序和技术中, 甚至包括web开发中.

机器学习可以允许Web应用程序随时间进行调整

虽然AI还有很长的路要走, 但是我们会看到它会更多的用在web中

虽然目前绝大多数都是Python写的, 但也有Tensorflow.js和Brain.js这些JS的库

4.7 区块链技术

现在许多公司使用区块链技术进行数字交易, 因为它们更安全和有效率.

Solidity(一门智能合约的编程语言)

Mist(以太坊开发的浏览器, 用于发送交易和合约)

比特币API(可以构建app和整和比特币的区块链开发)

4.8 PWA

Progressive Web Apps是一个web app但是在功能和样式上给用户带来原生应用使用体验的一项技术.

响应式

在离线环境下也能够提供服务

类似App的交互

HTTPS

可靠, 迅速, 更好

4.9 Web Assembly

类似汇编的二进制格式的代码可以被浏览器执行. 可以使用类似C/c++和Rust等高级语言进行编写.

比Javascript执行效率快

更安全 - 强制的浏览器同源和安全协议

开放 & 可调试

 

 https://www.cnblogs.com/chang229/p/8473660.html


推荐阅读
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • 为开发者提供了一系列实用的参考网站和资源链接,包括HTML速查手册( 和 ),帮助开发者快速查找和学习相关技术知识。此外,还涵盖了其他重要的开发工具和文档,为编程工作提供全面支持。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • Joomla!软件介绍【Joomla!概括介绍】国外相当知名的内容管理系统。【Joomla!基本介绍】Joomla!是一套在国外相当知名的内容管理系统(ContentManagem ... [详细]
  • 如何在jqGrid中调整shrinkToFit以避免水平滚动条,并解决页面存在垂直滚动条时表格超出父容器的问题
    1、下图右侧为表格超出panel部分页面html代码:jggrid-class ... [详细]
  • 在本文中,我们将深入探讨 jQuery 中的 DOM 操作与事件处理技术,通过实现类似 Yahoo 邮箱登录框的提示效果来展示其强大功能。我们将详细介绍如何利用简洁的 jQuery 代码提升用户体验,并分享一些实用的示例。同时,我们还会解析这些示例中涉及的具体操作和事件处理方法。 ... [详细]
  • ### 优化后的摘要本学习指南旨在帮助读者全面掌握 Bootstrap 前端框架的核心知识点与实战技巧。内容涵盖基础入门、核心功能和高级应用。第一章通过一个简单的“Hello World”示例,介绍 Bootstrap 的基本用法和快速上手方法。第二章深入探讨 Bootstrap 与 JSP 集成的细节,揭示两者结合的优势和应用场景。第三章则进一步讲解 Bootstrap 的高级特性,如响应式设计和组件定制,为开发者提供全方位的技术支持。 ... [详细]
  • 第六章:枚举类型与switch结构的应用分析
    第六章深入探讨了枚举类型与 `switch` 结构在编程中的应用。枚举类型(`enum`)是一种将一组相关常量组织在一起的数据类型,广泛存在于多种编程语言中。例如,在 Cocoa 框架中,处理文本对齐时常用 `NSTextAlignment` 枚举来表示不同的对齐方式。通过结合 `switch` 结构,可以更清晰、高效地实现基于枚举值的逻辑分支,提高代码的可读性和维护性。 ... [详细]
  • 深入解析:React与Webpack配置进阶指南(第二部分)
    在本篇进阶指南的第二部分中,我们将继续探讨 React 与 Webpack 的高级配置技巧。通过实际案例,我们将展示如何使用 React 和 Webpack 构建一个简单的 Todo 应用程序,具体包括 `TodoApp.js` 文件中的代码实现,如导入 React 和自定义组件 `TodoList`。此外,我们还将深入讲解 Webpack 配置文件的优化方法,以提升开发效率和应用性能。 ... [详细]
  • 《精通 jQuery》第六章:深入解析与实战应用
    《精通 jQuery》第六章:深入解析与实战应用本章详细探讨了 Ajax 技术的核心机制及其实际应用。Ajax 通过 XMLHttpRequest 对象实现客户端与服务器之间的异步数据交换,从而在不重新加载整个页面的情况下更新部分内容。这种技术不仅提升了用户体验,还提高了应用的响应速度和效率。此外,本章还介绍了如何利用 jQuery 简化 Ajax 操作,并提供了多个实战案例,帮助读者更好地理解和掌握这一重要技术。 ... [详细]
  • 深入解析Spring Boot启动过程中Netty异步架构的工作原理与应用
    深入解析Spring Boot启动过程中Netty异步架构的工作原理与应用 ... [详细]
  • 深入解析Spring框架中的双亲委派机制突破方法
    在探讨Spring框架中突破双亲委派机制的方法之前,首先需要了解类加载器的基本概念。类加载器负责将类的全限定名转换为对应的二进制字节流。每个类在被特定的类加载器加载后,其唯一性得到保证。然而,这种机制在某些场景下可能会限制灵活性,因此Spring框架提供了一些策略来突破这一限制,以实现更加动态和灵活的类加载。这些策略不仅能够提升系统的可扩展性,还能在复杂的运行环境中确保类的正确加载和管理。 ... [详细]
  • 无法将文件下载到AWSLambda ... [详细]
  • 请在电脑上打开以下链接进行下载w3cschool离线版(chm):http:pan.baidu.coms1bniwRCV(最新,2014年10月21日更新)w3cschool离线版(ht ... [详细]
author-avatar
zhaiweibubu
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有