前端概况 ​

熟悉的冲浪 ​

请记住，所有呈现出来的浏览器页面，实质都是HTML文件。

一个浏览器页面，有三大部分。

• 页面布局（HTML）
  页面的骨架。由一堆html标签来构成，用以承载后端数据的“书架”。几乎构成了HTML百分百的内容。

• 样式信息（CSS）
  为页面“化妆”。纯粹的骨架是很单调的，就像世界只有黑白两种颜色一样。

• 脚本代码（JavaScript）
  不仅让后端数据按照人的想法来渲染到页面布局上，同时还负责向远程后端要数据。

  HTML、CSS和JavaScript在中文开发社区被称作前端三剑客。要想进行web开发，就必须掌握这三项技术。 其中，HTML、CSS不属于编程语言，它们重要但并不能作为我们入门的重点。编程入门的重心在JavaScript

开发字典 - MDN ​

社区中有非常优秀的文档，MDN无疑是最出众的。当你在学习前端时，请你像使用字典那样来使用它。

学习权重 ​

因为是入门，我们的路线大纲是这样的:

1. HTML和CSS的使用。
2. 从js出发学习基础数据结构和面向对象的编程思想。
3. 从编程思想出发学习响应式前端--现代框架开发。

• html和CSS

  类似打游戏一样，通关几个小游戏，掌握基本使用就好。其中，css的升级版——scss/less会另外做文章

• js重点

  js的内置对象, 数据结构和基础算法。同时直接跳入js的拓展版——TypeScript

• 框架开发

  以react.js为例