前端从业者如何做一个职业规划？

我们常常用到的浏览器，你们知道作用是什么吗？是的，它是用于显示网页内容，并让用户与这些文件交互的一种软件。而我们常用到的浏览器有如下：IE、谷歌浏览器（Chrome）、火狐（Firefox），一般人很难理解什么是Web服务器？但是它其实就是一部提供Web服务的计算机。

当我们在浏览器输入的地址，其实是叫URL，如下即是它的格式：

URL的一般格式如下：

协议://主机地址（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、网页开发框架等专业知识、方法和工具将产品UI设计稿实现成网站的技能。

第二，职业技能特征是：具有较强的逻辑思维能力，拥有良好的编写代码习惯，沟通能力强，具有运用色彩搭配、点线面布局来设计较好用户体验网站页面的能力。

需要充分考虑到了 Web 前端开发从业人员的职业发展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结构，设计了 HTML 基础及 HTML5 标签、CSS 及 CSS3 应用、JavaScript基本语法与高级编程、ES6 标准、数据库应用、项目模块化开发、各种复杂的交互与优化等知识和能力等模块。面向的主要岗位包括网页设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建（门户（行业）网站、交易类网站、企事业网站、娱乐性质网站）、网站规划与设计等。

前端开发规划

=================================================================

其发展路线为：Web 初级前端开发工程师 ，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新增元素（掌握、应用）

3.表单控件新增属性（掌握、应用）

4.CSS3新增选择器（掌握、应用）

5.CSS3新增属性（掌握、应用）

对于轻量级框架开发应用的掌握：

1.JQuery框架概述（了解）

2.JQuery选择器（掌握、应用）

3.JQuery中的DOM操作（掌握、应用）

4.JQuery事件（掌握、应用）

5.JQurey效果（掌握、应用）

6.JQuery Ajax（掌握、应用）

下面给出案例，可以学习做做试试：

案例重点要求：

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操作数据库（掌握、应用），PHP Web开发框架-Laravel（掌握）

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法