立即为其添加书签,在一年之内说谢谢。每个步骤的末尾都有用于课外阅读的链接。
![您需要知道的才能获得10万的薪水](https://habrastorage.org/getpro/habr/post_images/e88/e0e/66e/e88e0e66e939388b790837ed066a6bfb.gif)
1.了解Web开发
![第一阶段的情况](https://habrastorage.org/getpro/habr/post_images/bc3/ce7/82d/bc3ce782de76d1d7501c35fe0cf01188.png)
阶段持续时间:1个月。
在此阶段学习什么。
- HTML结构。
- 前端和后端之间的差异。
- 标记和版式。
- 如何按布局布局页面。
- 如何放置链接和嵌入图像。
- CSS基础-规则,选择器,属性和级联。
- , JavaScript.
, . JavaScript , , . . — , . , .
![不同来源的利弊](https://habrastorage.org/getpro/habr/post_images/cc8/aa8/c2b/cc8aa8c2b0a7709fb5376470046aad3d.png)
. — . , , PHP.
. , - ( -).
?
2.
![第二阶段情况](https://habrastorage.org/getpro/habr/post_images/c72/e2e/f29/c72e2ef29d25ff93540244e42785768d.png)
: 2 .
, , .
. , — , , - . , . , , , , . StackOverflow.
. . , .
. , , , — .
. , -, . , .
, . — , .
![关于抽水的草图](https://habrastorage.org/getpro/habr/post_images/6cd/4d7/116/6cd4d71162d40bf4ea79791772a952d3.png)
?
3.
![第三阶段条件](https://habrastorage.org/getpro/habr/post_images/e50/d23/d6a/e50d23d6a2d0e78a43ff3acf6c5e7078.png)
: .
- , - . .
. , — , , . 2 3 , , .
— /. , — .
:
JavaScript. , : , , , , , .
:
:
- HTTP: XML, JSON, JSONP, XMLHttpRequest
- REST API
- DRY
( JavaScript):
- (LESS, SASS)
- Gulp WebPack
- Git
- Figma Photoshop
- Chrome DevTools
. — , , , .
, .
.
- . Space Invaders, Pacman - Atari 2600. - ( ).
- . .
- . .
- -. , .
. 25-45 ( ) . , JavaScript — 40-75 . , , , .
4. ,
: , .
. , . , .
, . IT , . , . , - .
5. -
![阶段5条件](https://habrastorage.org/getpro/habr/post_images/9f7/509/6b4/9f75096b468ede8d829525a398b85ce2.png)
: 1-3 , .
JavaScript — ( ).
. — React, Angular, Vue.js, Ember.js Meteor. — Yii2, Laravel, Symfony, Django Flask.
JavaScript, , Express.js — Node.js.
. . , Vue.js React, . , .
. - React — , . , , . — .
. — React- 100 . , .
— . .
?
6.
: .
, — , .
. ( ), 3 , .
, — - , , , . , , .
. , , , - . - , - .
, , , — - .
. — , , . , .
?
7.
: .
. — , , . — .
, . . , - ----, .
. . , , , , 5. — . .
?
8.
: .
, .
. . , . . , , .
. , , .
, , — . .
— . , , , .
, . — , . , , — .
100 .
- - .
- ( ).
- / -
( ). - .
- .
- .
- .
- , .
- .
, , ? — ?