前端入门

1,748 阅读4分钟

js

目前,IT行业算是一个比较热门的行业,越来越多的IT从业者涌入,我也是前端大军中的一员。话不多说,下面我们来看一下学习前端的必要技能。

核心技术

HTML(5)+css(3)+JavaScript

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。

HTML

HTML教程

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。通俗点来说,HTML指的是网页内容。

HTML5教程

HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。

XHTML教程

XHTML称为可扩展超文本标记语言,也是一种标记语言,表现方式与HTML类似,不过语法上更加严格。

css

css教程

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。通俗点来说,CSS指的是网页样式。

css3教程

CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。

flex布局

Flex 布局,可以简便、完整、响应式地实现各种页面布局。

JavaScript

js教程

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。通俗点来说,js指的是网页逻辑

HTML DOM

HTML DOM教程

HTML DOM定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。

JSON

JSON教程

JSON是JavaScript 对象表示法,是存储和交换文本信息的语法。类似 XML。

git

git廖雪峰教程

开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

es6+

es6教程

ES6是 JavaScript 语言的下一代标准。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

es6对于初学者来说有一定的难度,刚开始简单过一遍教程,过教程的前提是你已经掌握了一定的js技术,能理解就理解,理解不了先跳过,之后在工作中慢慢学习。

前端框架

互联网发展速度是非常快的,程序员用的前端框架也在不断的迭代和变化,以前大家常用的是JQuery、Bootstrap框架,现在形成React、Vue、Angular三大主流框架,这三个框架各有各的优势,而且较为成熟。刚开始学习,如果发现比较难懂也没有关系,现试着写几个demo,之后在工作中慢慢研究。

本人使用react,也推荐使用react。

react教程

vue教程

在学习完以上技术后,再去了解下相关前端技术,对于初学者,了解下即可,在工作中慢慢研究(毕竟学习完先要找到一份工作,才能有一定的收入来源,吃饱了才有力气去研究嘛)

以下工具对于初学者来说有一定难度

  1. webpack

    webpack教程

    现代 JavaScript 应用程序的静态模块打包器。(我用的是webpack打包,如果要学习其他打包工具请自行百度)

  2. babel

    babel教程

    JavaScript 编译器。可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持

  3. eslint

    eslint教程

    可组装的JavaScript和JSX检查工具。通俗点来说,就是约定代码规范的一款工具

  4. Node.js

    Node.js教程

    一个基于 Chrome V8 引擎的 JavaScript 运行时。

总结

前端入门就分享到这里了,有要加入前端大军的小伙伴可以看下哦!