早上好，夜之城，我是你们的老朋友周末哥，今天我来分享一下个人经验，如何成为全栈糕手-前端篇

炼气期HTML&CSS（1-2周）

首先我们需要学习html和css，他们是构建用户界面的基础，html搭建了界面的结构，css则是用来美化html让它美丽动人，就像女娲造人，html就是人的骨架，css就是人的皮肤，可以说用户界面是美是丑就看css了！

这个阶段学习难度不高，但是html和css和核心概念和运行逻辑要搞懂，css的各个属性都需要过一遍

html入门教程：菜鸟教程 css入门教程：菜鸟教程

筑基期JavaScript（2-4周以上）

到了这个阶段难度陡然上升，大部分学习者都倒在了这里。就像小说里一样大部分都过不了筑基期，因为确实太难了

JavaScript简称js，是一门运行在浏览器的弱类型脚本语言,有了js用户界面就不只是有形，而是能够承载许多复杂的功能，就像这个网站，你点击各个按钮，跳转到对应的界面这些都是由js控制。

刚刚我们说道html和css就像人的骨架和皮肤，那么JavaScript就好比是人的魂，他能够传达界面创作者的所思所想，学会了js，就有成为艺术家的潜质🖼️

学习js有很多很多的网站，我只推荐MDN，因为用什么网站学习不是关键，耐心才是

JavaScript入门教程：MDN

当你点开这个网站，你可能会有一个问题，这么长的一篇教程，到底要学到什么程度？到底还有没有机会筑基❓

😎有的兄弟，有的！首先你要把教程里的“指南”和“中级”部分看完,然后掌握下面的知识点。

  1. 变量与数据类型：let/const/var 区别、Number/String/Boolean/Array/Object/Null/Undefined 用法，尤其是数组常用方法（forEach、map、filter、find、reduce）；
  2. 逻辑控制：if-else、switch、for/while 循环、三元运算符
  3. 函数：普通函数、箭头函数、参数默认值、返回值
  4. ES6+ 基础：解构赋值、模板字符串、扩展运算符（...）、let/const 块级作用域（替代 var）

不过总的来说，js这一部分很重要，没学过其他语言的话，多花点时间看看准没错^^

筑基中期TypeScript（1周左右）

🎊congratulations🎊 恭喜你筑基成功！接下来，我们继续变强

js是一个弱类型语言，弱类型语言就是的标志就是类型不固定，并且转换是隐式的，刚刚它告诉你我是string，下一行代码它就悄悄变成number了！就像，就像一个浪子！ 

// 同一个变量 a，可随时切换类型，无需任何声明
let a = 10;       // 此时 a 是数字类型
a = "hello";      // 后续可改成字符串类型，不报错
a = [1, 2, 3];    // 再改成数组类型，依然合法
a = { name: "张三" }; // 还能改成对象类型

回到正题，typescript简称TS，他的类型是固定的，就像Java那样，在使用变量前你必须指定他的类型，并且不能随意切换

// TypeScript（强类型）：声明时必须指定类型，后续不能改
let a: number = 10; // 明确 a 是数字类型
a = "hello"; // 报错！类型不匹配，不能把字符串赋值给数字类型变量

所以说，TS就是用来约束js,是js的高级版，用官方的术语来说js的超集，他的学习难度很大程度上取决于你的js学习的如何，和有没有学习过其他的强类型语言。如果没有可能你需要把整个文档都看一遍。好好学习，保持耐心，马上就要筑基后期了！

你可能正在想为什么要学习TS？答案也很简单，为了多人协作，为了未来

typescript入门教程

筑基后期 Nodejs (2周+)

loading...

0 / 10
0 / 30