Modern requirements for web developers

Bir kanalda backend dasturchilar uchun zamonaviy talablar yozilgan postga ko'zim tushdi. Ro'yhat juda uzun lekin real. Hozirgi kunda dasturchiga bo'lgan talab juda yuqori va bu ko'rsatkich borgan sari oshib boraveradi. Bunga asosiy sabab foydalanuvchilarning ehtiyojlari kundan-kunga oshib bormoqda.
Shuning uchun shu ro'yhatni web dasturchilar uchun yozishga harakat qildim. Ro'yhatdagi talablar ish o'rnining turi va darajasiga yoki kompaniyaga qarab o'zgarishi mumkin.
Bular:
- HTML, Semantics, Accessibility
- CSS, SASS, BEM, CSS Modules, CSS-in-JS, Tailwind, Responsive Design, Design Systems
- JavaScript, TypeScript
- Web Platform APIs
- React or Vue or Angular
- Tooling: bundlers, transpilers, linting, formatting, asset handling and optimisation, performance considerations, codebase organisation and monorepos, deployment and package publishing
- Testing: unit, integration, snapshot, visual, e2e, framework specific libraries
- Server side rendering
- HTTP, WebSockets/SSE
- Continious Integration, Continious Delivery
- Git, gitflow, trunk based development
- Refactoring legacy code
- Working with design tools
- Authoring documentation
- Planning and estimations
- Soft skills
- Working 24/7

@dev_thinking_loud

Git cheatsheet (manba linkedin)

@dev_thinking_loud

Why we need docker?

Bazan shunaqa savol beriladi: bizga docker nega kerak?
Rasmda 3 xil deployment model ko'rsatilgan:
1) OSning o'ziga deploy qilish. Klassik model. Plus tomoni eng sodda. Minus tomoni applar izolyasiya qilinmaydi. Kop instance deploy qilish qiyin. Deploymentni boshqa hostga olish qiyin va eng muhimi scale qilish manual.
2) VMga deploy qilish. Plus tomoni applar izolyasiya qilingan va scale qilish osonroq. Minus tomoni virtualizatsiya hisobiga tezlik past bo'ladi va resurslarni aniq bo'lish kerak, o'rtalik ishlatib bo'lmaydi.
3) Containerga asoslangan tizimga deploy qilish. Bunda ham applar izolyatsiya qilingan ham resursdan optimal foydalaniladi va scaling qilish eng osoni.

Manba: "Distributed Systems with Node.js" kitobi

@dev_thinking_loud

Generators

Siz bilarmidingiz? Yuqoridagi 4 ta qatorning hammasi "valid generator function syntax" hisoblanadi va ularning birining boshqasidan farqi yo'q.

PS: prettier consistency uchun hammasini birinchisidek format qiladi

#did_you_know

@dev_thinking_loud

CSSda muhim mavzular

Quyidagi tushunchalarni to'liq tushunmasdan (boshqaga tushuntirib bera oladigan darajada) CSSni yaxshi bilaman deyish to'gri bo'lmaydi:
1) Box Model
2) Flow Layout
3) Positioning
4) Inheritance
5) Cascade
6) Specifity
7) z-index

#must_have

@dev_thinking_loud

Kutilayotgan jonli onlayn kurslar roʻyxati👇

1. JS, TS va Angular
2. “Algorithms” va “Data structures”
3. UI/UX Design
4. Frontend 0 dan
5. English for IT
6. Project Management
va hokazo

👉 @vector_academy_uz

Kitobxonlarga

Packt publishing shu kunlarda kitob va videolarga discount qilgan, hohlovchilar uchun yaxshi imkoniyat

https://www.packtpub.com

#reading

@dev_thinking_loud

TypeScriptda funksiyalar bilan ishlashni ko'rib chiqamiz

https://youtu.be/vi9BnGM6yv4

#lesson #typescript

@dev_thinking_loud

TypeScriptda massivlar bilan ishlashni ko'rib chiqamiz

https://youtu.be/rehIHLe5GKg

#lesson #typescript

@dev_thinking_loud

Neovide juda qiziq neovim client ekan, effectlari juda chiroyli.

#neovim #neovide

@dev_thinking_load

TypeScriptda Arraydan member typeni extract qilish

#tips

@dev_thinking_loud

React 19ga qoshilayotgan qoshimchalar haqida yaxshi post ekan

https://marmelab.com/blog/2024/01/23/react-19-new-hooks.html

#react

@dev_thinking_loud

React haqida bazi salbiy fikrlar (bazilariga shaxsan qoshildim)

https://begin.com/blog/posts/2024-01-26-removing-react-is-just-weakness-leaving-your-codebase

#react

@dev_thinking_loud

Ilmiy tadqiqotlar boyicha dasturlash tillarining muhitga zararlilik darajalari:
Eng zararsiz: C, Rust, C++
Eng zararli: Perl, Python, Ruby

Tadqiqot materiallari: https://greenlab.di.uminho.pt/wp-content/uploads/2017/10/sleFinal.pdf

@dev_thinking_loud

Falonchi til/framework/library yomon deganlarni oshalarning mualliflari bilan bir suhbat qildirish kerak, ozlari bilan oralaridagi bilim va tajribadagi farqni korganlaridan keyin fikrlari ozgarar balki.

@dev_thinking_loud

Million.jsning 3 versiyasi release bo’ldi.

https://million.dev/blog/million-3

@dev_thinking_loud

Critical Rendering Path (CRP)

Browser’da sahifamizga murojaat kelgandan boshlab, to’liq yuklanguncha bo’ladigan jarayon.

Bu jarayonni to’liq tushunib olsangiz, dastur ilk yuklanishi optimizatsiyalarni bir qismini shunchaki mantiqan o’zingiz topib qo’yasiz.

Ilk yuklanish uchun qanday optimizatsiyalarni maslahat berasiz?

Eslatma: Ilk yuklanishni optimizatsiya qilish degani, dastur yuklanishni boshlagandan boshlab ishlashga tayyor holga kelgunga qadar jarayonni tezroq qilish deganidir. Vaqtini kamaytirish esa sizning fayllaringiz hajmi, so’rovlar soni, internet tez yoki sekinligi, yozgan kodlaringizni “browser” uchun qiyinlik darajalari va hokazolarga bog’liq.

#frontend

@JoshDeveloper

Dasturlashga qo'l urgan, lekin nimadan boshlashni bilmaydiganlar uchun 3-5 yillik plan:

— Nerd rejimiga o'ting: kuniga kamida 6 soat dasturlash bilan band bo'ling
— Computer Science mavzularini chuqur o'rganing
— Muntazam algoritmik masalalarni yeching (codewars, leetcode, va hokazo)
— Bitta dasturlash tilini mukammal o'rganing
— Web, mobil, yoki desktop development uchun kerak bo'lgan texnologiyalarni o'rganing
— O’zingizni pet proyektlaringizni yarating
— Har kuni ko'p kod yozing
— Tez-tez interview qiling (ishingiz bo'lsa ham)
— Vaqtida uxlang, ovqatlaning, va sport bilan shug'ullaning

Qolgani (ish, daromad, va xurmat) o'zi keladi. Natija darxol ko'rinmaydi, lekin albatta keladi - haqiqiy yutuqlar vaqt talab qiladi.

Jarayondan zavq oling!

Davomli ishda doim barokat boladi

Amaliy full-stack darslarimizning 1-videosi

https://youtu.be/gMtGFQu9vVw

#practical_full_stack

@dev_thinking_loud