2019 Web开发主流技术方向及工具简略概要

最新推荐文章于 2024-09-26 10:44:38 发布
最新推荐文章于 2024-09-26 10:44:38 发布
阅读量1.9k 收藏 5
点赞数

2019年即将到来，各位同学2018年辛苦了。 不管大家2018年过的怎么样，2019年还是要继续加油的！ 在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

工具、软件

欲先攻其事必先利其器，用好工具是做好开发的基础。

  1. 编辑器／IDE： VSCode，Sublime Text，Atom
  2. 浏览器：Chrome，Firefox
  3. 设计／原型：Adobe XD，Photoshop，Sketch，Figma
  4. 命令行工具：Git Bash，WSL，iTerm2，Hyper
  5. 版本管理：Git

前端

前端我觉得是每个做web开发的同学都应该掌握的，就算是做后端开发的，基本的前端知识也是必不可少的。

HTML & CSS

  1. HTML5
  2. CSS3
  3. Flexbox (简易教程)，CSS Grid (简易教程)
  4. CSS Variables (Custom Properties)

响应式布局（Responsive Layout）

  1. 设置Viewport
  2. Media query
  3. rem-based layout
  4. Mobile First Design

Sass

  1. Structured CSS
  2. Variables
  3. Nested CSS
  4. Mixins & Functions
  5. Inheritance

Javascript

  1. Data Types, functions, conditionals, loops, operators
  2. DOM操作，Events
  3. JSON
  4. Fetch API
  5. ES6+ (arrow function, promise, async / await, destructuring…)

HTML / CSS 框架

  1. html／css将被逐渐弱化，但是掌握一两个流行框架还是有必要的。
  2. Bootstrap
  3. Materialize
  4. Bulma

JS框架

  1. React：目前最流行
  2. Vue：简单易用，越来越多人用
  3. Angular：曾经很流行，现在有点衰退

状态管理（state management）

  1. Redux
  2. VueX
  3. NgRx
  4. Apollo (GraphQL Client)

后端渲染（server side rendering）

  1. Next.js (React)
  2. Nuxt.js (Vue)
  3. Angular Universal (Angular)

开发工具

  1. 依赖管理：NPM，Yarn
  2. 应用打包：Webpack，Parcel
  3. 任务管理：Gulp，Grunt
  4. 编辑器扩展：ESLint，Live Server，Prettier

移动端

有了前端的知识后，我们还可以开发手机app。

  1. React Native：使用react开发原生应用
  2. NativeScript：使用Angular／TypeScript／Javascript开发原生应用
  3. Ionic：使用html／css／js开发混合应用
  4. Flutter：使用Dart语言开发原生应用
  5. Xamarin：使用C#开发原生应用

桌面端

甚至桌面app！

  1. Electron：使用chromium和node.js，兼容windows，mac，linux

后端

语言

前端同学如果想成为全栈，学一门后端语言是必不可少。

  1. Node.Js：就算不做全栈，nodejs也将成为前端的必备技能
  2. Python：如果除了web开发想往人工智能、机器学习、数据分析方向扩展的同学，python更合适
  3. C#：个人很喜欢的语言，非常优雅和高效
  4. Go：越来越流行的语言，有很强大的标准库，减轻对第三方的依赖
  5. PHP：虽然很多人觉得shitty，但是不得不承认太多网站都是php写的，wordpress实在太流行了

后端框架

  1. Node.js：Express，Koa，Adonis
  2. Python：Django，Flask
  3. C#：ASP.NET
  4. PHP：Laravel，Symfony

数据库

  1. 关系型：MySQL，PostgreSQL，MS SQL
  2. NoSQL：MongoDB，Couchbase
  3. 云存储：Firebase，AWS，Azure Cosmos DB
  4. 轻量级：SQLite，NeDB，Redis

CMS（Content Management System）

如果不想自己开发网站的时候，用个现成的CMS系统也是不错的。

  1. PHP：WordPress，Drupal
  2. JS：Ghost，KeyStone
  3. Python：Mezzazine
  4. .NET：Piranha，Orchard CMS

运维基础

基本的运维知识也是需要的，不然自己写个网站搞不上线多着急。

  1. 注册域名：Namecheap，Google Domains
  2. FTP，SFTP文件上传：Filezilla，Cyberduck
  3. 部署：Linux，SSH，Git，web服务器（Nginx，Apache）
  4. 虚拟化：Docker，Vagrant
  5. 静态托管服务：Netlify，Github Pages
  6. 托管共享主机 & VPS：Inmotion，Hostgator, Bluehost
  7. 云平台：Digital Ocean，AWS，Heroku，Azure

其他

GraphQL & Apollo

GraphQL简而言之是一种API 查询语言（QL = query language），提供了一种革命性的API实现方式。GraphQL是一种规范（specification）而不是实现（implementation）。而Apollo是GraphQL最火的实现。更多请参考：Awesome GraphQL。

TypeScript

TypeScript诞生已经有好几年了，近两年变得很火，很多框架和工具都是typescript写的，比如vscode，angular，ant-design，更多请参考 github。对于想开发框架或者库的同学typescript很值得学，但是优先精通es6+babel的开发方式。

PWA (Progressive Web Apps)

用户体验是个永恒的话题，大家都想使用体验如原生应用的网站，所以PWA是个必然的趋势。更多请参考 github awesome PWA

WebAssembly

或许WebAssembly可能不会取代javascript，但是当所有人都开始谈论它的时候，为了好奇心也要学一下。。

邓子豪
关注
基于ASP.NET的WEB应用开发实验五：设计并实现一个商品展示页（简略版）
蓝多多的小仓库
04-13 1600
基于ASP.NET的WEB应用开发实验五：设计并实现一个商品展示页（简略版）
关于三种主流WEB架构的思考
热门推荐
Haohappy的专栏
04-27 2万+
关于三种主流WEB架构的思考Haohappy  haohappy AT msn.com转载请注明来源：http://blog.csdn.net/haohappy2004做WEB好几年了，各种语言和技术都稍有涉猎。今天心血来潮，突然想总结一下。其实不论什么技术，什么需求，通常WEB开发就是通过WEB前端管理一个或大或小或独立或分布式的关系型数据库，很多东西都是相通的。这里说的WEB架构，是指WE
干货|.NET 生态中常用的快速开发功能强大的CMS系统
dotnet研习社
09-03 1457
在 .NET 生态系统中，有许多成熟的框架和工具可用于快速开发功能强大的 CMS 系统。这些框架不论你是拿来学习，还是承接一些项目，都是非常有帮助的。这些框架各自的优缺点和适用场景不同，选择时应根据项目的具体需求、团队的技术背景以及开发效率进行权衡。通过合理选择和组合这些开源 CMS 框架，可以在短时间内构建出功能强大且扩展性良好的内容管理系统。
web应用开发的主流技术
weixin_45577767的博客
04-07 1022
web应用开发的主流技术举例(java语言） 1、后台框架部分 SpringMVCSpringMVC基于Java实现了Web MVC设计模式，请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将Web层进行职责解耦； 2、数据持久层方面 MyBatisMyBatis 持久层框架支持定制化 SQL、存储过程以及高级映射。MyBatis避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis可以使用简单的 XML 或注解来配置和映射原生类型、接口和 Java 的 POJO为数据库
主流Web开发技术简介
北冥冰辰的专栏
03-06 7949
目前使用的主流Web开发技术主要有四种：ASP、ASP.NET、JSP、PHP。 1、ASP ASP（Active Server Pages）动态服务器页面，使用VBScript脚本语言，可以将脚本语言直接嵌入HTML文档中，不需要编译就可以直接运行。 优点： ①、由于ASP程序是在服务器端运行的，当客户端浏览器访问ASP网页时，服务器将网页解释成标准的HTML代码发送给客户端，所以不
JAVA WEB开发技术作业 JS 实现学生列表及增加、删除修改
张时贰的博客
04-25 1691
🌴 2022.4.18 作业 🌳 JS 实现学生列表及增加、删除修改 文章目录🚀 要求🚀 效果图🚀 代码🚀 简略版 🚀 要求 编写html、css及js（不可以使用JQuery等js库） 功能要点： 模态框遮罩层实现，位置固定并占满整个窗口，背景灰色并半透明 表单在遮罩层中居中的实现，表单所在的遮罩层flex布局，主轴副轴都居中 动画效果的实现使用css中transition属性，并结合js代码，淡入淡出opacity变化，变大变小transform结合scale 卡片的增加，可以创建li后，将其内部的
项目开发流程简略版.svg
09-11
项目开发流程图
web开发之技术简介
12-16
web开发序言以及一些基础知识的介绍，属于web资源的部分之一。
java web技术开发大全(最全最新)
10-10
提供典型应用案例，剖析JSP/Servret技术与Struts 2技术在Web开发中的不同 提供完整的应用案例，使读者可以深入体会SSH开发模式的精髓 所有开发工具和框架均使用目前的最新版本，紧跟技术发展的趋势 提供230个实例和4个综合案例，可以作为案头必备的查询手册 一线开发人员全力打造，分享技术盛宴！ 重点内容及特色 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》介绍了Web开发中客户端技术的基础知识，包括JavaScript、CSS、AJAX等，这些技术都是Web应用中常用的客户端技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax+》讲解了JSP/S rvlet技术的基础知识，并提供了一个综合案例展示其具体应用，它们是Java Web服务端技术的基石，也是学习Java Web开发所要必须掌握的技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》重点讲解了Struts 2、Speing和HIbernate框架的基础知识和高级技术，如Sruts 2中的*、类型转换、国际化和标签等，HIbe rna{e的会话、0/R映射和事务管理等，Spring中的数据库技术与AOP等。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》特别介绍了Struts 2对AjAX的支持，还重点剖析了SSH框架的整合开发，并给出了两个综合案例来展示整合SSH框架开发Web应用。 和已经出版的同类图书相比，《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》讲解由浅入深，涵盖更多内容，列举了大量典型实例具有超强的实用性，另外，《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》各篇独立，适合读者全面学习或对部分内容重点学习。 读者对象 有Java基础，想进一步学习SSH框架整合开发的人员 了解SSH整合开发，想进一步提高开发技术的人员 正在使用SSH整合技术开发项目，想查阅资料的人员 大中专院校的学生和老师，以及Java培训班的学员和讲师 需要一本案头必备查询手册的程序员 光盘内容 6小时多媒体体视频讲解 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》所涉及的源代码 布衣暖，菜根香，好书滋味长！清华大学出版社长期以来一直秉承为读者多出好书的宗旨，多年来为读者奉献了大量脍炙人口的精品图书。尤其在计算机图书出版领域更是形成了鲜明特色，所出版的各类计算机图书受到了广大读者的好评。本次出版的“原创经典，程序员典藏”系列图书是清华大学出版社的重点精品计算机图书，旨在帮助读者全面学习各类程序设计语言和开发工具，提高开发水平。同时也为广大程序员提供良好的技术参考，以便作为案头必备的查询手册。 内容提要 -------------------------------------------------------------------------------- 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》通过对SSH中的各种技术循序渐进地讲解，使读者尽快掌握开发基于SSH的Web程序的方法。《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2（*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等）、Spring（Ioc容器、装配Java Bean、Jdbc和Hibernate模板、事务管理、Spring AOP等）以及 Hibernate（会话、映射、标准查询API、HQL、事务管理、锁等）。除此之外，《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》还提供了两个完整的实例来讲解开发SSH的详细步骤和方法。通过对这两个实例的学习，读者可以对SSH开发模式有更透彻地理解和认识。SSH是目前最流行的Java Web开发技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》适合广大从事Java Web开发工作的技术人员、对SSH开发感兴趣的人员以及大专院校学生阅读，尤其是具有一定的Web开发经验的技术人员。 目录 -------------------------------------------------------------------------------- 第1篇 web开发基础篇 第1章 搭建开发环境 1．1 本书使用的软件和框架的版本 1．2 JDK6的下载与安装 1．3 Eclipse3．4 的下载与安装 1．4 MyEclipse6．5 的下载与安装 1．5 Eclipse：IDEforJavaEEDevelopers的下载与安装 1．6 Tomcat6的下载与安装 1．7 在MyEclipse中配置。Tomcat 1．8 在EclipseIDEforJavaEEDevelopers中配置Tomcat 1．9 小结 第2章 JavaWeb应用开发基础 2．1 Web技术的发展 2．2 JavaWeb技术 2．2．1 Java．Welb程序的基本组成 2．2．2 Java，Web程序的目录结构 2．2．3 JavaWeb程序的配置文件 2．3 MVC模式与MvC框架 2．3．1 JSP模型1和JSP模型2 2．3．2 Web应用程序需要的基础服务 2．3．3 MVC模式概述 2．3．4 常用的MvC框架 2．4 小结 第3章 Web开发中的客户端技术 3．1 常用的JavaScriptIDE简介 3．1．1 在MyEclipse中使用JavaScript 3．1．2 在EclipseIDEforJavaEE中使用JavaScript 3．1．3 在NetBeans中使用JavaScript 3．1．4 其他的JavaScriptIDE 3．2．1 avaScdpt语法基础 3．2．1 实例：编写第一个JavaScript程序：Greet 3．2．2 变量 3．2．3 原始类型 3．2．4 类型转换 3．2．5 函数与函数调用 3．2．6 类和对象 3．3 JavaScript高级技术 3．3．1 DOM技术概述 3．3．2 获得HTML元素的3种方法 3．3．3 实例：图像自动切换 3．3．4 正则表达式 3．3．5 实例：表格排序 3．4 CSS基础 3．4．1 CSS的基本语法 3．4．2 在Style属性中定义样式 3．4．3 在HTML中定义样式 3．4．4 在外部文件中定义样式 3．4．5 样式的继承 3．5 AJAX．基础 3．5．1 AJAX概述 3．5．2 实例：使用XMLHttpRequest获得Web资源 3．5．3 实例：使用XMLHttpRequest跨域访问Web资源 3．5．4 实例：AJAX的3种交换数据方法 3．6 小结 第4章 Servlet技术 4．1 Servlet的Helloworld程序 4．1．1 实例：在My Eclipse中编写Helloworld程序 4．1．2 实例：手工编写：Helloworld程序 4．2 Servlet基础 4．2．1 配置数据库连接池 4．2．2 数据库连接池的应用 4．2 -3实例：用doGet方法处理客户端请求 4．2．4 实例：用doPost方法处理客户端请求 4．2．5 实例：用service方法处理客户端请求 4．2．6 实例：初始化(init)和销毁(destroy)Servlet 4．2．7 实例：使用PrintWriter输出响应消息 4．2．8 实例：用ServletOutputStream显示图像 4．2．9 实例：使用RequestDispatcher包含Web资源 4．2．10 实例：使用RequestDispatcher转发Web资源 4．3 HttpServletResponse类的其他功能 4．3．1 产生状态响应码 4．3．2 设置响应消息头 4．3．3 实例：验证响应头设置情况 4．4 使用：HttpServletRequest获得请求消息 4．4．1 获取请求行消息 4．4．2 获取网络连接消息 4．4．3 获取请求头消息 4．5 处理Cookie 4．5．1 什么是Cookie 4．5．2 Cookie类中的方法 4．5．3 实例：用Cookie读写客户端信息 4．5．4 实例：用Cookie读写复杂数据 4．6 处理Session 4．6．1 什么是Session 4．6．2 HttpSession接口中的方法 4．6．3 HttpServletRequest接口中的Session方法 4．6．4 实例：通过Cookie跟踪Session 4．6．5 实例：通过重写uRL跟踪Session 4．7 Web开发的中文问题 4．7．1 Java的编码原理 4．7．2 实例：解决输出中文乱码问题 4．7．3 实例：解决服务端程序读取中文请求消息的乱码问题 4．7．4 实例：用AJAX技术发送和接收中文信息 4．7．5 实例：在请求消息头和响应消息头中转输中文 4．8 小结 第5章 JSP技术 5．1 用MyEclipse编写第一个JSP程序 5．1．1 实例：编写显示服务器当前时间的JSP程序 5．1．2 调试JSP程序 5．1．3 改变JSP的访问路径和扩展名 5．1．4 手动发布JSP程序 5．2 JSP的运行原理 5．2．1 Tomcat如何处理JSP页 5．2．2 分析由JSP生成的Servlet代码 5．3 JSP基本语法 5．3．1 JSP表达式 5．3．2 在JSP中嵌入Java代码 5．3．3．JSP声明 5．3．4．JSP表达式语言(EL) 5．3．5 实例：用EL函数替换HTML中的特殊字符 5．3．6 JSP页面中的注释 5．4 JSP指令 5．4．1 JSP指令简介 5．4．2 page页面指令 5．4．3 include加入指令 5．5．JSP的9个内置对象 5．5．1 out输出对象 5．5．2 pageContext封装对象 5．5．3 其他的JSP内置对象 5．6 JSP标签 5．6．1 插入标签 5．6．2 转发标签 5．6．3 传参标签 5．6．4 创建：Bean标签 5．6．5 设置属性值标签 5．6．6 获取属性值标签 5．7 JSP的标准标签库(JSTL) 5．7．1 如何使用JSTL 5．7．2 条件标签 5．7．3 循环标签 5．8 小结 第6章 用Servlet和JSP实现注册登录系统 第2篇 Struts 2篇 第7章 编写Struts 2的第一个程序 第8章 Struts 2进阶 第9章 Struts 2的* 第10章 Struts 2的类型转换 第11章 Struts 2的输入校验 第12章 文件的上传和下载 第13章 国际化 第14章 Struts 2的标签库 第15章 Struts 2对AJAX的支持 第16章 用Struts 2实现注册登录系统 第3篇 Hibernate篇 第17章 Hibernate的Helloworld程序 第18章 配置Hibernate 第19章 Hibernate的会话与O/R映射 第20章 Hibernate的查询与更新技术 第21章 Hibernate的高级技术 第4篇 Spring篇 第22章 Spring的Helloworld程序 第23章 反向控制（Ioc）与装配JavaBean 第24章 Spring中的数据库技术 第25章 Spring的其他高级技术 第5篇 综合实例篇 第26章 Struts 2与Hibernate、Spring的整合 第27章 网络硬盘 第28章 论坛系统
主流Web技术介绍
weixin_46132649的博客
06-19 2039
目前支持B/S程序开发的技术有很多，如ASP技术、.NET技术、PHP技术、JSP技术等。
主流web开发技术对比(一)
xyzsg8262613的专栏
08-06 1431
目前，最常用的三种动态网页语言有ASP(Active Server Pages),JSPJavaServer Pages),PHP<br />(Hypertext Preprocessor)o<br />简介:<br />ASP全名Active Server Pages 是一-个WEB服务器端的开发环境，利用它可以产生和执行动<br />态的、互动的、高性能的WEB服务应用程序<br />(1) ASP 采用脚本语言VBScript (Java script) 作为自己的开发语言。<br />(2) PHP
Web 的两种开发模式(主流)
lcwlsp的博客
10-13 1388
主流的两种开发模式: 基于服务端渲染的传统web开发模式 基于前后端分离的新型web开发模式 1.服务端渲染的概念以及优缺点: 1.1. 服务端渲染的概念:服务器发送给客户端 HTML 页面, 是在服务器通过字符串的拼接动态生成的.因此客户端不需要使用 Ajax这样的技术额外请求页面的数据 1.2. 服务端渲染的优点: 前端耗时少.因为服务器端负责动态生成HTML内容,浏览器只需要直接渲染页面即可.尤其是移动端,更省电 有利于SEO.因为服务器端响应的是完整的HTML页面内容,所有爬虫更容.
web开发技术
m0_56161893的博客
06-28 4223
WEB在英语中web即表示蜘蛛网的意思，它用于表示Internet主机上（服务器）供外界访问的资源 Web应用程序是一种可以通过Web访问的应用程序。Web应用程序的一个最大好处是用户很容易访问应 用程序。用户只需要有浏览器即可，不需要再安装其他软件。 应用程序有两种模式C/S、B/S。 C/S是客户端/服务器端程序，也就是说这类程序一般独立运行。 B/S就是浏览器端/服务器端应用程序，这类应用程序一般借助服务器运行，需要IE等浏览器来查看 运行结果。 ...
流行的Web应用开发框架
最新发布
weixin_62879005的博客
09-26 1084
例如，在一个电子商务网站中，可以创建一个“商品卡片”组件，这个组件可以在不同的页面（如商品列表页、推荐商品页等）中重复使用，并且可以根据不同的商品数据（通过props传递）显示不同的内容。当组件的状态发生变化时，React会先在虚拟DOM上进行更新操作，然后通过比较虚拟DOM的新旧版本，找出最小的DOM更新操作集，再将这些更新应用到实际的DOM上，从而减少了不必要的DOM操作，提高了页面渲染速度。- Flask的核心非常简洁，只提供了基本的Web开发功能，如路由系统（用于将URL映射到函数）和请求处理。
流行的Web技术
happmaoo的专栏
04-08 239
当前流行的Web技术按照事件模型所在的位置可以分为：服务器端和客户端。 服务器端：基于HTML表单交互的传统的Web开发框架，事件模型都位于服务器端，用户的事件必须要发送到服务器端来处理。代表的技术有，PHP, ASP.NET, RoR, Python, JSP, JSF等。 客户端：RIA技术，Ajax, WPF, Adobe Apollo等，事件模型都位于客户端。它们与服务器端构成的一种最...
AJAX开发详解：异步与同步对比及核心技术应用
5. Ajax开发技术：文档详细介绍了Ajax开发所需的几种关键技术，包括XMLHttpRequest对象（用于发送和接收数据）、JavaScript（处理异步逻辑）、DOM（文档对象模型，用于操作HTML）以及XML（XMLHttpRequest的常见数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值