前言如果这篇文章对你有帮助，??关注+点赞??给作者打气~补给??~我曾经既是优等生又是学渣。成绩不及格，成天跟朋友出去玩，可是他什么时候开始变成优等生了？那是我父亲教我数学的那一刻。我的学习突飞猛进。我在班上的每一次考试中不是第一名就是第二名。我不再需要老师教我数学了，哈哈哈！！！我坐在倒数第二排的角落里，绝对是我爱玩爱说话的地方，每天拉着前面的女同学开心交流。当时的结果可想而知。这样的孩子肯定成绩不好（不过当时成绩也不算太低，怕考不好被爸妈接走）。从爸爸教我学习开始，第一名可能会让老师觉得这孩子有点6，但是连续几年的数学成绩让老师对我充满了信心。每次让我上课做最后一道大题，我都分分钟做完。你们知道是什么改变了我的学习成绩吗？你可以猜到～是的，因为爸爸教我读书，做习题，教我解题。那时，它只是一本数学练习册。完成后，我对数学一无所知。我相信每个人都是一样的，每个人的心其实都是一样的，只要努力，你也可以成为自己想要的人。目前，我是一名编程开发人员，专注于Web前端开发，每天投入大量时间学习。请记住一句话：永远不要以年龄和时间为借口。当你想长大的时候，现在就是最好的年纪，时间总是可以抽出来的。接下来，我将讲解如何为前端从业者制定职业规划。文末有重磅信息！！！！前端开发职业介绍首先Web开发的前景如何？据我了解，目前web前端工程师平均年薪10万以上，高级html前端工程师年薪30万-50万。许多公司更加渴望与Web前端相关的技术职位。Web前端开发工程师是从事Web前端开发的工程师。主要进行网站的开发、优化和完善。不得不说，web前端开发工程师的“黄金时代”正在到来。Web前端开发技术包括三个要素：HTML、CSS、JavaScript。随着RIA的普及和流行，前端开发人员也应该掌握XML、Flash/Flex、Silverlight和服务器端语言。接下来，我将从第一部分开始，讲讲：Web前端开发简介、Web开发流程、Web前端开发专业技能。web前端开发入门那么什么是web呢？Web即万维网（WorldWideWeb），又称“万维网”、“WWW”、“'W3'”。它是由许多相互链接的超文本组成的系统，通过互联网访问。目前，Web开发主要是分为前端和后端。后端是指程序、数据库、服务器的开发，而前端是指直接接触用户的网页。通常有HTML、CSS、JavaScript等。网页。我们经常使用的浏览器，你知道它的功能是什么吗？是的，它是一个用来显示网页内容并让用户与这些文件进行交互的软件。我们常用的浏览器有：IE、GoogleChrome（Chrome）、火狐（Firefox），普通人很难理解什么是Web服务器？但它其实就是一台提供Web服务的计算机，当我们在浏览器中输入地址时，其实就是所谓的URL，而其格式如下：URL的一般格式如下：Protocol://host地址（IP地址）+目录路径+参数复制代码在浏览器地址栏输入地址，我们就可以上网，找到我们想要的学习内容了。我们在这部分看到的大部分内容来自于我们前端开发程序员。接下来，我们将学习一些网络应用架构：B/S架构（Browser/Server）和C/S架构（Client/Server）B/S架构（Browser/Server）的特点是：无需安装特定的客户端程序,通过URL访问；跨平台能力（Windows、Linux、Android、IOS……）；无缝升级，客户端免维护；不能直接使用客户端硬件资源，用户体验单一。而C/S架构（Client/Server）的特点：需要安装特定的客户端程序；针对不同平台开发不同版本；必须重新安装升级应用程序；充分利用客户端硬件资源构建大型3D效果应用。web开发流程如图所示，我们可以清楚的了解web开发流程：了解开发过程中需要的内容。人员团队：Web前端开发专业技能，看图就知道了。一、专业技能的定义是：运用HTML、CSS、JavaScript等专业知识和方法，以及Web开发框架和工具，将产品UI设计稿实现成网站。二、专业技能的特点是逻辑思维强能力，良好的编码习惯，较强的沟通能力，能够运用配色、点、线、面的布局来设计用户体验更好的网站页面。需要充分考虑Web前端开发从业者的职业发展路径和成长路径，以专业素质、专业技能、知识水平为主要框架结构，设计HTML基础和HTML5标签、CSS和CSS3应用，JavaScript基础语法与高级编程、ES6标准、数据库应用、项目模块化开发、各种复杂交互与优化等知识与能力模块。岗位主要岗位包括网页设计、网页制作、响应式页面建设、移动网页制作设计、网站建设（门户（行业）网站、交易网站、企业网站、娱乐网站）、网站策划设计等。-端开发规划及其发展路线为：Web初级前端开发工程师、Web中级前端开发工程师、Web高级前端开发工程师，这三部分。Web初级前端开发工程师那么先说说网页制作的基础知识：一、（了解）Web的介绍二、掌握HTML语法基础三、HTML文本图像元素（掌握、应用）四、HTML表单表格元素（掌握、应用）第五、HTML超链接元素（掌握、应用）第六、CSS基础（了解）第七、CSS样式修改（掌握、应用）第八、CSS盒模型（掌握）第九、CSS布局（掌握、JavaScript程序设计需要掌握：1.JavaScript语法基础（掌握）2.分支、循环语句（掌握）3.函数（掌握、应用）4.数组、字符串（掌握）5.正则表达式（掌握）)6.对象（掌握、应用）7.BOM对象（掌握）8.DOM对象（掌握、应用）9.JavaScript事件处理（掌握、应用）掌握HTML5和CSS3开发基础与应用：1.HTML5简介（理解）2.新饿了么HTML5中的nts（掌握，应用）3.表单控件的新属性（掌握，应用）4.CSS3中的新选择器（掌握，应用）5.CSS3中的新属性（掌握，应用）轻量级框架开发与应用掌握：1.JQuery框架概述（了解）2.JQuery选择器（掌握、应用）3.JQuery中的DOM操作（掌握、应用）4.JQuery事件（掌握、应用）5.JQurey效果器（掌握、应用）6.JQueryAjax（精通、应用）下面是一个案例，大家可以学做试试：案例关键要求：100%实现UI效果图。HTML结构清晰，标签的使用尽可能语义化。按功能划分功能模块，方便日后调整页面内容。按照标准建站目录，CSS、HTML、图片分离。Web中级前端开发工程师来到中级，我们需要掌握的：1.深入浅出地讲解MySQL数据库：MySQL概念（了解）、MySQL安装（掌握）、MySQL范式（掌握）、MySQL表结构管理（精通、应用）、MySQL用户管理（精通、应用）、MySQL基本语法（精通、应用）、MySQL事务管理（精通）、MySQL视图（精通）、MySQL索引（精通）、MySQL分区（精通）、MySQL触发器（掌握、应用）、MySQL存储过程（掌握、应用）、MySQL数据备份与恢复（掌握）2、PHP技术与应用：PHP概述及工作原理（了解）、PHP环境搭建与安装（掌握）、PHP语言基础（硕士）、PHP操作函数（硕士、应用）、PHP图形图像处理（硕士）、PHP文件系统处理（硕士）、PHP面向对象程序设计（硕士）、PHP操作数据库（硕士、应用）n)、PHPWeb开发框架-Laravel(精通)3.Web前后端交互技术：WEB概述(了解)、HTTP协议(了解)、Ajax(了解、应用)、Iframe(了解、应用)等4.响应式开发技术：Bootstrap等你可以打个case：资深的Web前端开发工程师已经到了高级，这才是最重要的。需要掌握的内容如图：1、WEB前端框架介绍及VUE介绍（了解）2、VUE基础知识（掌握、应用）3、VUE组件（掌握、应用）4、VUE工程工具（master)5.VUE路由(Mastery,application)6.VUE状态管理(mastery,application)7.UI库(mastery,application)等我们也可以做案例：需要注意的是，如果你已经有工作，你的职业规划一定不能脱离你现在的工作。真知来源于实践，工作带给你的实践环境是你成长的营养源泉。无论前端演化成什么样子，都会始终以用户体验为中心。这其实只是互联网的本质，只是终端增加了，开发方式也增加了。人生没有极限，只要你想努力，什么时候开始都不晚。最后，作为一个前端圈子的新人，可能对上面描述的东西不是很理解，这个也没有问题。不要急于制定适合自己的职业规划。其实最好是工作一段时间后再确定自己真正感兴趣的是什么。另外，业余时间对前端面试题进行了一系列的整理。有需要的朋友可以点击下方蓝色文字阅读：2020大厂JavaScript面试题汇总，持续更新~2020大厂Vue面试题汇总，持续更新~【推荐收藏】2020年最新cookie面试题汇总，持续更新中更新中~657页前端面试题+答案，分类学习整理，良心制作，持续更新中~前端面试官：请谈谈功能节流和防抖
