Tandai sekarang, ucapkan terima kasih dalam setahun. Di akhir setiap langkah ada tautan untuk membaca ekstrakurikuler.
![Yang perlu Anda ketahui untuk menerima gaji 100 ribu](https://habrastorage.org/getpro/habr/post_images/e88/e0e/66e/e88e0e66e939388b790837ed066a6bfb.gif)
1. Mengenal pengembangan web
![Situasi tahap 1](https://habrastorage.org/getpro/habr/post_images/bc3/ce7/82d/bc3ce782de76d1d7501c35fe0cf01188.png)
Durasi panggung: 1 bulan.
Apa yang harus dipelajari pada tahap ini.
- Struktur HTML.
- Perbedaan frontend dan backend.
- Markup dan tipografi.
- Cara tata letak halaman dengan tata letak.
- Cara memasang tautan dan menyematkan gambar.
- Dasar-dasar CSS - aturan, penyeleksi, properti, dan cascading.
- , JavaScript.
, . JavaScript , , . . — , . , .
![Pro dan kontra dari berbagai sumber](https://habrastorage.org/getpro/habr/post_images/cc8/aa8/c2b/cc8aa8c2b0a7709fb5376470046aad3d.png)
. — . , , PHP.
. , - ( -).
?
2.
![Situasi tahap 2](https://habrastorage.org/getpro/habr/post_images/c72/e2e/f29/c72e2ef29d25ff93540244e42785768d.png)
: 2 .
, , .
. , — , , - . , . , , , , . StackOverflow.
. . , .
. , , , — .
. , -, . , .
, . — , .
![Sketsa tentang memompa](https://habrastorage.org/getpro/habr/post_images/6cd/4d7/116/6cd4d71162d40bf4ea79791772a952d3.png)
?
3.
![Kondisi tahap 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. -
![Kondisi tahap 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 .
- - .
- ( ).
- / -
( ). - .
- .
- .
- .
- , .
- .
, , ? — ?