前端从业者如何做一个职业规划？-CSDN博客

本文链接：https://blog.csdn.net/2301_82244607/article/details/138377955

本文详细介绍了浏览器的作用，常见的Web服务器概念，以及B/S和C/S架构特点。深入探讨了Web开发过程，包括前端技能、HTML、CSS、JavaScript的基础和进阶内容，以及数据库（MySQL）和后端技术（PHP）的应用。同时涵盖了网络协议（HTTP、HTTPS）和技术细节，如TCP/IP原理和WebSocket。

摘要由CSDN通过智能技术生成

我们常常用到的浏览器，你们知道作用是什么吗？是的，它是用于显示网页内容，并让用户与这些文件交互的一种软件。而我们常用到的浏览器有如下：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（掌握）