Сонымен, фронтендті көптеген новичоктар сиақты react.js фреймворкінен бастаймын деп шештім.
React.js сайтында тіпті официалды туториал бар, бірақ ол шет тілінде болғандықтан, үйрене отыра, осы жерге қазақшалап салып отыратын боламын.
@frontend_with_backend
@frontender_kz
React.js сайтында тіпті официалды туториал бар, бірақ ол шет тілінде болғандықтан, үйрене отыра, осы жерге қазақшалап салып отыратын боламын.
@frontend_with_backend
@frontender_kz
react.dev
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
ReactJS-тің бірінші туториалын оқып шығып, қайталап көрдім. Барлығы жақсы жұмыс істеп тұр!
Ең бірінші туториалда тіпті node.js программасын қолданып, reactjs, babel скрипттерін жүктеп те әуре болмауға болады екен. Барлығы веб арқылы қосылады екен:
Ең бірінші туториалда тіпті node.js программасын қолданып, reactjs, babel скрипттерін жүктеп те әуре болмауға болады екен. Барлығы веб арқылы қосылады екен:
<!-- REACT-JS скрипттері -->
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
Және әрі қарай like_button.js скриптін дайындап, react-js пен ойнай беруге болады, локалды түрде. Фулл мысал комментегі төмендегі файлда 👇.NPM арқылы reacttutorial проектіне JSX-ті қосайық.
Бірінші проект директориясына кіріп алып,
Одан кейін
Келесі, src директориясын құрып, соның ішіне кіріп, мына команданы орындаймыз:
Бірінші проект директориясына кіріп алып,
npm init -y командасын іске асырамыз.Одан кейін
npm install babel-cli@6 babel-preset-react-app@3 командасын іске асырып, скрипттерді өз машинамызға жүктейміз.Келесі, src директориясын құрып, соның ішіне кіріп, мына команданы орындаймыз:
npx babel --watch src --out-dir . --presets react-app/prod.Қазір қандай машинамен node.js үйреніп жүрмін?
Бұл пост арнайы node.js-тің қандай версиясымен оқытылу жүріп жатқанын және жалпы машинаның қандай спецификацияға ие екенін көрсетуге арналған.
@frontend_with_backend
@frontender_kz
Бұл пост арнайы node.js-тің қандай версиясымен оқытылу жүріп жатқанын және жалпы машинаның қандай спецификацияға ие екенін көрсетуге арналған.
@frontend_with_backend
@frontender_kz
NPM (Node Package Manager) ге арналған 14 ең керек команда 🔥
Тағы қандай команда жазу керек еді деп ойлайсыз? Ойыңызды комментке жазып кете аласыз 📥.
@frontend_with_backend
@frontender_kz
Тағы қандай команда жазу керек еді деп ойлайсыз? Ойыңызды комментке жазып кете аласыз 📥.
@frontend_with_backend
@frontender_kz
webinar.zip
7.2 MB
#webinar.ru / #sourcecode / #typescript
———
Webinar.ru проектінің фронтендіне арналған программалық коды. Webinar.ru проекті көптеген Ресейлік университеттермен қолданылады және әзірленеді.
Алғаш код қарап, үйреніп алуға жарайды екен, мына проект.
———
@frontend_with_backend
@frontender_kz
———
Webinar.ru проектінің фронтендіне арналған программалық коды. Webinar.ru проекті көптеген Ресейлік университеттермен қолданылады және әзірленеді.
Алғаш код қарап, үйреніп алуға жарайды екен, мына проект.
———
@frontend_with_backend
@frontender_kz
Қазақша webdev.
webinar.zip
#webinar / #openkeys
———
Webinar.ru сайтының фронтенд проектінде API Token-дер ашық түрде сақталған және қолдануға жарамды сияқты.
———
@frontend_with_backend
@frontender_kz
———
Webinar.ru сайтының фронтенд проектінде API Token-дер ашық түрде сақталған және қолдануға жарамды сияқты.
———
@frontend_with_backend
@frontender_kz
2021 жылдың программисттер күні құтты болсын! 🥳👨💻
Сергеймен бірге фронтенд! арнасы сіздерді осы жылдың 256 күні, программисттер күнімен құттықтайды!
Осы пост астында сіз осы арнада тағы қандай материал көргіңіз келеді, немесе өміріңізде IT-мен байланысты болған қызық оқиғаларыңызды жазып кете аласыз!
———
@frontend_with_backend
@frontender_kz
Сергеймен бірге фронтенд! арнасы сіздерді осы жылдың 256 күні, программисттер күнімен құттықтайды!
Осы пост астында сіз осы арнада тағы қандай материал көргіңіз келеді, немесе өміріңізде IT-мен байланысты болған қызық оқиғаларыңызды жазып кете аласыз!
———
@frontend_with_backend
@frontender_kz
#architecture / #microservice / #microfrontend
———
Micro Frontend Architecture (микрофротенд архитектурасы) тәсілін түсіндіретін оңай сызба.
———
@frontend_with_backend
@frontender_kz
———
Micro Frontend Architecture (микрофротенд архитектурасы) тәсілін түсіндіретін оңай сызба.
———
@frontend_with_backend
@frontender_kz
#ebooks / #seo / #free
———
https://mangools.com/blog/seo-ebooks/ - SEO оптимизацияны үйренуге болатын 10 ТЕГІН кітап.
———
✅ Free-to-share
🇺🇸 English must-have
———
@frontend_with_backend
@frontender_kz
———
https://mangools.com/blog/seo-ebooks/ - SEO оптимизацияны үйренуге болатын 10 ТЕГІН кітап.
———
✅ Free-to-share
🇺🇸 English must-have
———
@frontend_with_backend
@frontender_kz
Mangools
Top 20 SEO E-Books Worth Checking (That Are Free) | Mangools
Ebook is a very popular way of sharing a comprehensive content in the SEO field. We have prepared a list of best free SEO ebooks.
#post / #stacks
———
Веб-приложениелермен сервистерді көтерген немесе жасаған кезде қолданылатын танымал 6 стек 🔥
Тағы қандай стек қосып кетуге болады деп ойлайсыздар?
———
@frontend_with_backend
@frontender_kz
———
Веб-приложениелермен сервистерді көтерген немесе жасаған кезде қолданылатын танымал 6 стек 🔥
Тағы қандай стек қосып кетуге болады деп ойлайсыздар?
———
@frontend_with_backend
@frontender_kz