前端概况
放在开头
字典级文档 - MDN文档
闯关类教程 - FreeCodeCamp
熟悉的冲浪
请记住,所有呈现出来的浏览器页面,实质都是HTML文件。
一个浏览器页面,有三大部分。
页面布局(
HTML
)
页面的骨架。由一堆html标签来构成,用以承载后端数据的“书架”。几乎构成了HTML百分百的内容。样式信息(
CSS
)
为页面“化妆”。纯粹的骨架是很单调的,就像世界只有黑白两种颜色一样。脚本代码(
JavaScript
)
不仅让后端数据按照人的想法来渲染到页面布局上,同时还负责向远程后端要数据。HTML
、CSS
和JavaScript
在中文开发社区被称作前端三剑客
。要想进行web开发,就必须掌握这三项技术。 其中,HTML、CSS不属于编程语言,它们重要但并不能作为我们入门的重点。编程入门的重心在JavaScript
开发字典 - MDN
社区中有非常优秀的文档,MDN
无疑是最出众的。当你在学习前端时,请你像使用字典那样来使用它。
文档链接
Mozilla开发者文档 -- YYDS(永远滴神)!
学习权重
因为是入门,我们的路线大纲是这样的:
- HTML和CSS的
使用
。 - 从js出发学习
基础数据结构和面向对象的编程思想
。 - 从编程思想出发学习
响应式
前端--现代框架开发。
html和CSS
类似打游戏一样,通关几个小游戏,掌握基本使用就好。其中,css的升级版——
scss/less
会另外做文章js重点
js的内置对象, 数据结构和基础算法。同时直接跳入js的拓展版——
TypeScript
框架开发
以
react.js
为例