前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程,通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是 Web1.0 时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。
移动互联网带来了大量高性能的移动终端设备以及快速的无线网络、HTML5、node.js 的广泛应用,各类框架类库层出不穷。
随着时代的发展,前端开发也越来越受到大家的欢迎,其中不乏转行来做前端开发的,通过与这些人的接触发现,很多人在入行前或多或少的存在顾虑。那么转行来做前端到底可以走多远,转行来做前端会不会为时已晚?我们可以看看这个视频:Web前端技术精讲:转行做编程必看视频
在开始我们的教程之前,先让我们来了解一下 Web 前端技术,看一个视频让我们快速的了解web 开发:Web前端技术精讲:零基础学习web前端必看
根据我长期的总结并结合时下的技术栈,我把前端的学习大致分为如下五个阶段,以及罗列了各个阶段需要掌握的知识点。
在学习前端之前,我们先把工具准备好,没有金刚钻怎么揽瓷器活?所以准备了如下的一些开发工具,这里推荐使用 VSCode。1. WebStorm2. Dreamweaver3. HbuilderX4. Sublime Text5. Vim(高手使用较多)6. VSCode
思维导图
掌握 HTML 是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好 HTML 是成为 Web 开发人员的基本条件。
HTML 是一种标记语言,能够实现 Web 页面并在浏览器中显示。
HTML 需要掌握的知识点如下所示:
学好 CSS 是网页外观的重要一点,CSS 可以帮助把网页外观做得更加美观。CSS 需要我们学习如下部分:1. CSS基础教程2. CSS样式
3. CSS框模型
4. CSS定位
5. CSS选择器
6. CSS高级
Web前端技术特辑:HTML样式
HTML5 作为 HTML 的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。
HTML5 可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为 HTML5 技术的主要优点之一。
CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版,拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。
CSS3的改变有很多,增加了文字特效,丰富了下划线样式,加入了圈重点的功能。在边框方面,有了更多的灵活性,可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面,特意增加了投影。
CSS3在兼容上做了很大的功夫,并且网络浏览器也还将继续支持CSS2,因此原来的代码不需要做太多的改变,只会变得更加地轻松。
JavaScript 是 web 开发者必学的三种语言之一,这里我们需要区别 JavaScript 和 Java 他们是完全不同的语言,不论是概念还是设计。javascript 部分需要我们学习的知识点如下所示:
5. 函数
6. 运算符
7. 流程控制
8. DOM对象
9. BOM对象
10. 综合实例
Web前端技术特辑:BFC讲解
JS 进阶主要学习构造函数,原型对象,继承的多种实现方式,原型链,函数的本质,闭包,沙箱等。
1. 基础语法2. 选择器
3. DOM操作
4. 事件
5. 动画
6. 常用工具
7. Ajax
8. Jquery插件编写
2. Vuex
3. Vue-router
4. axios
1. 基础
2. 高级
1. 概念
主要讲什么是入口,出口,loader,插件等
2. 入口
3. 输出
4. 模式
5. loader
6. 插件
7. 配置
8. 模块
1. 阶段一
2. 阶段二
3. 阶段三
1. SVN使用
2. GIT使用
1. 了解小程序开发流程2. 视图容器
3. 基础内容
4. 表单组件
5. 导航
6. 媒体组件
7. 地图(map)
8. 画布(canvas)
9. 开放能力
1. 认识apicloud
2. 开发工具讲解
3. 端API
4. 云API
5. 小程序模块使用
教务管理系统(node+express+mysql)实现
原文链接:http://www.cnblogs.com/xzsj/p/xzsj-web-front.html
本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728