web前端技术开发栈有多长？

一、web前端技术开发栈有多长？

问这个问题，本身是在抛砖引玉。想知道入门前端开发需要学哪些东西。这也是很多在校大学生、应届生比较关注的问题。

既然你有所问，我也略有所知。不妨听听看，如有帮助，点个赞鼓励一下即可。

先来听我一个粉丝朋友的求助来信。

凌晨一点多，粉丝发来的私信，先看留言咨询的内容，我们再接着往下聊。

请注意留言的时间，凌晨1点多，通常这个点我还没睡的话，不是在准备明天要推送的文章，就是在赶私活项目。土哥打心底佩服现在新人对学习的冲劲儿，凌晨1点多还在操心学习的事儿，恐怕像我这么早睡的人，估计是个假前端程序员。

另外说一下，我有很多粉丝读者，都是通过之前我在各大博客平台写的vue菜鸟从业记系列文章过来的。所以，有很多在校生、应届毕业生关注我，也是很正常的。

我也经常在小号「 码农怪话 」里面写一些菜鸟入门的文章，对新手来说，走心又接地气，有喜欢看前端入门指南的童鞋，可以微信搜索下我的小号。里面都是土哥早期写的技术文章。假如有什么见识短浅的言论，请你们务必要屏蔽（毕竟我最近刚理了发，见识短怎么了~）

在校生的认知，先仔细听

在我们接下来的聊天当中，我得知，这位粉丝朋友是来自广东省梅州市的一名嘉应学院的大三在校生，他最近的目标是去深圳或者广州找一家公司实习。在校课程上他学过C语言、数据结构、SQLserver、Java、Javaweb、算法、android，当然还有Python。计算机在校课程老师讲的都不深，都是基础。

这位粉丝还说，他是在学Javaweb的时候，才决定选择前端路线，之前也选修过HTML+CSS。很杂，大学前两年他都是懵逼式学习，老师讲什么他就学什么，学到现在才清晰自己以后走什么路。但是他对前端也不是很了解，只知道需要学习HTML5、CSS3、JavaScript，所以把这些学完了（我理解的意思是过了一遍）。

但，之后怎么走，他还是一脸懵逼，网上说学的框架，各有各的说法，所以不知道接下来该怎么走？所以求土哥来解惑~

大多数应届生的困惑

1. 我该怎么学？

首先，对于前端三板斧，html，css，js 的掌握程度是必须有的基础。干前端，除了基础要打牢固，还要学会一些框架，公司里面都在用，比如国内大热的vue.js，还有react.js、node.js、webpack构建工具等。

2. bt，jq还用学吗？

至于bootstrap、jQuery还有必要去学吗 这个问题，我认为有时间就去学，这个小公司里用的多。

3. 先学js还是框架？

关于先学js还是先学vue.js等框架，建议不太着急去实习的话，先把html、css、javascript 基础打扎实，这是前端工程师的基本功，以后能否走得远，还得看这个。

框架都是基于js来封装的，尤其是原生的js，基础一定要扎实，像js的一些概念，闭包、作用域、原型链等必须懂，面试都要问到，尤其是应届生，ajax的使用 异步数据的获取 ，这个也很重要。

不重视基础的后果，就是前端这条路，你前期可能走得很快，但是越往后走，每一步都步履维艰。

4. 前端实习，需要学什么框架？

当然，话分两头说，上面说的是很理想的一种情况，但人总是要面对现实问题的。如果你时间有限，着急出去找一份实习的工作，建议学下前端三大框架，任选其一，土哥优先推荐vue.js，毕竟很多公司都在用。传统公司用bootstrap+jQuery的老技术栈居多，互联网公司用新技术，比如以vue.js+webpack为组合的技术栈居多。

5. 实习遇上好师傅，能少走弯路

实习生，找一个好师傅、好组长超级超级超级重要，你绝对比其他人进步的更快、晋升的更稳，师傅领进门，修行在个人。

实习生像一张白纸，师傅像画师，怎么画，画什么笔画都对白纸起到关键作用，如果一个什么都愿意交和讲解知识点的师傅，你就有福了。

碰到很多懒得、油条性质的 你就惨了，甚至让你怀疑人生和自己适不适合干这个，因为你不会其实是正常的，实习生嘛，但师傅不给你说怎么学会，时间一长，你就会误以为自己是笨蛋，什么都学不会，其实是方法方式和人不对，这个希望大家认识到，千万不要怀疑自己。

不过也确实有真的笨和懒的，师傅不能都给你说，只能给你引路和告诉你怎么踩坑，剩下的一定要自己完成和摸索，没有实战，眼高手低，就算比尔盖茨当你老师，也是废纸一张。

所以，实习能遇上肯教你知识的好师傅，绝对是人生幸事之一，至少你能少走很多弯路，赶超同一批应届生。

前端方向多| 新人如何选

当你还以为前端就是写页面逻辑、对接后台的数据接口、完成对用户的展示等，你就out了~

经过这几年的发展，前端圈大浪淘沙，逐渐沉淀下来几个大方向，这是重点，拿小本本记下来：

1. 界面展现用户体验和可访问性方向；

2. 偏后的js/nodejs开发方向；

3. audio/video音视频富媒体方向；

4. SVG/canvas/webGL动效创意表现与数据可视化方向；

5. 工具建设文档管理内部站建设的前端运维方向；

6. 会议预定团建组织对外品牌宣传的前端运营方向。

怎么样，看完这些细分的方向，是不是感觉有种拨云见雾的感觉，瞬间感觉前端的脉络清晰很多。

方向这么多，至于如何选，那就要根据每个人的性格特质、成长经历的差异，来选择一个适合的方向，（敲黑板，这也是重点）：1. 感性细腻有设计背景可以专注于用户体验；

2. 纯逻辑工程化思维浓郁则更适合偏后开发；

3. 数学物理强悍可以考虑数据可视化方向；

4. 沟通协调能力很强可以朝着前端运营方向努力。

所以，各位在校生、应届生，请根据自己的个人情况对号入座。人不怕失败、也不怕骄傲，怕的就是在对的时间没有做对的事。然而当想做对的选择的时候，才发现早已失去了机会！我在之前的文章中就讲过，前端工作3年，是个重要的分水岭。之前有技术沉淀的 能上去的就上去了，上不去的之后几年一直在原地踏步。想看这篇文章的童鞋，可以点击后面的蓝色标题查看 | 年底跳槽，我来告诉你如何选择下一家公司 | 所以说，前端从业前3年，一定要选好技术方向，并且坚定不移地走下去。只有这样，才会在前端这条路上，越走越远。

努力的最坏结果，不过是大器晚成。同学加油～

如想看更多前端入门学习路线的文章，不妨关注下我的公众号：闰土大叔。

圈里人都叫我土哥，欢迎勾搭～

二、专注于web开发，需要掌握哪些技能栈？

Web前端现在国内主要是围绕两个前端框架的技术栈。

1.两个技术栈通用的技术:

计算机网络:主要是HTTP,UDP,TCP,IP等一些比较基础的知识;

HTML:超文本标记语言，有一些标签组成，比如段落为p标签，标题为h标签等;

CSS:网页的样式，用来美化网页;

JavaScript:脚本语言，主要用来网页的一些行为;

Node.js(服务端):JavaScript在服务端运行的环境;

Webpack:前端模块打包工具;

浏览器的知识:比如浏览器数据存储，Cookie,SessionStorage,localStorage等，开发者工具的使用等，这些知识的细节都得去仔细学习，浏览器开发者工具蕴涵了很多的知识。

2.Vue 对应的技术:Vue,Vuex,Vue-Router,以及周边的一些生态，比如Axios ，ElementUI等。

3.React对应的技术:React,ReactDOM,Redux,ReactRouter等。

三、WEB全栈开发，全栈是什么意思？

全栈工程师，最初是6年多以前由 Facebook 带动的概念。

全栈的核心，是指这批开发者能够承担包括前端、后端在内的所有功能开发任务，他们拥有一个技能全家桶。

通俗来讲就是掌握多种技能（就比如前端后端都会），并能利用多种技能独立完成产品的人。

四、web全栈开发学习python还是php？

答案是PHP。

如果只是单纯的做Web，显然是PHP更适合，因为PHP是专为Web而生，而Python也可以做Web，但是相比起PHP就弱了一些，而且PHP比Python更简单，更易学，对于新手更友好，所以推荐使用PHP开发Web。

而Python的优点主要是在于对数据的爬取，我们在做爬虫的时候，使用Python就比较好一点，所以各有所取。

五、web前端全栈开发有前途吗？

web前端全栈开发有前途。

因为全栈工程师很吃香，毕竟你啥都会。一般web前端开发包括h5开发，html5增加了一些新标签和新的属性，对于移动端开发有很大的优势，现在的企业招聘前端开发，都会要求掌握html5和css3,因此，如果你掌握html5和css3，你做web前端开发，薪资会更高

六、web自动化技术栈是什么？

Web 技术栈是用于创建 Web 应用程序的技术工具集。

一套 Web 技术栈由 OS（操作系统）、Web 服务器、数据库软件以及编程语言（通常前端和后端都需要自己的语言）组成。一些常见的编程语言 / 框架包括 php、JavaScript、Node.js、Java、 ASP.NET 和 Python 等。对于构建网站或 Web 应用程序的场景而言，最常用的 Web 技术栈是 LAMP、MEAN 或 JAMStack 等

七、全栈开发需要哪些技术？

全栈开发需要掌握的技术非常广泛，主要包括以下几个方面：

前端技术：HTML、CSS、JavaScript，以及常用的前端框架和库，如React、Vue.js、Angular等。此外，还需要了解前端工程化、模块化开发、前端性能优化等方面的知识。

后端技术：掌握至少一种后端编程语言，如Java、Python、Node.js等，以及相应的后端框架和库，如Spring、Django、Express等。同时，需要了解后端开发中的安全性、性能优化、并发处理等问题。

数据库技术：熟悉关系型数据库（如MySQL、Oracle、PostgreSQL等）和非关系型数据库（如MongoDB、Redis等），掌握SQL语言，能进行数据库设计、备份与恢复、性能优化等操作。

Web服务器和网络技术：了解基础的Web服务器（如Apache、Nginx、Tomcat）的工作原理，掌握HTTP/HTTPS、SSL/TLS等网络协议和基本的网络知识和安全知识。

版本控制与协作：能熟练运用Git等版本控制工具进行项目的协作开发，了解分支管理、代码审查、持续集成等概念和实践。

DevOps技术：了解Linux操作系统、Docker容器化技术、Kubernetes容器编排技术、Jenkins持续集成/持续部署（CI/CD）等工具和技术，提高开发、部署和运维的效率。

其他技术：了解或掌握数据结构、算法、网络协议、操作系统、微服务等相关知识，提高系统的性能和可伸缩性。

此外，全栈开发工程师还需要具备良好的团队协作和沟通能力，能够与产品经理、UI设计师、后端工程师等团队成员协作开发，同时需要注重代码的可读性、可维护性和可扩展性。

需要注意的是，全栈开发并不意味着要掌握所有的技术，而是要根据项目需求和团队实际情况，选择适合自己的技术栈，并不断提升自己的技术能力和学习能力。

八、web前端常用开发技术？

Web 前端常用的开发技术包括：HTML（HyperText Markup Language，超文本标记语言）：用于构建网页的结构和内容。CSS（Cascading Style Sheets，层叠样式表）：用于定义网页的样式，包括颜色、字体、布局等。JavaScript：用于实现网页的交互效果和动态功能。Vue.js 或 React 等前端框架：提供了更高效的开发方式和组件化的架构。TypeScript：一种添加了类型检查的 JavaScript 超集，提高代码的可维护性和可读性。Webpack 或 Parcel 等构建工具：用于打包和优化前端资源。Babel：用于将新的 JavaScript 语法转换为旧版本浏览器支持的语法。Git：版本控制系统，用于管理代码的版本和协作开发。RESTful API：与后端进行数据交互的常用接口设计风格。Axios 或 Fetch 等 HTTP 请求库：用于发送 AJAX 请求获取数据。SSR（Server-Side Rendering，服务器端渲染）：提高首屏加载速度的技术。PWA（Progressive Web Apps，渐进式 Web 应用）：结合了 Web 和原生应用的优势，提供更好的用户体验。CSS 预处理语言，如 Sass 或 Less：增强了 CSS 的功能和可维护性。这只是一些常见的技术，实际开发中可能会根据项目需求选择其他工具和技术。前端领域发展迅速，新的技术不断涌现，所以保持学习和更新是很重要的。

九、web开发技术有哪些？

1. 前端开发技术：

   - HTML（超文本标记语言）：用于定义网页的结构和内容。

   - CSS（层叠样式表）：用于定义网页的样式和布局。

   - JavaScript：一种用于实现网页交互和动态效果的脚本语言。

2. 后端开发技术：

   - 服务器端语言：例如PHP、Python、Ruby、Java等，用于处理客户端发送的请求并生成动态网页内容。

   - 数据库：用于存储和管理应用程序的数据，常见的数据库包括MySQL、PostgreSQL、MongoDB等。

   - Web框架：例如Django（Python）、Ruby on Rails（Ruby）、Spring（Java）等，提供了一组工具和库简化Web应用的开发。

3. 数据交互和通信：

   - HTTP（超文本传输协议）：用于在Web浏览器和Web服务器之间传输数据。

   - AJAX（异步JavaScript和XML）：通过在后台与服务器进行少量数据交换，实现网页的异步更新。

   - RESTful API：一种基于HTTP协议的设计风格，用于构建可扩展的和易于集成的Web服务。

十、现在开发网站常用的技术栈是什么？

呃，问题有点大。

除去一步一步的从零干燥啃书，还有一种方法是建议你可以设想一个业务场景，比如简单的借书管理系统，或者其他简单的增删改查等某种信息管理系统。

然后一步一步的从各个步骤找到相应的技术去实现，自然就会找到合适的东西来实现。在实现的过程中会渐渐的发现各种东西有不足，或者发现用的技术已然满足不了你的需求，再或者甚至你发现了用的东西有大坑！这时候再一步步的去探寻问题，自然就会发现有某些技术可以满足你的更深层次的需求。这样应该慢慢就可以对开发有一个循序渐进的了解了。

渐渐深入以后，你又会发现现成技术都是人家提供的东西，总有自己不满意的地方。这时你又会去开始研究底层基础的东西，算法，编译原理，计算机网络，balabala~最后自己造轮子

然后N万行代码以后，估计你就可以来回答自己的问题或者给其他有志学习编程的人提供建议了。这时或许你也发现了我说的有坑，提出观点后对着这个回到点下了反对，这样对我来说答这题就已经倍感欣慰了。

不需要一开始就去追寻所谓最新最热的技术，从解决问题和解决需求出发，一点点的积累总会发现各种技术的不足。然后渐渐建立起自己的知识架构体系，相信慢慢你就会了解你问的问题了。

比如一开始，做一个图书管理系统。你想着我的页面总得先出来吧，起码有个门面可以给人看到“XXX管理系统”几个字吧。然后你去寻找浏览器展示页面的技术。发现做网站找不到像做ppt或者excel那种直接拖拉就可以展现的方法（可能你发现了dreamweaver，但是拖着拖着总觉得和自己想的有出入），这时你了解到了HTML （知识点get）。但是我的页面只有黑白两色，人家的可炫酷了，五颜六色，这时你了解了CSS（知识点get）

随后，你发现我的页面就像一个图片躺在那，卧槽人家的页面有按钮，还可以点击然后页面有所变化。我也想点击一个按钮会让我的页面东西改变一下。这时候你了解到了最初的JavaScript（知识点get）

再然后，你发现我写的东西只能我自己开浏览器看呀，难道我要拿u盘拷给别人电脑再打开吗？这时候你发现网站是要放在服务器上的，人家访问服务器，服务器把这些HTML+CSS+JavaScript发给别人的浏览器就可以展现啦。这时候你知道了啥是服务器和HTTP等网络传输的初步知识（知识点get）。

再然后，你发现你的页面一刷新，什么东西都变回原样了，我想我在input里面输入的东西能保存下来，像ctrl+s一样。咦为什么我点击ctrl+s是保存网页到本地呀，没什么卵用呀。哦，我要把我的数据持久化，但是我的数据肯定要放在服务器上呀，不然我换台电脑就没了吗？不科学呀！这时你去了解网站数据持久化，你了解到了服务器上也需要一个程序来把你从页面发送到服务器的数据保存下来，然后你发现了这个程序可以用java、python、c#、c++、C（甚至JavaScript 即NodeJS，服务端的JavaScript）来写。我之前写的HTML + css + JavaScript只是给客户端的浏览器读的，我还需要一个程序来把页面的数据保存到服务器上，但是我之前写的HTML + css + JavaScript服务器读不懂，只有客户端的浏览器能读懂。这时候你知道了前端和后端的区别（知识点get）。

在写服务器端的程序过程中，最开始想的数据保存是像txt或者word一样保存一个文件在服务器的硬盘上。但是读这个文件再检索你需要查询的数据好麻烦哦。这时你了解了数据库技术（知识点get）。

然后再然后，写着写着后台，你的页面数据已经可以保存到数据库里，而且再次访问页面可以再次展示上次填写的数据了。但是你回到页面上，又觉得前端页面太单调了，但是自己写css太难了，咦，bootstrap，semantic之类的UI框架是什么？噢，我引入这个框架以后html只要加个class就可以挺好看了（知识点get）。

然后然后然后你发现我每次想要后台的一个数据，都要整个页面刷新，用户体验极差。咦，ajax是什么。卧槽神器啊！我就ajax一下，后台写个接口给这个ajax的请求返回数据，然后直接用这个数据刷新页面某个地方就ok了，不用这个页面全部刷新，用户体验棒棒哒（知识点get）

然后然后.....(然后君die)你发现页面的数据越来越多，而且我每改变一个数据，我要用javascript的document.getElementById操作好麻烦哦。咦，jQuery是什么，卧槽神器啊！再然后，发现用jQuery操作dom还是太麻烦。咦，VUE是什么，卧槽神器啊！我只要操作数据，不用再一条条dom的$("#id").insert(dom)了！（知识点get）

再再然后，（java为例）你发现你的后台越写越乱，sql都是拼接的，返回的数据也乱七八糟，jdbc建立连接好麻烦。咦，spring是什么，mybatis是什么，连接池是什么。再再再然后你发现用户访问多了，我的网站好卡啊。咦多线程，nginx和apache静态资源服务器是什么，负载均衡是什么。噢........

好了，到这步基本你现在的问题基本已经解决了，再问的问题也开始有深度了，而且开始考虑我上面写的有什么问题了，开始自己思考了。

技术始终是为业务服务的，当你发现用的东西力不从心的时候，自然就会有相应的解决方案和技术框架（因为你遇到的问题肯定不止你自己遇到）。到最后，你发现别人的东西已经满足不了你了，你就自己开始造轮子....

仅提供一个建议思路，如有不当，请大神指教