[Udemy] Alexandr Bolotnikov - Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML5 ΠΈΠ³Ρ Π½Π° JavaScript ΠΈ Canvas (2019)

Π§Π΅ΠΌΡ Π²Ρ Π½Π°ΡΡΠΈΡΠ΅ΡΡ
ΠΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ HTML5 ΠΈΠ³Ρ Π½Π° JavaScript.
Π Ρ ΠΎΠ΄Π΅ ΠΊΡΡΡΠ° ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ 2 ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈΠ³ΡΡ Ρ Π½ΡΠ»Ρ: Π°ΡΠΊΠ°Π½ΠΎΠΈΠ΄ ΠΈ Π·ΠΌΠ΅ΠΉΠΊΠ°. ΠΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π²Π΅ΡΡ ΠΊΠΎΠ΄ Π½Π° ΡΠΈΡΡΠΎΠΌ JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML5 canvas Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
Π Ρ ΠΎΠ΄Π΅ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ΅ΠΌΡ:
ΠΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΡΠΎΠΉΡΠΈ ΡΡΠΎΡ ΠΊΡΡΡ Π΄ΠΎ Π½Π°ΡΠ°Π»Π° ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ HTML5-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ³Ρ.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΠ³ΡΠΎΠ²ΡΡ JS-Π΄Π²ΠΈΠΆΠΊΠΎΠ² ΡΡΠ°Π½ΡΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ½ΡΡΠ½Π΅Π΅, Ρ.ΠΊ. Π²Ρ ΡΠΆΠ΅ Π±ΡΠ΄Π΅ΡΠ΅ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΠΈ ΡΡΠΎ Π·Π° Π½ΠΈΠΌΠΈ ΡΡΠΎΠΈΡ.
ΠΡΠΈΡΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ!
ΠΠ»Ρ ΠΊΠΎΠ³ΠΎ ΡΡΠΎΡ ΠΊΡΡΡ:

Π§Π΅ΠΌΡ Π²Ρ Π½Π°ΡΡΠΈΡΠ΅ΡΡ
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML5 ΠΈΠ³ΡΡ ΠΡΠΊΠ°Π½ΠΎΠΈΠ΄ Π½Π° ΡΠΈΡΡΠΎΠΌ JavaScript ΠΈ Canvas
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML5 ΠΈΠ³ΡΡ ΠΠΌΠ΅ΠΉΠΊΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ JavaScript ΠΈ Canvas
- ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ°Π±ΠΎΡΡ Ρ HTML5 canvas
- Π·Π°Π³ΡΡΠ·ΠΊΠ°, ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ²
- Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ² Π½Π° ΠΊΠ°Π½Π²Π°ΡΠ΅
- ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΠΎΠ»ΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠΉ
- Π·Π°ΠΏΡΡΠΊ ΠΏΠΎΠΊΠ°Π΄ΡΠΎΠ²ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈΠ· spritesheet
- Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠΎΠ²
- ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈΠ³ΡΡ ΠΏΠΎΠ΄ ΡΠ°Π·Π½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° ΠΈ ΡΠ°Π·Π½ΡΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π°
- ΠΠ»Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ³ΠΎ ΡΡΠ²Π°ΠΈΠ²Π°Π½ΠΈΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΠΊΡΡΡΠ° Π²Π°ΠΌ ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ Π·Π½Π°Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ² HTML ΠΈ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° JavaScript
ΠΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ HTML5 ΠΈΠ³Ρ Π½Π° JavaScript.
Π Ρ ΠΎΠ΄Π΅ ΠΊΡΡΡΠ° ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ 2 ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈΠ³ΡΡ Ρ Π½ΡΠ»Ρ: Π°ΡΠΊΠ°Π½ΠΎΠΈΠ΄ ΠΈ Π·ΠΌΠ΅ΠΉΠΊΠ°. ΠΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π²Π΅ΡΡ ΠΊΠΎΠ΄ Π½Π° ΡΠΈΡΡΠΎΠΌ JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ HTML5 canvas Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ.
Π Ρ ΠΎΠ΄Π΅ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ΅ΠΌΡ:
- ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ°Π±ΠΎΡΡ Ρ HTML5 canvas
- Π·Π°Π³ΡΡΠ·ΠΊΠ°, ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠ° ΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ²
- Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°ΠΉΡΠΎΠ² Π½Π° ΠΊΠ°Π½Π²Π°ΡΠ΅
- ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΡΡΠΎΠ»ΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠΉ
- Π·Π°ΠΏΡΡΠΊ ΠΏΠΎΠΊΠ°Π΄ΡΠΎΠ²ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈΠ· spritesheet
- Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠΎΠ²
- ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈΠ³ΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π°
ΠΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΡΠΎΠΉΡΠΈ ΡΡΠΎΡ ΠΊΡΡΡ Π΄ΠΎ Π½Π°ΡΠ°Π»Π° ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ HTML5-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ³Ρ.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΠ³ΡΠΎΠ²ΡΡ JS-Π΄Π²ΠΈΠΆΠΊΠΎΠ² ΡΡΠ°Π½ΡΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ½ΡΡΠ½Π΅Π΅, Ρ.ΠΊ. Π²Ρ ΡΠΆΠ΅ Π±ΡΠ΄Π΅ΡΠ΅ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΠΈ ΡΡΠΎ Π·Π° Π½ΠΈΠΌΠΈ ΡΡΠΎΠΈΡ.
ΠΡΠΈΡΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ!
ΠΠ»Ρ ΠΊΠΎΠ³ΠΎ ΡΡΠΎΡ ΠΊΡΡΡ:
- ΠΠ°ΡΠΈΠ½Π°ΡΡΠΈΠ΅ JavaScript ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ, ΡΠ²Π»Π΅ΠΊΠ°ΡΡΠΈΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ³Ρ
Π‘ΠΊΡΡΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΠΎΠΉΡΠΈ ΠΈΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.
Π‘ΠΠΠ§ΠΠ’Π¬Π‘ΠΊΡΡΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΠΎΠΉΡΠΈ ΠΈΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.
ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠ΄Π΅ΡΠ°ΡΠΎΡΠΎΠΌ: