JavaScript

Основная тСхнология

Π―Π·Ρ‹ΠΊ программирования для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²Π΅Π±-страниц. Основа соврСмСнной Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ с 9+ Π³ΠΎΠ΄Π°ΠΌΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°.

85%
Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ владСния
9+ Π»Π΅Ρ‚
ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚
ES6+
Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ стандарты

О JavaScript

JavaScript - это язык программирования для Π²Π΅Π±Π°, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΈ динамичСский ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚. ΠžΡ‚ простых манипуляций с DOM Π΄ΠΎ слоТных одностраничных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, JavaScript прСвратился Π² ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ язык, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΈΡ‚Π°Π΅Ρ‚ ΡΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π²ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π΅, бэкСндС ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ особСнности ΠΈ ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡ

  • Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ синтаксис ES6+ - Π‘Ρ‚Ρ€Π΅Π»ΠΎΡ‡Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, классы, ΠΌΠΎΠ΄ΡƒΠ»ΠΈ, дСструктуризация
  • АсинхронноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ - ΠŸΡ€ΠΎΠΌΠΈΡΡ‹, async/await, Ρ†ΠΈΠΊΠ» событий
  • ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΡ DOM - ДинамичСскоС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ взаимодСйствия
  • ΠšΡ€ΠΎΡΡ-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ - Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€, сСрвСр (Node.js), ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ (React Native)
  • Богатая экосистСма - NPM ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΈ инструмСнты
  • БистСмы Ρ‚ΠΈΠΏΠΎΠ² - Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ TypeScript для ΠΊΡ€ΡƒΠΏΠ½ΠΎΠΌΠ°ΡΡˆΡ‚Π°Π±Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅

JavaScript Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ для создания соврСмСнных Π²Π΅Π±-интСрфСйсов:

  • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ интСрфСйсы ΠΈ динамичСский ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚
  • ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹Π΅ прилоТСния (SPA) с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ
  • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ WebSocket ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΈ
  • Валидация Ρ„ΠΎΡ€ΠΌ ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π²Π²ΠΎΠ΄Π°
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ API ΠΈ визуализация Π΄Π°Π½Π½Ρ‹Ρ…
  • ΠŸΡ€ΠΎΠ³Ρ€Π΅ΡΡΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-прилоТСния (PWA) ΠΈ ΠΎΡ„Ρ„Π»Π°ΠΉΠ½-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Мой ΠΏΡƒΡ‚ΡŒ Π² JavaScript

Начал Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с JavaScript Π² 2015 Π³ΠΎΠ΄Ρƒ, ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ для Π±Π°Π·ΠΎΠ²Ρ‹Ρ… манипуляций с DOM ΠΈ Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΠΈ Ρ„ΠΎΡ€ΠΌ. Π—Π° 9+ Π»Π΅Ρ‚ ΠΏΡ€ΠΎΡˆΠ΅Π» ΠΏΡƒΡ‚ΡŒ ΠΎΡ‚ эры jQuery Π΄ΠΎ соврСмСнной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½Π° ES6+, освоив Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ JavaScript для слоТных Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

ΠžΡ‚ jQuery ΠΊ соврСмСнному JS

ΠŸΠ΅Ρ€Π΅ΡˆΠ΅Π» ΠΎΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½Π° jQuery ΠΊ соврСмСнному Π²Π°Π½ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ JavaScript ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌ, приняв возмоТности ES6+ ΠΈ соврСмСнныС ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Π­Π²ΠΎΠ»ΡŽΡ†ΠΈΡ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ²

Π Π°Π±ΠΎΡ‚Π°Π» с мноТСством JavaScript Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΡΡΡŒ ΠΊ измСнСниям экосистСмы ΠΏΡ€ΠΈ сохранСнии основной ΠΊΠΎΠΌΠΏΠ΅Ρ‚Π΅Π½Ρ†ΠΈΠΈ Π² JavaScript.

ВСхничСская экспСртиза

Π“Π»ΡƒΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ основ JavaScript Π² сочСтании с практичСским ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ ΠΈ сцСнариями Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Π½Π°Π²Ρ‹ΠΊΠΈ JavaScript

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ синтаксис ES6+
АсинхронноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΡ DOM ΠΈ события
ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎ-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ошибок ΠΈ ΠΎΡ‚Π»Π°Π΄ΠΊΠ°
ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ
Browser API ΠΈ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π°
БистСмы ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈ сборщики

ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ

Замыкания ΠŸΡ€ΠΎΠΌΠΈΡΡ‹ Async/Await ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ Π¦ΠΈΠΊΠ» событий Web Workers

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅

  • ΠžΡ‚Π»Π°Π΄ΠΊΠ° - Chrome DevTools, консоли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², инструмСнты ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ
  • ВСстированиС - Jest, Mocha, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ тСстирования
  • Π‘Π±ΠΎΡ€ΠΊΠ° - Webpack, Vite, ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Ρ‹ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² (npm, yarn)
  • Π›ΠΈΠ½Ρ‚ΠΈΠ½Π³ - ESLint, Prettier для качСства ΠΊΠΎΠ΄Π°
  • БистСмы Ρ‚ΠΈΠΏΠΎΠ² - TypeScript для типобСзопасной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

ΠžΠΏΡ‹Ρ‚ с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ

Π’Π»Π°Π΄Π΅Π½ΠΈΠ΅ соврСмСнными Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ

ΠžΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с основными JavaScript Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… случаСв использования:

ЭкосистСма Vue.js

Vue 2/3, Vue Router, Pinia/Vuex, Composition API. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

React ΠΈ экосистСма

React Hooks, Context API, React Router, ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ управлСния состояниСм.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ инструмСнты

jQuery Axios Lodash Chart.js Alpine.js D3.js Three.js GSAP

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ GitHub

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ JavaScript ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Π½Ρ‹Π΅ аспСкты языка ΠΈ экосистСмы:

Π—Π½Π°Ρ‡ΠΈΠΌΡ‹Π΅ JavaScript ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹

  • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π΄Π°ΡˆΠ±ΠΎΡ€Π΄Ρ‹ - Визуализация Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ с Chart.js ΠΈ D3.js
  • SPA прилоТСния - ΠžΠ΄Π½ΠΎΡΡ‚Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹Π΅ прилоТСния Π½Π° Vue.js ΠΈ React
  • ΠžΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ„ΠΎΡ€ΠΌ - БлоТная ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ„ΠΎΡ€ΠΌ с Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΠ΅ΠΉ ΠΈ динамичСскими полями
  • API ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ - JavaScript прилоТСния, ΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡŽΡ‰ΠΈΠ΅ REST ΠΈ GraphQL API
  • АнимационныС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ - Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ с использованиСм GSAP ΠΈ CSS ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ²

Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ владСния

ΠžΠ±Ρ‰ΠΈΠΉ JavaScript 85%
Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ JS ES6+ 90%
ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΡ DOM 88%
АсинхронноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ 82%
Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ 80%

БыстрыС Ρ„Π°ΠΊΡ‚Ρ‹

ΠžΠΏΡ‹Ρ‚: 9+ Π»Π΅Ρ‚
ВСрсия: ES6+
ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹: 40+
Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ: Vue, React
ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹: Π’Π΅Π±, ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅

ЗаинтСрСсованы Π² сотрудничСствС?

Π“ΠΎΡ‚ΠΎΠ² ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ JavaScript ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΡΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ

Π‘Π²ΡΠ·Π°Ρ‚ΡŒΡΡ со ΠΌΠ½ΠΎΠΉ