前端是创建Web页面或app等前端界面表现给用户的过程。前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
一、前端
介绍
前端是创建Web页面或app等前端界面表现给用户的过程。前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。
它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用较为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言,能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。随着CSS、JavaScript、Flash等技术的发展,Web对于应用的处理能力逐渐增强,用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破,使得Web技术首次被认为能够接近于本地原生应用技术,开发Web应用真正成为开发者的一个选择。HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具,支持HTML5应用的发展。
类型
CSS:学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。
JavaScript:学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。
操作系统:了解Unix和Linux的基本知识,对于开发人员有益无害。
网络服务器:了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。
以上为前端的基础知识下面来仔细讲一下这三大部分:
HTML入门
HTML加强-超链接,多媒体,列表等
HTML加强-图片标签,列表标签,表格标签
HTML加强-表单标签
Photoshop安装及常用功能
Css入门-基础&选择器
Css进阶-Css3选择器,继承与优先级
Css字体文本样式
Css背景,盒子模型等
Css布局样式
Css定位样式
JavaScrpt基础-语法
JavaScrpt进阶-语句
JavaScrpt进阶-函数
JavaScrpt进阶-数组
JavaScrpt进阶-对象
Html Dom编程
Jquery入门&选择器&Dom基础
JqueryDom进阶
Jquery事件&动画
Jquery插件
GIT/SVN管理+Bower依赖于管理工具
第二阶段【css进阶&ajax,h5和js深入,在这个阶段你可以学到更简洁更快速与更加炫酷华丽的也变布局与表现。
例如动画,canvas等以及如何进行后端进行数据传输,窥视js世界的本质,还有网络方面的知识http和websocket,最后还有后端的一些知识点例如mysql数据库和nodejs以及前端工程化是怎么做的
H5-存储技术&svg矢量图
H5-渐变,动画,过渡
H5-高德地图&地理定位
H5-多列布局,伸缩布局,旅行手机软件等手机网站布局
Node.JS-环境&模块化编程
AJAX交互入门及进阶
响应式的网站开发创作-BOOTSTRAP4
Web高级进阶-JavaScript高级特性【1,2】
Web高级进阶-JavaScript面向对象
Web高级进阶-jquery插件开发
Web高级进阶-ES6进阶
MYsql数据库
Node.JS-常用模块
Node.Js-web框架-Express&Koa2
Websocket-入门&在线聊天
Webpack模块加载器&打包工具
第三阶段【目前市场上流通的是主流框架应用以及进阶,这样找工作的核心的竞争不乏是你的一张王炸与市场接轨】
Vuejs-基础入门&指令
Vuejs-基础进阶&路由
Vuejs-组件进阶
MVVM构架源码解析
Type’Script入门加进阶
微信小程序
Reactjs
React Native
延伸阅读:
二、客户端、前端、后端、服务端的区别
客户端是指开发面向客户的程序,分很多平台,比如Windows 安卓 苹果,还有游戏客户端也算一类。
前端指的是通过浏览器和用户交互的那部分。
后端是在服务器上跑的,一般是管理数据,为前端、客户端提供数据传输的。
服务器端就是后端。
服务端各种安全机制,比如身份验证,这一条的情况在于,有的前端做身份验证就是调用一下接口,获取到类似token字段,自己也不知道是什么意思,就乱丢乱用等。
本质上来说,前端是做不了什么安全措施的,但是,相应的拦截和安全还是要做,因为可以帮后端挡掉很多低质量攻击以及前端自身的用户体验。
客户端是默认支持json的,后端是需要处理的。这点可以引申到,前后端各自传递的数据格式问题。有些前端 null undefined 空串分不清楚,到了后端就各种问题。