Marcarlo ahora, decir gracias en un año. Al final de cada paso hay enlaces para lectura extracurricular.
![Lo que necesita saber para recibir un salario de 100 mil](https://habrastorage.org/getpro/habr/post_images/e88/e0e/66e/e88e0e66e939388b790837ed066a6bfb.gif)
1. Conozca el desarrollo web
![Etapa 1 situaciĂłn](https://habrastorage.org/getpro/habr/post_images/bc3/ce7/82d/bc3ce782de76d1d7501c35fe0cf01188.png)
DuraciĂłn de la etapa: 1 mes.
Qué aprender en esta etapa.
- Estructura HTML.
- Diferencias frontend y backend.
- Marcado y tipografĂa.
- Cómo diseñar una pågina por diseño.
- CĂłmo poner enlaces e incrustar imĂĄgenes.
- Conceptos bĂĄsicos de CSS: reglas, selectores, propiedades y cascada.
- , JavaScript.
, . JavaScript , , . . â , . , .
![Pros y contras de diferentes fuentes](https://habrastorage.org/getpro/habr/post_images/cc8/aa8/c2b/cc8aa8c2b0a7709fb5376470046aad3d.png)
. â . , , PHP.
. , - ( -).
?
2.
![Etapa 2 situaciĂłn](https://habrastorage.org/getpro/habr/post_images/c72/e2e/f29/c72e2ef29d25ff93540244e42785768d.png)
: 2 .
, , .
. , â , , - . , . , , , , . StackOverflow.
. . , .
. , , , â .
. , -, . , .
, . â , .
![Boceto sobre bombeo](https://habrastorage.org/getpro/habr/post_images/6cd/4d7/116/6cd4d71162d40bf4ea79791772a952d3.png)
?
3.
![Etapa 3 condiciĂłn](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. -
![CondiciĂłn de la etapa 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 .
- - .
- ( ).
- / -
( ). - .
- .
- .
- .
- , .
- .
, , ? â ?