前端是什么

1.前端的概念

  • 1.1 前端的定义
    • 对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层(通俗点就是用户可以看到的部分)。总结一下,浏览器、APP、应用程序的界面展现和用户交互就是前端
  • 1.2 前端的作用
    • 前端工程师通过前端技术完成界面设计,界面制作,用户交互,网站维护、网站优化等等。 通俗点讲,可以设计、制作网页,给网页加上各种各样的特效和功能。

2. 前端的分类

  • 2.1 前端设计和前端架构

    • 2.1.1 HTML 结构语言:超文本标记语言
      • 通过各种标记符号(标签)来代表网页中的内容元素、将网页中的内容结构化。 特点:通过浏览器来解析、文件名为html或htm
    • 2.1.2 CSS 样式语言(样式表):实现表现与结构分离的样式设计语言
      • 控制网页的视觉表现及简单交互。通过浏览器来解析,文件名为css
    • 2.1.3 JavaScript 被设计用来向 HTML 页面添加交互行为
      • JavaScript 是一种脚本语言,由数行可执行计算机代码组成,通常被直接嵌入 HTML 页面
  • 2.2 前端开发分类

    • web前端开发

      • web前端开发包括pc端开发、移动端开发(微信公众号开发、混合H5开发、小程序开发、小游戏开发)
    • 客户端开发

      • 客户端开发也叫app开发。 客户端开发指移动端开发,包括Android开发和ios开发。

3. 前端的工作流程

  • 3.1 互联网技术岗位详解,涉及到前段开发、后端开发、移动端开发、大数据、项目管理、测试、运维、技术管理等八大领域。

  • 3.2 其中前端开发工作流程:

    • 1、使用Div+css并结合Javascript负责产品的前端开发和页面制作;

    • 2、熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案;

    • 3、负责相关产品的需求以及前端程序的实现,提供合理的前端架构;

    • 4、与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;

    • 5、了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。

4. 互联网企业的典型组织结构图

  • 4.1

4.2 一个app诞生的业务流程图

产品开发

  • 当设计人员完成交互和视觉设计之后,前端开发人员就可以根据设计稿来对这些页面进行开发,通常,设计师设计出的页面只是静态的,而前端开发人员要做就是,把这些静态的页面开发成在网络中真实运行的动态页面。 与此同时,后端开发人员也早已进入相应的开发工作,甚至在设计部进行视觉设计的过程中,有些工作就已经启动了,比如接口的开发,数据库的开发。 在开发人员所做的工作中,前端的工作更容易直观的看到,比如有哪些页面。但是,后端开发的工作成果不那么容易观察到。比如用户帐号体系建设,数据库开发,这些都是后端人员自己可见的,其他部门的人员一般难窥其果。但是,后端的工作又是极其重要的。
相关推荐
顾安r3 小时前
11.8 脚本网页 星际逃生
c语言·前端·javascript·flask
Hello.Reader3 小时前
Data Sink定义、参数与可落地示例
java·前端·网络
im_AMBER3 小时前
React 17
前端·javascript·笔记·学习·react.js·前端框架
谷歌开发者4 小时前
Web 开发指向标 | Chrome 开发者工具学习资源 (六)
前端·chrome·学习
一晌小贪欢4 小时前
【Html模板】电商运营可视化大屏模板 Excel存储 + 一键导出(已上线-可预览)
前端·数据分析·html·excel·数据看板·电商大屏·大屏看板
发现你走远了4 小时前
连接模拟器网页进行h5的调试(使用Chrome远程调试(推荐)) 保姆级图文
前端·chrome
街尾杂货店&5 小时前
css - 实现三角形 div 容器,用css画一个三角形(提供示例源码)简单粗暴几行代码搞定!
前端·css
顺凡6 小时前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
小白路过6 小时前
CSS transform矩阵变换全面解析
前端·css·矩阵
爬山算法6 小时前
Redis(110)Redis的发布订阅机制如何使用?
前端·redis·bootstrap