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

Aws + docker жестко құлады ма?)