https://az-way-blog.web.app/tags/wealth/Recent content in Іс on AZ-WayHugokkMon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/angular-6-to-22/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/angular-6-to-22/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Angular-ды көп нұсқадан аттап жаңартудың бір ғана жолы бар: бір уақытта бір мажорлық нұсқа, әрқайсысынан кейін жасыл құрастыру мен тесттер. Үлкен бұзылулар сирек болады, бірақ оларды алдын ала болжауға болады: рендеринг қозғалтқышының ауысуы, құрастырушының ауысуы, standalone, сигналдар, zone.js. Төменде — 6-дан 22-ге дейінгі жол картасы, соңғы қадамдарда бізде не бұзылды (импорт сақиналары, бәрінің үстіндегі оверлейлер, zone.js) және монорепозиторийде мұның неге он рет емес, бір рет жасалатыны.</div> </div> <h2 id="бірінші-ереже-бір-бірден-нұсқа">Бірінші ереже: бір-бірден нұсқа</h2> <p>Angular мажорлық нұсқаны шамамен жарты жылда бір рет шығарады. Жаңарту командасы:</p>https://az-way-blog.web.app/posts/sentry-angular-monorepo/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/sentry-angular-monorepo/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Пайдаланушылар багтар туралы ешқашан дерлік жазбайды: олар бетті жаңартып, ренжиді де, әрі қарай кетеді. Sentry әр пайдаланушының браузерінен қателерді түсінікті стекпен және контекстпен жинайды. Төменде — оны бір монорепозиторийдің 17 қолданбасына бірден қалай қостық, source maps-сыз ол неге пайдасыз, дұрыс жіберілмеген бір қате 157 адамнан 6889 оқиғаны қалай жинады және Sentry пайдаланушы туралы нені білмеуі керек.</div> </div> <h2 id="бұл-не-үшін-керек">Бұл не үшін керек</h2> <p>Пайдаланушы браузеріндегі <code>console.error</code>-ді ешкім көрмейді. Тестілеуші бір браузерді және бір деректерді тексереді. Нақты пайдаланушылар — жүздеген комбинация: жұмыс компьютеріндегі ескі Chrome, кешеден бері ашық тұрған қойынды, баяу желі, командада ешкімде жоқ құқықтар.</p>https://az-way-blog.web.app/posts/java-oca-8-frontend/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/java-oca-8-frontend/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Мен Angular мен TypeScript-тегі frontend-әзірлеушімін және Boyarsky мен Selikoff кітабы бойынша Oracle Java SE 8 Programmer I (1Z0-808) сертификаттауына дайындалып жүрмін. Мақсат — Java (Spring) backend бойынша junior/тағылымдамашы сұхбаты. Жазбада — сандармен прогресс, алты тараудың әрқайсысында не бар, TypeScript әдеттері қай жерде қате жауапқа апарады және әр тарауды кодпен бекіту үшін бір-екі LeetCode есебінен. Java мен TypeScript-тің синтаксисі ұқсас, сондықтан ең қулық жерлер — код таныс көрінетін, бірақ басқаша жұмыс істейтін жерлер.</div> </div> <h2 id="неге-java-және-неге-осы-емтихан">Неге Java және неге осы емтихан</h2> <p>Мақсат — тек frontend емес, Java/Spring-де backend жаза білу. Сертификаттың өзі жұмыс бермейді. Бірақ оған дайындық тілдің негізін «Stack Overflow деңгейінде» емес, ұсақ-түйегіне дейін үйренуге мәжбүрлейді. Емтихан дәл ұсақ-түйекті тексереді: бұл код компиляцияланады ма, не басып шығарады, қандай ерекшелік лақтырады.</p>https://az-way-blog.web.app/posts/ci-nx-affected/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/ci-nx-affected/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Ондаған қолданбасы бар монорепозиторийде әр коммитке бәрін құрастыру — ұзақ әрі мағынасыз: қолданбалардың көбін өзгеріс қозғамаған. Nx нені қозғағанын санай алады — <code>nx affected</code>. Қиындық командада емес, «неге қатысты қозғалған?» деген сұрақта. Төменде — скриптермен қолмен деплой жасаудан MR-ды тексеретін және тек керегін құрастыратын пайплайнға дейінгі жол, және жолда басқан төрт тырма.</div> </div> <h2 id="нөлдік-нүкте-қолмен-деплой">Нөлдік нүкте: қолмен деплой</h2> <p>Алғашында пайплайн болған жоқ. Shell-скрипт болды: қолданбаны жергілікті құрастырып, файлдарды серверге көшіру. Мәселелер айқын:</p>https://az-way-blog.web.app/posts/az-way-lock/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/az-way-lock/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Мен «телефонда аз отыруға» ерік-жігер арқылы тырыспаймын. Apple Configurator-да iPhone, iPad және Mac-тан ойын-сауықты алып тастайтын және оның оралуын қымбатқа түсіретін конфигурация профилін жинадым. Ішінде не бар екенін санасаң, бастысы көрінеді: бұғатталған сайттардың 44 %-ы және бұғатталған қолданбалардың 31 %-ы мазмұнның өзі емес, оған апаратын айналма жолдар. Профильді орнатқаннан кейін az-log-та <code>phone</code> себебі дерлік жоғалды: алғашқы күні 5 жағдайдың 4-еуі, ал келесі сегіз күнде 24-тің 1-еуі.</div> </div> <h2 id="неге-ерік-жігер-емес-профиль">Неге ерік-жігер емес, профиль</h2> <p><a href="https://az-way-blog.web.app/posts/az-log/">az-log</a> жазбасында кестенің алғашқы жолы-ақ нені көрсеткенін айттым: бес намаздың төртеуін телефон кесірінен қаза қылдым не кейінге қалдырдым. Қорытынды «көбірек тырысу керек» емес, «жағдайды өзгерту керек» болды.</p>https://az-way-blog.web.app/posts/nx-monorepo-from-copies/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/nx-monorepo-from-copies/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Бізде бір Angular-қолданбаның оннан астам көшірмесі болды — әр аймақтық тапсырыс берушіге біреуден. Багты он рет түзейтінбіз, фичаны он рет қосатынбыз, әр жолы бір жерде ұмытып кететінбіз. Бәрін бір Nx-монорепозиторийге жинадық: ортақ код кітапханаларда, ал аймақ қолданбасы ~25 файлдан тұратын жұқа қабыққа айналды. Төменде — қандай ретпен көшіру керек, кітапханалар арасындағы шекараны қалай жүргізу керек және неден күйіп қалдық.</div> </div> <h2 id="мәселе-көшірме--өсіп-отыратын-қарыз">Мәселе: көшірме — өсіп отыратын қарыз</h2> <p>Сызба таныс. Бірінші тапсырыс берушіге арналған қолданба бар. Екіншісі келеді: «бізге де дәл осындай, бірақ біздің логотиппен және бір-екі айырмашылықпен». Ең жылдамы — папканы көшіру. Бір жылдан кейін көшірмелер он болады, және:</p>https://az-way-blog.web.app/posts/custom-eslint-rules/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/custom-eslint-rules/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Код-ревью қатені бір рет ұстайды. Линтер ережесі оны әрдайым ұстайды: әр коммитте, әр әзірлеушіде, CI-да. Менің ережем қарапайым: бір қате ревьюге екінші рет жетсе, бұл енді адамның қатесі емес, құралдардағы саңылау. Әрі қарай — үш сатылы баспалдақ (дайын ереже → хабарламасы бар шектеу → өз ережең), өз ережеңді қадамдап талдау және оның жалпы жұмыс істейтінін қалай түсінуге болатыны.</div> </div> <h2 id="неге-ревью-жеткіліксіз">Неге ревью жеткіліксіз</h2> <p>Ревьюді адам жасайды. Адам шаршайды, асығады, логикаға қарап, он рет көрген ұсақ-түйекті өткізіп алады. Ал командадағы жаңа әзірлеуші бұл ұсақ-түйекті мүлде білмейді: ол бір кезде соның кесірінен продты жөндеген адамдардың басында ғана өмір сүреді.</p>https://az-way-blog.web.app/posts/eslint-fixer-angular-templates/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/eslint-fixer-angular-templates/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Өткен <a href="https://az-way-blog.web.app/posts/custom-eslint-rules/">custom-eslint-rules</a> жазбасында ереже қатені тек табатын. Келесі қадам — оны түзетуі. Мұнда басты нәрсе техника емес, шекара: <code>eslint --fix</code>-ке тек <strong>код мінез-құлқын ешқашан өзгертпейтін</strong> түзетуді ғана сеніп тапсыруға болады. Қалғанының бәрі — адам өзі қолданатын кеңес (suggestion). Қосымша Angular-шаблондарға арналған ережелер: олар да солай құрылған, тек ағашы басқа.</div> </div> <h2 id="көмектің-үш-деңгейі">Көмектің үш деңгейі</h2> <p>Ереже үшеуінің бірін істей алады:</p> <div class="az-table-wrap"> <table class="az-table"> <thead> <tr><th>Деңгей</th><th>Не істейді</th><th>Кім шешеді</th><th>Қашан қолданылады</th></tr> </thead> <tbody> <tr><td>Тек хабарлама</td><td>Қатені ерекшелейді</td><td>Адам қолмен түзейді</td><td>—</td></tr> <tr><td><strong>Suggestion</strong></td><td>1+ түзету нұсқасын ұсынады</td><td>Адам редакторда таңдайды</td><td>Шерткенде, <code>--fix</code> оларға <strong>тиіспейді</strong></td></tr> <tr><td><strong>Fix</strong></td><td>Өзі түзейді</td><td>Машина</td><td><code>eslint --fix</code>, «fix on save», CI</td></tr> </tbody> </table> </div> <p>Таңдау ережесі біреу: <strong>fix — тек түзету 100 % жағдайда қауіпсіз болса ғана.</strong> Егер ол кем дегенде бір жағдайда мінез-құлықты өзгертуі мүмкін болса, бұл suggestion. <code>--fix</code> жиі өзі іске қосылады — файлды сақтағанда немесе pre-commit-хукта. Оның әр түзетуіне ешкім қарамайды, сондықтан автофикс қатесі — ешкім байқамаған баг.</p>https://az-way-blog.web.app/posts/tailwind-v3-to-v4-monorepo/Mon, 09 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/tailwind-v3-to-v4-monorepo/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>Tailwind v4 конфигурацияны JavaScript-тен CSS-ке көшірді және кластарды файлдардан өзі іздейді. Қарапайым жобада бұл ыңғайлы. Кластар қолданбадан тыс ондаған кітапханада тұратын монорепозиторийде бұл жаңартудан кейін «стильдер жоғалып кетуінің» бірінші себебі. Төменде — не өзгереді, онсыз болмайтын төрт директива (<code>@import</code>, <code>@config</code>, <code>@source</code>, <code>@reference</code>), Sass-пен не істеу керек және нәтижені CI-дағы тексеріспен қалай бекіту керек.</div> </div> <h2 id="v4-те-не-өзгерді-қарапайым-тілмен">v4-те не өзгерді, қарапайым тілмен</h2> <p>Tailwind — CSS генераторы. Ол файлдарыңды оқып, ішінен кластарды (<code>flex</code>, <code>bg-primary</code>, <code>px-4</code>) табады және тек шынымен қолданылатындарына ғана CSS жазады.</p>https://az-way-blog.web.app/posts/az-log/Sat, 07 Nov 2026 00:00:00 +0000https://az-way-blog.web.app/posts/az-log/<div class="az-alert az-alert--info" role="status"> <span class="az-alert__title">Қысқаша</span> <div>az-log — бұл Google-кесте: бір жол бір күнге тең, ал бағандар төрт салаға бөлінген: сенім, денсаулық, отбасы және табыс. Алғашқы күні-ақ кесте бес намаздың бәрін өткізіп алғанымды көрсетті, оның төртеуінің себебі біреу еді: телефон. Содан кейін iPhone мен iPad-қа Apple Configurator арқылы профиль орнаттым: ол ойын-сауық қолданбалары мен сайттарын алып тастайды және өзін өшіртпейді.</div> </div> <h2 id="кесте-қайдан-шықты">Кесте қайдан шықты</h2> <p>Жылдық мақсаттарым жазбаларда төрт сала бойынша жазылған. Мәселе мынада: ай соңында оларды орындадым ба, жоқ па — адал жауап бере алмайтынмын. «Жаман емес сияқты» деген сезім болатын, ал сезім ештеңені дәлелдемейді.</p>https://az-way-blog.web.app/books/java-oca-8/Tue, 13 Oct 2026 00:00:00 +0000https://az-way-blog.web.app/books/java-oca-8/<h2 id="неге-оқып-жүрмін">Неге оқып жүрмін</h2> <p>Мақсат — тек frontend емес, Java/Spring-де backend жаза білу. Сертификаттың өзі жұмыс бермейді. Бірақ оған дайындық тілдің негізін «Stack Overflow деңгейінде» емес, ұсақ-түйегіне дейін үйренуге мәжбүрлейді.</p> <h2 id="тараулар-бойынша-жазбалар">Тараулар бойынша жазбалар</h2> <p>Алты тараудың әрқайсысының талдауы — TypeScript әдеттері қай жерде қате жауапқа апаратыны және тарауды қандай LeetCode есептері бекітетіні — <a href="https://az-way-blog.web.app/posts/java-oca-8-frontend/">Java OCA 8 frontend-әзірлеушінің көзімен</a> жазбасында.</p>