学习前端从哪开始？看这篇就够了！！！
- 来到这篇博客的你多多少少对前端是喜欢的，不要否认（鬼脸）< _ >
- 有很多同学想踏入前端这个神奇而又神奇的队伍，但又不知从什么地方开始学习（盘）前端知识，在这里简单的提供一些建议和学习资料，希望各位同学从入门到提升（bu shi fang qi）!
- 前端需要掌握的知识体系大致为： CSS(3)、HTML(5)、JavaScript、jQuery、node.js、Vue/React/Angular三大前端框架、webpack/gulp等前端工程化工具、小程序开发等，但所有的基础都离不开CSS、HTML以及JavaScript
- 如果将一个页面（应用）作为一个人来说，HTML便是人的骨架（头、胳膊、手臂、脚等），CSS是人的外貌（肤色、身高、体重等），而javascript则为人的行为（静止、走、跑、哭、笑等）！是不是已经明白三者之间的关系了，那就让我们详细了解这个零件是怎样组合起来的。
HTML
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是骨架，顾名思义就是起支撑整个躯体的作用。
相关教程可以参考菜鸟教程-HTML
CSS
层叠样式表（英语：Cascading Style Sheets，简写CSS）,CSS是对骨架HTML的修饰作用，想想如果没有肤色、身高、体重等体征的骨架是多么怕怕~~
相关教程可以参考菜鸟教程-CSS
JavaScript
层叠样式表（英语：Cascading Style Sheets，简写CSS）,有了骨架HTML和样式修饰CSS之后还是远远不够的，我们总想着有一个具备行为能力的人陪着我们，而不是一张照片，所以我们就得尝试着让照片动起来，这个时候就需要JavaScript出现来满足我们孤独的内心。
相关教程可以参考菜鸟教程-JavaScript
举一个HTML+CSS+ JavaScript简单的🌰，尝尝鲜：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hello World!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.hello{
color: red;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<h2 class="hello">添加样式</h2>
<button id="btn">点击我</button>
<!-- js需要在文档加载完成后引入，不然无法绑定事件，因为找不到元素 -->
<script>
document.getElementById('btn').onclick = function(){
this.innerHTML = '我被点击了'
}
</script>
</body>
</html>
jQuery
jQuery is a fast, small, and feature-rich JavaScript library.这是官网给出的解释。jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。
相关教程可以参考jQuery官网 菜鸟教程-jQuery
例如上面🌰中的点击事件，jQuery这样实现，是不是很简单～
$( "btn" ).on( "click", function( ) {
$(this).html('我被点击了);
});
基础知识先可以准备这些，牢固的地基是稳步前进的基础！后续再添加更多学习技能学习途径。有急需了解的可在评论区留言，酌情添加新文章共同学习！
