Gatsby
ΠΠΠ§ΠΠ«Π
Gatsby
ΠΠΠ§ΠΠ«Π
- Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ
- 10 ΠΠΊΡ 2018
- Π‘ΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ
- 42,113
- ΠΠ°ΠΉΠΊΠΈ
- 178,904
ΠΠ²ΡΠΎΡ: Loftschool
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: Gulp (ΠΠ»Π°Π΄ΠΈΠΌΠΈΡ Π‘Π°Π±Π°Π½ΡΠ΅Π²)
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ:
Π Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡΠ°ΠΌ
ΠΠ°Π½Π½ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ JavaScript, Git, Terminal.
Gulp ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠΌ Π·Π°Π΄Π°Ρ (task runner). Gulp ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠΈΠΏΠΈΡΠ½ΡΡ Π·Π°Π΄Π°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°:
Π·Π°ΠΏΡΡΠΊ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ², ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ², ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ² ΠΈ Π΅ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΡΠΈΠ½Π½ΡΡ Π·Π°Π΄Π°Ρ.
1. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Gulp
1. Π’Π΅ΠΎΡΠΈΡ
2. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
3. ΠΠ΅ΡΠ²ΡΠΉ ΡΠ°ΡΠΊ
2. ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ Ρ Gulp
4. ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ²
5. ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½
6. Π‘Π΅ΡΠΈΡ ΡΠ°ΡΠΊΠΎΠ²
7. Task Default
8. ΠΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅ΠΌ Sass
9. Π‘ΠΊΠ»Π΅ΠΉΠΊΠ° ΡΠ°ΠΉΠ»ΠΎΠ²
10. Π‘Π»Π΅ΠΆΠΊΠ° Π·Π° ΡΠ°ΠΉΠ»Π°ΠΌΠΈ
11. Dev-server
12. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π°Π΄ΡΠ΅Ρ browser-sync
13. ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ ΠΈΠΌΠΏΠΎΡΡ ΡΡΠΈΠ»Π΅ΠΉ
14. ΠΠ²ΡΠΎΠΏΡΠ΅ΡΠΈΠΊΡΡ
15. ΠΠ΅ΡΠ΅ΡΡΠ΅Ρ Π΅Π΄ΠΈΠ½ΠΈΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ
16. ΠΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΠΎΠ²
17. ΠΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ
18. Sourcemaps
19. Π‘Π±ΠΎΡΠΊΠ° JavaScript
20. Π’ΡΠ°Π½ΡΠ»ΡΡΠΈΡ ES6
21. ΠΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ JavaScript
22. ΠΠ΅Π½Π΅ΡΠ°ΡΠΈΡ SVG-ΡΠΏΡΠ°ΠΉΡΠ°
23. Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³Π°
24. ΠΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΡΠ΅ ΡΠ°ΡΠΊΠΈ
25. Dev vs Prod
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: Gulp (ΠΠ»Π°Π΄ΠΈΠΌΠΈΡ Π‘Π°Π±Π°Π½ΡΠ΅Π²)
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ:
Π Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡΠ°ΠΌ
ΠΠ°Π½Π½ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ JavaScript, Git, Terminal.
Gulp ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠΎΠΌ Π·Π°Π΄Π°Ρ (task runner). Gulp ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠΈΠΏΠΈΡΠ½ΡΡ Π·Π°Π΄Π°Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°:
Π·Π°ΠΏΡΡΠΊ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ², ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ², ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ² ΠΈ Π΅ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΡΡΠΈΠ½Π½ΡΡ Π·Π°Π΄Π°Ρ.
1. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Gulp
1. Π’Π΅ΠΎΡΠΈΡ
2. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
3. ΠΠ΅ΡΠ²ΡΠΉ ΡΠ°ΡΠΊ
2. ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ Ρ Gulp
4. ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°ΠΉΠ»ΠΎΠ²
5. ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½
6. Π‘Π΅ΡΠΈΡ ΡΠ°ΡΠΊΠΎΠ²
7. Task Default
8. ΠΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅ΠΌ Sass
9. Π‘ΠΊΠ»Π΅ΠΉΠΊΠ° ΡΠ°ΠΉΠ»ΠΎΠ²
10. Π‘Π»Π΅ΠΆΠΊΠ° Π·Π° ΡΠ°ΠΉΠ»Π°ΠΌΠΈ
11. Dev-server
12. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π°Π΄ΡΠ΅Ρ browser-sync
13. ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ ΠΈΠΌΠΏΠΎΡΡ ΡΡΠΈΠ»Π΅ΠΉ
14. ΠΠ²ΡΠΎΠΏΡΠ΅ΡΠΈΠΊΡΡ
15. ΠΠ΅ΡΠ΅ΡΡΠ΅Ρ Π΅Π΄ΠΈΠ½ΠΈΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ
16. ΠΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΠΎΠ²
17. ΠΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ
18. Sourcemaps
19. Π‘Π±ΠΎΡΠΊΠ° JavaScript
20. Π’ΡΠ°Π½ΡΠ»ΡΡΠΈΡ ES6
21. ΠΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ JavaScript
22. ΠΠ΅Π½Π΅ΡΠ°ΡΠΈΡ SVG-ΡΠΏΡΠ°ΠΉΡΠ°
23. Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³Π°
24. ΠΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΡΠ΅ ΡΠ°ΡΠΊΠΈ
25. Dev vs Prod
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
Π‘ΠΊΡΡΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ!
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠΊΡΡΡΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΠΎΠΉΡΠΈ ΠΈΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.