在不断进步的社会中，学历不够会是最大的阻碍，你是不是也想找Web入门知识的方法，本篇就能解答你的疑惑，同时分享了多种有效知识。

自学web前端，应该从哪些知识入门呢？

介绍一下Web前端学习路线，帮助零基础的小伙伴更好的学习。

1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。

2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。

3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。

以上就是为大家规划的学习路线，相信学完该课程即使是零基础的小白，也能熟练掌握移动Web网页开发、JavaScript网页编程、前后端交互、小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。

web前端怎么入门学习？

入门标准很简单

就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。HTML/CSS/JavaScript 这三大基础技术栈肯定是需要掌握的，但要能参与实际项目开发，肯定还要掌握其他一些主流的框架体系。

几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular、React、Vue 等框架的兴起，变成了百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术栈也就变得非常多，除了最基本的HTML/CSS/JavaScript，以及 Vue/React/Angular 等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器 Sass/Less/Stylus，还有 TypeScript，还有 grunt/webpack/gulp 等各种打包构建工具，还有其他一大堆技术栈。

这么多技术栈，我们不可能全都掌握，就算是资深的前端工程师，也只是精通其中一部分，比如，有些精通 Angular，有些掌握 React，有些则熟悉 Vue，很少有人对三种框架生态体系都非常了解。因此，我们入门也没必要每种框架都学习，只要挑选一种就够了。而且，作为全栈，我们学习一门技术更重要的是要学习技术背后的编程思想、设计思想、架构思想等。而不管是 Angular、React 还是 Vuew，其背后的核心设计思想都是组件化的设计，因此只要掌握一种框架，我们也就能学习到前端技术的核心思想了。

那么，我们应该学哪种框架体系呢？我的建议是从 Vue 开始，因为 Vue 的学习成本是最低的，入门简单，而且这两年 Vue 可以说是出现了爆发式的增长，已经直逼 React。React 的主要学习成本在于要掌握 JSX 语法，而且文档还大多都是英文。Vue 因为是国人开发和维护的，自然对国内的开发者更友好。Angular 则是个大而全的框架，显得太重，学习成本自然最高。至于 jQuery + Bootstrap 这套，已经过时了，建议没必要去学习了，毕竟我们的时间很宝贵，还有一大堆更有价值的东西等着我们去学。

因此，我们要入门 Web 前端开发的话，除了要学习 HTML/CSS/JavaScript 三大基础技术栈，还要了解 Vue 体系。而 Vue 体系，除了 Vue 框架本身，还包括其他技术栈。

下方是学习前端开发的学习路线：

Web开发基础知识有哪些

web前端开发包括的技术：

1、学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。

2、div布局： DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。

2、学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。

3、了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。

4、html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。

5、一些框架的应用：angular.js，node.js，bootsttap等框架的应用。

6、了解Web服务器对Apache的基本配置，并且掌握htaccess配置技巧

7、web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。

8、掌握web前端开发技术的同时，适当的学习一些后台开发语言（java，php等）也是一个不错的选择。