Π’Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π² Π²ΠΈΠ΄Π΅ΠΎΡ‚Π΅ΠΊΡƒ

🎧 ΠŸΡƒΠ±Π»ΠΈΡ‡Π½ΠΎΠ΅ собСсСдованиС #4: JavaScript, Python, async ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, React, Node, ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹

ΠŸΡƒΠ±Π»ΠΈΡ‡Π½ΠΎΠ΅ собСсСдованиС ΠΏΠΎ JavaScript/Node.js с Ρ€Π°Π·Π±ΠΎΡ€ΠΎΠΌ Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅ΠΌ, React, сСрвСрной Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ ΠΈ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ΠΎΠ². Π—Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ΡΡ рСкомСндациями ΠΏΠΎ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΎΡ‚ middle ΠΊ Π±ΠΎΠ»Π΅Π΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌ ролям.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Timur Shemsedinov

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° YouTube

Π’Π°ΠΉΠΌΠ»Π°ΠΉΠ½

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΎ ΠΎ Π²ΠΈΠ΄Π΅ΠΎ

ΠŸΡƒΠ±Π»ΠΈΡ‡Π½ΠΎΠ΅ тСхничСскоС собСсСдованиС с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с JavaScript, Node.js ΠΈ Express, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Ρ‘Ρ‚ Python, HTML ΠΈ CSS. БобСсСдованиС ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ области видимости ΠΈ контСксты JavaScript, Π°ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½Π½ΠΎΡΡ‚ΡŒ, React, Ρ€ΠΎΡƒΡ‚ΠΈΠ½Π³ Π² Node.js, кластСры ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ проСктирования. Π’ Ρ„ΠΈΠ½Π°Π»Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽΠ΅Ρ€ ΠΎΡ†Π΅Π½ΠΈΠ²Π°Π΅Ρ‚ ΠΊΠ°Π½Π΄ΠΈΠ΄Π°Ρ‚Π° ΠΊΠ°ΠΊ способного Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ практичСскиС Π·Π°Π΄Π°Ρ‡ΠΈ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ middle, Π½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ ΠΊΡ€ΡƒΠ³ΠΎΠ·ΠΎΡ€ Ρ‡Π΅Ρ€Π΅Π· Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ.

Π—Π°Ρ‚Ρ€ΠΎΠ½ΡƒΡ‚Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹

Π§Ρ‚ΠΎ Π²Π·ΡΡ‚ΡŒ Π½Π° Π·Π°ΠΌΠ΅Ρ‚ΠΊΡƒ

  • Для сравнСния JavaScript ΠΈ Python Π²Π°ΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΡŽ, Π½ΠΎ ΠΈ различия Π² ΠΏΡ€Π°Π²ΠΈΠ»Π°Ρ… областСй видимости: Π±Π»ΠΎΠΊΠΈ JavaScript ΡΠΎΠ·Π΄Π°ΡŽΡ‚ scope, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π² Python ΠΊΠ»ΡŽΡ‡Π΅Π²ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ ΠΈΠ³Ρ€Π°ΡŽΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.
  • К асинхронности Π² JavaScript стоит Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π΅Π· callbacks, Promise, async/await, EventEmitter, Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈ async-Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹; ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊΠΈ исполнСния threads ΠΈ ΠΏΠΎΡ‚ΠΎΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… streams.
  • Π’ React Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π°, Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒ сохранСниС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Ρ‡Π΅Ρ€Π΅Π· useRef, ΠΌΠ΅ΠΌΠΎΠΈΠ·Π°Ρ†ΠΈΡŽ Ρ‡Π΅Ρ€Π΅Π· useMemo ΠΈ React.memo, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΏΡƒΡ‚Π°Ρ‚ΡŒ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ DOM с Shadow DOM Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ².
  • Для глобальной Ρ‚Π΅ΠΌΡ‹ интСрфСйса ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ состояниСм React/Redux/Context ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ CSS-класса Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅; Π²Ρ‹Π±ΠΎΡ€ зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, мСняСтся Π»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π»ΠΎΠ³ΠΈΠΊΠ° ΠΈ структура UI.
  • Π ΠΎΡƒΡ‚ΠΈΠ½Π³ Π² Node.js ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· Express Router, ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€Ρ‹ ΠΈ middleware, прокси Nginx, Π΄Π΅Ρ€Π΅Π²ΠΎ ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²; ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽΠ΅Ρ€ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ совСтуСт Π½Π΅ Π·Π°Π²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠΊΠ»Π°Π΄Π½ΡƒΡŽ Π»ΠΎΠ³ΠΈΠΊΡƒ Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ способ ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ.
  • По словам ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽΠ΅Ρ€Π°, ΠΏΠΎΠ»Π΅Π·Π½Π΅Π΅ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Node.js ΠΈ Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… Π΄ΠΎΠΌΠ΅Π½ΠΎΠ², Ρ‡Π΅ΠΌ ΡƒΠ·Π½Π°Π²Π°Ρ‚ΡŒ ΠΎ child_process, cluster, worker-процСссах ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… API Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΌΠΎΠΌΠ΅Π½Ρ‚ срочной Π·Π°Π΄Π°Ρ‡ΠΈ.
  • Для JavaScript особСнно ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ Observer, Chain of Responsibility, Command, Adapter, Facade, Strategy ΠΈ композиция; Ρ€Π΅Π΄ΠΊΠΈΠ΅ ΠΈΠ»ΠΈ малоизвСстныС ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ стоит Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΎΠ±Ρ‰Π΅ΠΉ понятности ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π°.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ

1 Ρ‡ 16 ΠΌΠΈΠ½
Π Π°Π·Π½ΠΎΠ΅

ВСстовоС собСсСдованиС с подписчиком: JS, Next.js, Nest.js, React.js, Node.js, SQL

Π—Π°ΠΏΠΈΡΡŒ тСстового собСсСдования ΠΏΠΎ full-stack JavaScript-стСку с тСорСтичСскими вопросами ΠΈ двумя практичСскими Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ. Π Π°Π·Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ Node.js, NestJS, SQL, Next.js, React ΠΈ основы JavaScript.

1 Ρ‡ 58 ΠΌΠΈΠ½
Π Π°Π·Π½ΠΎΠ΅

ВСстовоС собСсСдованиС с подписчиком JavaScript, TypeScript, Node.js, Next.js, React.js, Git, Prisma

ΠŸΡ€ΠΎΠ±Π½ΠΎΠ΅ тСхничСскоС собСсСдованиС для JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° с вопросами ΠΏΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Ρƒ, Node.js, ORM ΠΈ Git, Π° Ρ‚Π°ΠΊΠΆΠ΅ с live coding ΠΈ ΠΈΡ‚ΠΎΠ³ΠΎΠ²ΠΎΠΉ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связью.

58 ΠΌΠΈΠ½
Π Π°Π·Π½ΠΎΠ΅

System Design с Π’Π°Π»Π΅Ρ€ΠΈΠ΅ΠΌ Π‘Π°Π±ΡƒΡˆΠΊΠΈΠ½Ρ‹ΠΌ | Выпуск 1 | БобСсСдованиС | karpov.courses

Π Π°Π·Π±ΠΎΡ€ Π·Π°Π΄Π°Ρ‡ΠΈ проСктирования глобального URL shortener Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ System Design-собСсСдования. Участники Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ пространство, ΠΏΠ°ΠΌΡΡ‚ΡŒ ΠΈ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ, Π° Π·Π°Ρ‚Π΅ΠΌ строят ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ сСрвиса.