第25课 《给外行讲前端三剑客》

今天是系列课程的第25课,我们今天来给外行介绍一下前端。

前端顾名思义就是比较靠前的那个工种,我们想象一下,我们一直向前、一直向前,最后会到哪里?一直往前就会最后到达用户那里。所以,前端就是最靠近用户的工种。有一个很形象的比喻:用户所能看到的一切都是前端。
我们是最靠近用户的软件工程师,我们想让用户看见什么,用户就会看到什么。更进一步说,我们是保障用户体验的最后一道关 ,我们使用户感到:这个页面这么绚丽,这么页面这么舒适。
别的方向的同行总会说,前端最轻松了,就写一些页面就可以了。但是我们就算别的不知道,现在前端工程师的薪资也是很高的,如果前端只要写一点页面就好了,我们会领到那么高的工资吗?前端包含的东西很多,这里我们就简单介绍一下下前端最基础的部分——HTML、CSS和Javascript。
我们可以用人来比喻一下这三者的关系。首先HTML就相当于一个人的骨架,是一块一块骨头把人拼起来的,页面也是由HTML中一个一个标签拼出来的;光有身体没有衣服是没法出门的对不对,CSS就相当于人的衣服,它使页面变得更加好看呢;一个人穿了衣服就要出去跟人交际,JavaScript就负责与用户的交际,或者说是互动。这样页面是不是就有点意思了。
当然前端包含的东西还有很多,这里我们只是简单给大家介绍一下,这就是全部内容了,我们下次见。

原文地址:https://blog.51cto.com/14068218/2368242

时间: 2024-10-28 11:17:07

第25课 《给外行讲前端三剑客》的相关文章

前端三剑客之javascript

前端三剑客之javascript 给个小目录  一.JavaScript介绍  二.ECMAScript(核心) 三.BOM对象(浏览器对象) 四.DOM对象(文档对象模型) 总结: JS的组成: a)   ECMAScript 是什么:担当的是一个翻译的角色:是一个解释器:帮助计算机来读懂我们写的程序:实现+-*/, 定义变量:几乎没有兼容性问题: b)   DOM: 文档对象模型:文档指的就是网页:把网页变成一个JS可以操作的对象:给了JS可以操作页面元素的能力:document;有一些兼容

前端三剑客之CSS--flexable layout box 经典解读

前端三剑客之CSS--css3 flexbox layout(弹性布局)--完全解析 一.背景--                                                                                                                                            ? Flextbox Layout(弹性盒布局或伸缩盒布局),提供了一种更加有效的方式去布局.对齐和给          

25款最佳响应式前端开发框架 开源资讯

25款最佳响应式前端开发框架 开源资讯:http://code.csdn.net/news/2819417 10个免费的响应式布局HTML5+CSS3模板:http://www.html5cn.org/article-6799-1.html bootcss的学习网站 http://cnbootstrap.com/base-css.html http://www.bootcss.com/ http://www.egouz.com/topics/5647.html http://www.oschin

嵩天老师的零基础Python笔记:https://www.bilibili.com/video/av15123607/?from=search&seid=10211084839195730432#page=25 中的38-41讲

# -*- coding: utf-8 -*-#嵩天老师的零基础Python笔记:https://www.bilibili.com/video/av15123607/?from=search&seid=10211084839195730432#page=25 中的38-41讲# 文件# 文件是存储在外部介质上的数据或信息的集合# 文件是有序的数据序列# 常用的编码# ASCII码是标准化字符集# 7个二进制位编码# 表示128个字符 # ord() 将字符转化为ASCII码, chr() 将AS

第二课:第一讲Linux操作系统及常用命令

第二课:第一讲Linux操作系统及常用命令1.liunx中"X"表示图像显示协议X-window有三种:Gnome,KDE,Xface2.windows->.dll(dynamic link library)liunx->.so (shared object)3.认证:authentication授权:authorization审计:audition(通过日志记录下来实现审计机制)4.登录成功后的"[[email protected] root]"是pr

第三课 第四讲03_04_Linux用户及权限详解

第三课 第四讲03_04_Linux用户及权限详解1.库和进程是同级的.进程可以获取CPU时间,内存地址,调用各种文件2.权限:定义了计算机资源和服务的访问能力叫权限3.逻辑容器,用户 关联权限就是用户组.用于指派权限,不能独立登陆 4.文件属主,文件属组,其他,5.用户和组在计算机里面就是个标识符6.进程也有属主和属组进程的安全上下文(secure context),进程属主和资源属主7.文件r,w,xr:read可读,可用使用文件查看命令cat等命令查看文件内容w:write可写.可用使用文

前端三剑客 页面模板 HTML标签

前端 什么是前端 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript. 前端开发技术栈 HTML 超文本标记语言 负责完成页面的结构 文件后缀:.html .htm "超文本"指的是页面内可以包含图片.链接.程序等非文字元素 CSS 级联样式表 负责页面的风格设计,样式.美观 文件后缀:.css JavaScr

C++--第25课 - 异常处理 - 上

第25课 - 异常处理 - 上 1. 典型问题一 所有的代码都有可能不按照预定的方式进行 double Div(double a, double b) {    return a / b;} double Add(double a, double b) {    return a + b;} double Minus(double a, double b) {    return a - b;} double Multi(double a, double b) {    return a * b

麦子新课上线之web前端开发规范

同学们,Web前端开发又有课程上线啦!对Web前端感兴趣的同学们,速来围观哦~~下面简单介绍一下课程. [学霸学新,课快人一步] 课程简介: Web前端开发规范,可以帮助同学们,了解web前端开发规范的意义,掌握前端开发中的开发规范,掌握web前端开发中的实用技巧.面对企业团队开发,可以很快融入团队合作中,高效率的完成团队给予的任务. 课程地址→http://www.maiziedu.com/course/web/621-8960/ 老师简介: 何虎:8年软件开发经验,擅长互联网应用程序开发,曾