
目前,IT行业算是一个比较热门的行业,越来越多的IT从业者涌入,我也是前端大军中的一员。话不多说,下面我们来看一下学习前端的必要技能。
核心技术
HTML(5)+css(3)+JavaScript
这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。
HTML
HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。通俗点来说,HTML指的是网页内容。
HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。
XHTML称为可扩展超文本标记语言,也是一种标记语言,表现方式与HTML类似,不过语法上更加严格。
css
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。通俗点来说,CSS指的是网页样式。
CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。
Flex 布局,可以简便、完整、响应式地实现各种页面布局。
JavaScript
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。通俗点来说,js指的是网页逻辑
HTML DOM
HTML DOM定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。
JSON
JSON是JavaScript 对象表示法,是存储和交换文本信息的语法。类似 XML。
git
开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。
es6+
ES6是 JavaScript 语言的下一代标准。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
es6对于初学者来说有一定的难度,刚开始简单过一遍教程,过教程的前提是你已经掌握了一定的js技术,能理解就理解,理解不了先跳过,之后在工作中慢慢学习。
前端框架
互联网发展速度是非常快的,程序员用的前端框架也在不断的迭代和变化,以前大家常用的是JQuery、Bootstrap框架,现在形成React、Vue、Angular三大主流框架,这三个框架各有各的优势,而且较为成熟。刚开始学习,如果发现比较难懂也没有关系,现试着写几个demo,之后在工作中慢慢研究。
本人使用react,也推荐使用react。
在学习完以上技术后,再去了解下相关前端技术,对于初学者,了解下即可,在工作中慢慢研究(毕竟学习完先要找到一份工作,才能有一定的收入来源,吃饱了才有力气去研究嘛)
以下工具对于初学者来说有一定难度
-
webpack
现代 JavaScript 应用程序的静态模块打包器。(我用的是webpack打包,如果要学习其他打包工具请自行百度)
-
babel
JavaScript 编译器。可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持
-
eslint
可组装的JavaScript和JSX检查工具。通俗点来说,就是约定代码规范的一款工具
-
Node.js
一个基于 Chrome V8 引擎的 JavaScript 运行时。
总结
前端入门就分享到这里了,有要加入前端大军的小伙伴可以看下哦!