做软件开发就是从事编程开发。你首先要从基础语法开始学习，通过语法形成产品效果。 前台开发的基本语法由HTML+CSS+JavaScript组成，是前台开发最基本的三种语言。 网页布局基础:HTML+CSSHTML是超文本标记语言，是网页内容最基础的语言。 你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要引入网页进行表达。 HTML做网页还不够，还要做内容。 因为只是HTML，所以只能用表格作为布局来制作成型的网页。 但是从Web2.0时代开始，都是盒子模型布局，也就是用DIV+CSS来实现布局。 CSS是层叠样式表。 标签的布局由样式属性标准化。当不再使用表格布局时，按CSS样式开发标签才是正确的做法。 HTML(div)+CSS布局是基础入门的基本步骤。在这个阶段，你需要学习的内容，包括1。标签的语义，SEO2。页面加载的流程和原理3。网页结构4。盒子模型(W3C盒子模型和IE盒子模型)5。CSS选择器6。CSS布局在开始阶段是浮动定位的，你学的所有布局方法基本都是以px为单位的静态布局。 熟悉排版方法，先给自己定一个小目标，做一个简单的电商网页基本结构，不需要特效和交互。 浏览器语言:JavaScriptJavaScript是我们学习前台开发非常重要的内容，也是人们经常陷入的难点。 现在JavaScript可以说是互联网时代使用率最高的脚本语言。在网页中，所有的数据渲染和特效交互都需要使用JavaScript来影响浏览器的显示。 JavaScript不仅是开发网页特效和渲染数据的重要组成部分，在前台开发后期广泛使用算法和框架时，还需要对JavaScript基础进行大量的测试。 在基础阶段，我们需要注意:1。基本关键字说明2。基本数据类型，数组3。功能4。面向对象编程。原型链，闭合6。JSON 7。Ajax 8。DOM(文档对象模型的原生DOM操作)9。事件捕获，冒泡，代理10。常用函数方法。ES5，6，7在JavaScript部分学习，主要是go。 说到学习JavaScript，jQuery，一个经典的JavaScript类库，很多小白的学生都会对他的原生编写感到头疼。 每一个逻辑业务都需要手工编写，也就是轮子造一次。 觉得很麻烦。 要是能更简单就好了。 因为JavaScript具有封装的特性，所以用JavaScript封装的类库和插件非常多。 比如最经典的类库就是jQuery。 jQuery类库是事件方法，在类库中封装了大量的JavaScript。 JQuery通过封装减少了遍历、对象选择等诸多问题。 通过调用方法简化网页特效的实现。 学习jQuery时，需要注意以下几点:1。jQuery语法和JavaScript原生语法的区别；2.Dom对象和jQuery对象；3.jQuery的入口函数和JavaScript的入口函数的区别；4.jQuery事件的执行逻辑。 学习jQuery，最重要的效果就是快速完成网页特效，比如旋转木马、手风琴菜单、旋转木马、放大镜等等。 能够完成一个电商网站的布局+特效开发是最基本的要求。 以上是零基础学习必备的少量基础内容。只有把入门前台需要掌握的最基础的东西都开发出来，把基础都掌握好，才能为后面的学习做更多的准备。 多终端进阶学习除了基本的PC，现在的手机可以说是非常火了。 与PC上的单一网页不同，手机上的技术可以应用于WEB-APP、applet、Hybrid-App等。 Web-App也是我们常见的浏览器(以及微信等内置浏览器)打开的大型移动网页。 比如我们常见的电子商务网站，功能性网站，管理类网站，在布局和功能上都有APP的效果。 做好Web-App开发，大部分基础的人肯定会说响应式布局，但是前端开发是另外五种布局方式。除了众所周知的响应式布局，手机上还有一种最重要的灵活布局方式，就是很多人头疼的rem布局。 除了布局方法，H5的新功能以及触摸屏活动和设施的兼容性也需要得心应手。 小程序现在很火就不用说了。各大平台都在做自己的小程序，各种砍价、抢票、电商、游戏都用上了。 以这个微信小程序为例，主要是微信团队基于前台做的封装语法，主要的是ES语法。 小程序目前很多公司都在招聘前端开发人员，目前还没有独立的小程序开发工程师，所以小程序可以说是前端工程师高薪就业的加分技能，换句话说，是成熟开发所必需的。 Hybrid-App又称混合App，可能没几个人听说过，但是18年已经被越来越多的人开发出来了。这种APP可以直接制作下载到终端。可以说在体验上已经具备了传统APP的大部分功能。 这种开发门槛低，即可以完成前台开发。 大部分都可以在一个大包平台上完成，这个你以后就明白了。 主流技术框架的前面都是基础的东西。现在去就业前台发展不仅仅是基础的东西，一个手机页面就可以算成熟了。 前台的三个框架，VUE、Angular和React，现在都很火。 能写基本语法为什么还需要框架？很多白人朋友不知道什么是框架。他们只听说过jQuery，认为它是一个框架。 或者人们认为框架是为了加快开发，认为这些库和插件可以完成框架的工作。 事实上，框架的出现是改变前台地位的重要标志。 最重要的体现就是前后台分离。前后台分离之前，很多后台开发人员都是爸爸妈妈，效果不好，效率不高。我出身背景，深知其中的痛苦。 现在的前台项目比以前更加复杂和多样化。 这个项目很复杂，有很多问题。 我在前台领域做了几年，总结了一套前台学习的强化视频和学习路线。如果有对前台开发感兴趣的伙伴，不管你是想转行还是想做大学生或者想在工作中提升能力的web前台党，欢迎大家加入我的前台开发交流群:603985993。希望大家真诚交流！，与企业需求同步。 朋友在里面学习交流。大牛每天定时讲解前台技术！也可以关注我的微信微信官方账号:【前台学员】每天更新最新技术文章和干货。 框架处理什么问题？处理对外部js的重复引用，以jQuery开发为例，往往无法完成单个项目，需要引用很多第三方插件和库，导致一个项目中引入很多外部JS文件。 这样不仅代码凌乱，而且影响打开速度。 但是使用框架，以VUE为例，通常使用构建工具，然后可以完成一个入口文件，在运行时一劳永逸地将其引入入口。 使用组件开发，组件是前台框架中非常强大的功能之一。它可以扩展你的HTML，封装可重用的代码块，比如你的轮播、tab开关、页眉、页底等。 这个独立的组件具有完整的结构(html)、展现(css)和行为(js)功能，大大节省了代码量，提高了可重用性。 尤其是团队合作的时候，可以提高使用效率。 缩短开发周期。如果你觉得jQuery可以减少开发周期，框架其实可以比库更快。 比如用jQuery开发，经常需要频繁操作DOM，每一个效果都要找DOM，非常繁琐。 使用该框架时，封装了许多功能，例如许多指令的数据绑定和数据格式化。 这样我们在开发的时候只需要关注数据的逻辑就可以了。 前台的学习方法很重要。选择好适合自己的学习方法，学好前台最重要的是培养持续的兴趣，其次是持续的练习，从练习中逐步练习前台代码，从而对前台有一个很好的理解和吸收。 如果你还是不懂前台，可以继续关注我，每天发少量关于前台的知识，供你学习参考！