KazTech арнасы сізді жаңа жыл мерекесімен құттықтайды!

2021 жыл IT технологиялар әлеміне өте күшті жаңалықтар және өзгерістерді әкелді. Ал енді 2022 жылдың IT әлеміне жасырған қандай тосын сыйлықтары бар екенін көрейік!

Ал әзірше, 2021 жылдың ең дүркін IT жаңалықтарымен бөліссек:
- Windows 11 жүйесінің шығуы және Android программаларын x86 машиналарда AOSP арқылы іске қоса алуы;
- Facebook компаниясының Meta-ға атын ауыстыруы;
- Metaverse түсінігі пайда болуы;
- NFT-нің өсуі, BTC курсы 60k доллардан асуы;
- Genshin Impact ойының бір жыл көлеміндегі жинаған ақшасы 6млрд долларадан асуы;
- Көптеген бизнес салалардың онлайнға көшуі;
- log4j осалдығының пайда болуы;
- M1 MAX және M1 Pro процессорлерінің шығуы;
- 512ТБ жадысы бар әйнек дискілерінің пайда болуы;

#жаңажылқұттыболсын!
———
@kz_tech
@kztech_chat

Енді KazTech және "Қазақша webdev." арналарының посттарын Instagram және VK әлеуметтік желісінен де көре алатын боласыз - біз аккаунттарды аштық.

Негізгі аудитория телеграмның өзінен емес, VK және Instagram секілді желілерден келетіні белгілі. Сондықтан да өзіміздің материалдарымыздың кең тарауын қамптамасыз ету үшін осы аккаунтарды аштық. Негізі көп постар осы Telegram, Instagram және VK-де бірдей болады, яғни бір постты үш жерде жариялайтын боламыз.

Тіркелсеңіздер болады
- @fafnir_dragon [instagram]
- @fafnir_dragon [vkontakte]

Негізі бұл аккаунтарға жақсы ат тауып қоюшы едік, бірақ ондай аттар алынып қойғандықтан кәдімгі юзернеймді қолдана беруді ұйғардық.

#socialpromotion / #kztech / #kzwebdev
———
@kz_tech
@kztech_chat
@kzwebdev
@kzwebdevchat

Жапониядағы веб-разраб алтыншы жыл қатарынан JavaScript-фреймворктары бойынша рейтингті жариялап жүр. Рейтинг соңғы жылдағы GitHub-тағы қосылған жұлдызшалар бойынша жүргізіледі.

Осы жылда күтпеген «чемпион» - zx деп аталатын Google компаниясының командалық строкаға арналған құралы:

https://risingstars.js.org/2021/en

#javascript
———
@kzwebdev
@kzwebdevchat

https://github.com/RK800-DEV/currencyjs/ - осы проекттің ашық коды. Өз қалауыңызша форкать етіп алсаңыз да болады.

#js / #repo / #новичектарға
———
@kzwebdev
@kzwebdevchat

Таза CSS-те жасалқан лоадерлер коллекциясы

Таза CSS-те @keyframes-ті қолдану арқылы жасалған әдемі лоадерлер. Тезірек өзіңізге сақтап алыңыз - https://codepen.io/AlexWarnes/pen/jXYYKL

#css / #loaders / #keyframes / #codepen
———
@kzwebdev
@kzwebdevchat

Аутентификация және SMS хабарламалары бар нақты уақыттағы (real-time) чат хабарламаларына арналған толық функционалды қосымшаны құру және продакшенге шығару 🔥

Бұл видеода автор нөлден бастап жеке және топтық чаттармен, эмодзилермен және реакциялармен, кіріктірілген Gif қолдауымен, хабарламаларды өңдеу және жою мүмкіндігімен, арнайы командалармен және басқалармен толыққанды чат қосымшаларын құруды ұсынады.

Видео » https://www.youtube.com/watch?v=MJzbJQLGehs

#фронтенд / #бэкенд / #видео / #nodejs
———
@kz_tech
@kztech_chat

Қалай анимациялар мен переходтарды жасау үшін CSS-те :before және :after-ді қолдану керек?

Күрделілікті немесе ресурстарды қажет ететін құралдарды пайдаланбай әдемі және сапалы анимация жасағысы келетіндердің барлығына пайдалы мақала. Мұнда сіз мұны тек ванильді CSS-пен қалай жүзеге асыруға болатындығын білесіз:

https://blog.logrocket.com/how-to-use-css-before-after-create-custom-animations-transitions/

#css / #logrocket
———
@kzwebdev
@kzwebdevchat

SVG-ді React және Vue-ге қалай импорттауға болмайды

SVG-ді жобаға әртүрлі жолдармен импорттауға болады. Ал мына Твиттер-тредте сіз осы SVG-ді қалай react пен vue-ге импорттауға кеңес берілмейді екенін және керісінше, қандай басқа жолдармен SVG-ді дұрыс кіріктіру керектігін білетін боласыз:

https://twitter.com/MarkSShenouda/status/1491510779685789697

#frontend / #react / #vue
———
@kzwebdev
@kzwebdevchat

JSX шартты белгілері (условные выражения) туралы пайдалы кеңес

Шартты белгілер JSX-пен жұмыс жасау кезінде пайдалы болуы мүмкін, бірақ әдеттегі JS-пен жұмыс жасау кезінде әрқашан сіз ойлағандай бола бермейді. Владимир Клепов өзінің мақаласында есте сақтау керек кейбір нюанстар мен пайдалы кеңестер туралы айтты:

» https://thoughtspile.github.io/2022/01/17/jsx-conditionals/

#jsx
———
@kzwebdev
@kzwebdevchat

Bulma vs Tailwind CSS: Bootstrap-тің қай баламасы жақсы?

Көптеген веб-разрабтар Bootstrap туралы естіген де, онымен жұмыс істеп көрген. Бұл мақалада Bootstrap-тің екі мықты баламасын - Bulma мен Tailwind CSS атты проектерін салыстырып көрді.

Олардың қайсысы жақсы жұмыс істейді, сіз осы мақалада білесіз:

» https://blog.logrocket.com/bulma-vs-tailwind-css-better-bootstrap-alternative/

#css / #comparison / #bulma / #tailwindcss
———
@kzwebdev
@kzwebdevchat

Жуырда #PyConUS2022 іс шарасында Python скрипттерді HTML-дің ішіне еңгізуге мүмкіндік беретін PyScript атты технологияны көрсеткен болатын.

Аталмыш технология asyncio, d3 және т.б. қосалқы Python библиотекаларын қолдана отырып, DOM-ды басқаруды оңтайластырады. Десек те кейбір әзірлеушілер PHP тілі мен Brython құралын PyScript-ке балама ретінде алға тартады.

Ал сіздердің ойларыңыз қандай? 😏🤔



https://www.npmjs.com/package/pyscript-js

https://brython.info/

#frontend / #html / #python
———
@kzwebdev
@kzwebdevchat

Жүктеме теңгерім (Load Balancing) алгоритмдері.


https://blog.bytebytego.com

Достар, еріктілер реактты қазақ тіліне аударып жатыр
Бағалап кетейік
https://kk-react-dev.vercel.app/blog