什么叫前端开发?关键依据本人对前端开发的了解,梳理了一些变成前端开发所必须掌握的基本知识,期望可以协助一些刚进坑的小伙伴们。

一、初识前端

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。

二、核心技术

Html、CSS、JS

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。

HTML

HTML是一种规范,定义, 例如:标签被定义为标签定义超链接,用于从一张页面链接到另一张页面,那么所有浏览器看到你写的标签它就会理解为这是一个超链接。如果没有这个规范,浏览器是不会知道你这个标签到底想干啥。

HTML5 是定义 HTML 标准的最新的版本,比上一个版本的语言多了一些新的元素、属性和行为

CSS

级联样式表(Cascading Style Sheet)简称"CSS",通常又称为"风格样式表(Style Sheet)",它是用来进行网页风格设计的。

css 是控制页面样式的,例如页面的背景色、字体的大小,位置等等;css也是一种标准

css3 是上一个标准的升级,例如以前画一个圆形,需要设计给你一个圆形图片,现在不需要设计给你了,自己用代码就可以做出来圆形。

Javascript

JavaScript 是编程语言,简称js。可以处理页面逻辑,例如:用户名,要求必须是邮箱,当你输入用户名的时候,他就会判断是不是邮箱,如果不是邮箱就不让你登陆。

ES5/ES6/SE7 都是JavaScript 的标准,不同的浏览器对标准的支持不同,例如IE8浏览器可能就不能正确的理解ES6中的一些函数

三、前端在团队中的作用

团队合作

我们知道一个项目是不可能一个人来完成的,既然不可能一个人来完成,那么就会涉及到团队合作问题,你完成的 + 团员完成的 = 结果,如果涉及到后端,那么就需要和RD进行协作,而这种协作,有些事是不需要你本人来做的,但是它又和你相关,这时就涉及到推进了,比如说某个需求, RD给你说, 他等下给你做,但是很长时间都还没做,那么你就需要每隔一段时间就去骚扰他一次,这样他就肯定会去做的。

四、前端与后端的区别?

前端

有一个漂亮妹子,她的及腰秀发、她的波涛汹涌、她的A4小蛮腰,都是你可以看到的。在网站上就是浏览器打开的网页、小程序、网易云音乐的界面,这些展示用户视图和操作的就是前端。

后端

后端就是妹子的声音、性格已经她哪些内在美,你看不到,摸不着的。就像你的账号、浏览日志等等,这些都是存储在服务器,需要服务器处理的,这些就是后端。

1)前端开发人员:精通JS,能熟练应用JQuery,懂CSS,能熟练运用这些知识,进行交互效果的开发。

2)后端开发人员:会写Java代码,会写SQL语句,能做简单的数据库设计,会Spring和iBatis,懂一些设计模式等。

本文来源于:什么是前端?前端与后端的区别?-变化吧门户

特别声明:以上文章内容仅代表作者本人观点,不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。

html是前段还是后端,什么是前端?前端与后端的区别?相关推荐

  1. 后端薪资要比前端高吗?什么技术是公司的核心技术?前端技术算不算核心技术?

    前段时间在跟学生聊天,有同学提到了:以后的工作方向,他说:听学长学姐说后端薪资要比前端高,并且掌握公司核心技术的都是后端,但是自己想要从事前端该怎么规划发展自己的事业? 大致是这个意思记得不是很仔细了 ...

  2. 机器学习编程语言_我应该选择哪种编程语言? 我应该专注于前端吗? 后端? 机器学习?...

    机器学习编程语言 by Preethi Kasireddy 通过Preethi Kasireddy 我应该选择哪种编程语言? 我应该专注于前端吗? 后端? 机器学习? (What programmin ...

  3. 前后端分离后的前端时代

    什么是前后端分离,要区分前端和后端,需要有个明确的界限.一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了. 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的 ...

  4. webApi前端ajax调用后端返回{“readyState“:0,“status“:0,“statusText“:“error“}解决方案

    webApi前端ajax调用后端返回{"readyState":0,"status":0,"statusText":"error& ...

  5. 后端码农谈前端(CSS篇)第三课:选择器

    一.选择器 1.ID选择器: 语法: 首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号. 请看下面的规则: *#intro {font-weight:bold;} 与类选择器一样,ID 选 ...

  6. 业务逻辑写在存储过程好还是后端好_后端两小时,前端一星期!你只是一个写接口的工程师吗?...

    故事从一名前端工程师的呐喊开始: 我们公司做项目分配任务,一个星期的活,后端呢,两三个小时就弄完了,前端要做界面,做交互,做功能,忙活一个星期还得和设计师对 UI,和需求方对业务逻辑,最后呢,管事的还 ...

  7. 后端程序员的前端工具

    后端程序员的前端工具 在总结监控系统时,其中有一点:将API 接口开发转变为SQL 查询,支持sql算子.这样后端开发工程师就不用疲于奔命提供查询服务了.听说阿里巴巴的产品工程师也要学习SQL语句,为 ...

  8. 有理有据:一篇来自前端同学对后端接口的吐槽!

    点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源 | juejin.im/post/5cfbe8c7 ...

  9. mui实现手机web拍照_WEB前端开发与后端开发比较

    首先说JAVA,JAVA是作为后端开发的.现在后端开发主要是PHP和JAVA,当然还要加上数据库MySQL.Oracle.PHP比较适合交互比较少的后端,适合小规模的应用.JAVA做后端安全性.稳定性 ...

  10. 架构设计系列-前端模式的后端(BFF)翻译PhilCalçado

    本文翻译自PhilCalçado的官网:https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html 对 ...

最新文章

  1. 希尔伯特著名的第六问题 – 原来麦克斯韦早就有解?
  2. .net生成图片验证码
  3. Sublime Text3前端必备插件
  4. AQS抽象队列同步器详解(待更新)
  5. 推荐算法DeepFM原理介绍及tensorflow代码实现
  6. everything便携版和安装版区别_什么是超极本?超极本和笔记本的区别科普知识...
  7. java自定义equals函数和hashCode函数
  8. EMNLP 2017 北京论文报告会笔记
  9. 以snull为例分析linux网卡驱动的技术文档[转载]二
  10. Windows 程序设计应用开发(上部)
  11. Python安装包的多种方式
  12. 挑筋(挑治)疗法——针挑治疗痔疮
  13. phpmail通过qq发邮箱失败_PHPMailer使用QQ邮箱实现邮件发送功能
  14. 自动生成条形码软件如何批量打印可变条码
  15. [buuctf][Zer0pts2020]easy strcmp
  16. SpringCloud 基础架构搭建
  17. ORACLE EBS常用表及查询语句(二)
  18. 微信语音聊天内容如何录制 如何录制通话内容
  19. PDF加密如何加密?分享两个方法给你
  20. 从反反鸡汤谈过犹不及

热门文章

  1. 天源财富:英特尔正式发布Tiger Lake-H45高性能移动芯片
  2. [css] 什么是关键帧动画?
  3. 微型计算机数据采集系统,PC机数据采集系统设计 完整版.doc
  4. 基于 MATLAB 的模糊逻辑系统设计
  5. ssm毕设项目缺陷管理系统d6ltf(java+VUE+Mybatis+Maven+Mysql+sprnig)
  6. 密码学 MD5信息摘要算法
  7. 2023 华为OD机试备考攻略 以及题库目录分值说明 考点说明 (A卷+ B卷)
  8. win10日语输入法输入罗马字母n无法打出假名
  9. 第六届中国软件质量年会邀请函
  10. U盘启动ghost制作