1、超文本标记语言(HTML)
HTML是任何网页工程程序的骨架,没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展,在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5,在2014年0月28日被W3C所推出。
这一版本包含了新的并且高效的方式来传输元素,例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比,HTML5有很多特点。随着HTML的发展,在网络中产生了一场革命。
2、层叠样式列表(CSS)
CSS控制了站点的样子,让站点有自己独有的外观。其实现形式是:保证样式列表先于其他的样式规则,由其他的输入形式所影响,例如屏幕的尺寸和分辨率。
3、JavaScript
JavaScript(简称JS)是基于场景的命令式语言(和HTML的说明性语言不同),用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型(DOM),来根据事件,例如用户的输入,操纵网络页面。
JS使用一种被称为异步JavaScript和XML的技术(AJAX),JS代码也能动态的改变网页的内容(与原始的HTML页面端相独立),并且也能回应服务端的事件,让网页体验增加了真正动态的特性。
JS中有很多流行的开发框架,帮助开发者快速构建web页面,比如Vue.js、Angular、React都是很流行的框架,拥有大批忠实的用户。
4、操作系统
了解Unix和Linux的基本知识,对于开发人员有益无害。
5、网络服务器
了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。
学习前端开发技术的方式有两种:自学和前端培训,现在有很多小伙伴在选择前端开发技术知识的学习方式方面,义无反顾的选择了自学前端开发技术知识,因为自学的方式学习时间由自偶分配,学习费用是比较低的。
对于零基础小伙伴来讲,自学前端开发技术入门是没有什么问题,不过自学的方式并不适合所有人,所以小伙伴还需要清楚的了解自身的基本情况,理性选择适合自己的学习方式。那小伙伴该如何自学前端开发技术知识呢?
1.制定适合自己的学习路线
小伙伴在自学前端开发技术之前,要大体了解一下前端开发技术是干什么的和企业的需求,之后再根据自己所了解的制定一套比较完善的学习路线,根据学习路线进行学习前端开发技术,可以有效的提高学习主动能力。
2.找到合适的前端视频来学习
自学前端开发方式无非也就是视频、看书、网课,在这几种自学方式中,小伙伴更倾向于前端视频学习,因为视频教学既满足了费用低,还可以满足小伙伴学习知识结构的丰满度的条件,但是小伙伴在选择前端视频的时候,尽量选择讲解比较详细,后续附有大量案例讲解的视频去学习。
3.项目实战案例练习
这一点是自学小伙伴最容易忽略的,也是为什么有的自学完之后找不到工作的原因之一,因此小伙伴在自学过程中,要加强项目实战案例的练习,积累更多的项目实战经验,在找工作的时候不至于处于劣势。
4.多交流
小伙伴可以和周围从事前端开发的朋友进行交流,学习别人的编程思路,然后融合到自己的编程思维当中来,还可以通过多交流的方式学习解决问题的方法。
零基础小伙伴自学前端开发技术可能会有一定的难度,因此,偶比较建议零基础小伙伴选择前端培训来获得开发技术知识。尚硅谷前端培训班是一家比较靠谱的全程面授教学,以理论实践相结合的教学方式,让小伙伴在学习前端开发技术知识的同时,积累更多的项目实战经验!
黑马程序员web前端中级程序员学习路线图,含配套视频,前端工具,源码等。
黑马程序员学习路线图及能掌握的能力(总,以下会分阶段,加上配套学习视频,小伙伴可继续往下看!)
第一阶段:HTML5+css
配套学习视频:
前端小白零基础入门HTML5+CSS3
第二阶段:移动web网页开发
配套学习视频:
2018移动web进阶教程
第三阶段:JavaScript网页编程
配套学习视频:
前端与移动开发基础入门到精通
javaScript零基础通关必备教程
第四阶段:Node.js与Ajax
配套学习视频:
Nodejs教程精讲
ajax从入门到精通
第五阶段:vue.js项目实战
配套学习视频:
4小时+5个拣选案例让你快速入门Vue.js
2018年Vue.js深入浅出教程
第六阶段:微信小程序
配套学习视频:
一天教你打造企业级微信小程序
微信小程序-个人语音接口功能
分分钟快速入门小程序开发
零基础玩转微信小程序
2小时轻松实现人脸识别的小程序
第七阶段:React.js项目实战
配套学习视频:
Reactjs入门教程
ReactJs精品教程
第八阶段:框架阶段与原理
第九阶段:移动APP开发
第十阶段:node.js进阶
第十一阶段:可视化游戏
第十二段阶段:架构与运维
还有前端免费工具下载
另外,关注加转发,然后私聊偶发送:前端,就能获得上面这些资源咯。