🏆 Telegram Contest for JavaScript Developers, Round 1

Prize fund: $30,000
Deadline: 23:59 on February 21 (Dubai time)
Who can participate: Everyone
Results: March 2025

Telegram is hosting a contest for JavaScript developers to implement a new feature in Telegram Web A and enhance the existing part of the app.

THE TASK

1. Rework the existing text editor from scratch and eliminate its imperfections:
– Ensure proper support for edit history (Ctrl+Z / Cmd+Z doesn’t work as intended as of now).
– Add support for editing quotes.
– Add support for Markdown syntax.
– Currently, RegExp is used for parsing Markdown, which sometimes causes glitches. Implement an AST-based approach to support all Telegram formatting entities more reliably.

2. Introduce the new Chat Folders appearance based on the provided mockups.
___

Contest Requirements:
– No third-party frameworks and libraries are allowed.
– The changes you introduce must not affect the app’s performance or stability.
– The submission must be consistent with the existing Web A codebase.
– Your implementation must work flawlessly on mobile and desktop Chrome (across Linux, macOS, Windows) and Safari on iOS and macOS.

❗Your app must precisely follow the provided design mockups.

Bonus Task:
Add support for animated chat backgrounds as in other Telegram apps. For reference, check Telegram Web K or this.

Submissions:
Contestants will be able to submit their entries to @ContestBot at a later date. We will further clarify the submission instructions closer to the deadline.

P.S. Winners may be offered a chance to explore further opportunities with Telegram.

https://programmingarehard.com/2025/01/13/maybe-dont-navigate-1.html/

Eloquent JavaScript, 4th edition (2024)

https://eloquentjavascript.net/

Dasturlash sohasida networking qilish, ya’ni tanish-bilish orttirish juda muhim. Ish qidirib yurgan insonlar koʻp holatda yaxshi imkoniyatlarni tanishlari orqali topadi. Xoʻsh qayerdan tanish-bilish orttiraman desangiz: koʻchaga chiqing, yashil maysani ushlang, oʻzingizga oʻxshagan dasturchilar yigʻiladigan suhbatlarga boring.

Ha aytgancha, yaqinda boʻlib oʻtishi kutilayotgan GDG dev fest ham juda yaxshi imkoniyat.
Oʻzimiznikilardan, Azimjon va Vohid aka speaker boʻlar ekan. Va bir qancha xalqaro mehmon spikerlar.

JS da multi-threading

JavaScript dvijoklari event loopga asoslangan va ishlarni odatda yagona threadda bajaradi.

Lekin:

- CSS (transform, opacity) va Web animations brauzerni compositor threadda run boʻladi va main threadni bloklamaydi.

- Service worker alohida threadda run boʻladi

- Web workerlar orqali main threaddagi yukni kamaytirshimiz mumkin

- OffscreenCanvas va worker juftligi orqali HTML canvasni umuman boshqa threadda run qila olamiz

Demak JS da bemalol bir nechta threadda ishlaydigan web ilovalar yozsak boʻladi.

Mana shu mavzu boʻyicha, oxirgi haftada ikkita (biri men oldin yozishgan) telegram akkauntdan fishing xabar keldi. Bittasi .apk fayl joʻnatdi. Boshqasi scam veb-sayt uchun havola. Ikkalasini ham block qilib, SPAM report qildim.
Ogoh boʻlamiz!

"Men xozirda jQuery ishlatmayman. Ochig'ini aytsam undan foydalanmaganimga ancha bo'ldi.
Biz Khan Academy'da jamoamiz bilan React ishlatamiz."

— John Resig, jQuery asoschisi

Millisekundlar yetarli bo'lmaganda - Performance.now()

Odatda biz JavaScript ilovalarda vaqt bilan ishlash uchun new Date() yoki Date.now()'dan foydalanamiz. Lekin u har 10 sekund intervalda taxminan 1% ga adashish ehtimoli bor. Sababi, Date tizim vaqtiga asoslangan. Ko'p tizimlar vaqtini sinxronizatsiya qilish uchun daemon run qiladi va u har 15-20 daqidada tizim vaqtini qayta sozlab turadi. Vaqtni yuqori aniqlikda o'lchash kerak bo'lgan holatlarda bizga High Resolution Timer qo'l keladi.

Date.now() va performance.now() metodlari ikkalasi ham xozirgi vaqtni qaytaradi. Farqi:
- Date.now unix epoch (1 yanvar, 1970-yil)dan boshlab xozirgacha o'tgan vaqtni millsekundda qaytaradi.
- performance.now, monotonic vaqt qaytaradi ya'ni veb sahifa yuklangandan boshlab qancha vaqt o'tganini yuqori aniqlikda, mikrosekundlargacha hisoblab beradi.

HR timerni ishlatish mumkin bo'lgan holatlar:
- Benchmarking'da
- O'yinlarda yoki animation runloopda
- Framerateni yuqori aniqlikda o'lchashda
- Physics engine yozishda

Qisqa qilib aytganda, high resoltion timer Date obyektdan bir muncha barqaror natija qaytaradi. Xozirda ushbu APIni barcha zamonaviy brauzerlar qo'llab quvvatlaydi.