#қызықтыматериал
LogRocket- сіздің фронтендтіңіздегі кодыңыздың багтарын және қателерін логировать етіп отыратын арнайы сервис. Сервистің премиум (host LogRocket-тің серверлерінде болады) және базалық (self-hosted) тарифтік жоспарлары бар екен.
Көбірек проект сайтында жазылған.
LogRocket- сіздің фронтендтіңіздегі кодыңыздың багтарын және қателерін логировать етіп отыратын арнайы сервис. Сервистің премиум (host LogRocket-тің серверлерінде болады) және базалық (self-hosted) тарифтік жоспарлары бар екен.
Көбірек проект сайтында жазылған.
Так, фронтендпен танысуды node.js программасынан бастайық 👨💻.
nodejs.org сайтынан 14.17.4 LTS немесе 16.6.1 Current версиясын жүктеп алып, өз машинаңызға орната аласыз.
nodejs.org сайтынан 14.17.4 LTS немесе 16.6.1 Current версиясын жүктеп алып, өз машинаңызға орната аласыз.
Сонымен, фронтендті көптеген новичоктар сиақты 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