JavaScriptdagi turli Web APIlar
Veb loyihalarni ishlab chiqarishda, ularning imkoniyatini oshirish uchun juda ko'plab web apilar mavjud. Bularni siz JavaScript bilan ham qo'llay olasiz.
Yuqorida esa eng asosiylarini keltirdik va yana ko'pgina apilar bilan quyidagi manba orqali tanishsangiz bo'ladi 👇
Web APIlar docs:
https://developer.mozilla.org/en-US/docs/Web/API
Battery API orqali Indicator yasash:
https://www.youtube.com/watch?v=0v1b48xSpjA
👉 @javohir_group
Veb loyihalarni ishlab chiqarishda, ularning imkoniyatini oshirish uchun juda ko'plab web apilar mavjud. Bularni siz JavaScript bilan ham qo'llay olasiz.
Yuqorida esa eng asosiylarini keltirdik va yana ko'pgina apilar bilan quyidagi manba orqali tanishsangiz bo'ladi 👇
Web APIlar docs:
https://developer.mozilla.org/en-US/docs/Web/API
Battery API orqali Indicator yasash:
https://www.youtube.com/watch?v=0v1b48xSpjA
👉 @javohir_group
1. https://jquery.com/
2. https://threejs.org/
3. https://github.com/sindresorhus/screenfull
4. https://michalsnik.github.io/aos/
5. https://github.com/alvarotrigo/fullPage.js/
6. https://rishabhp.github.io/bideo.js/
7. https://popper.js.org/
8. http://parsleyjs.org/
9. https://masonry.desandro.com/
10.https://animejs.com/
2. https://threejs.org/
3. https://github.com/sindresorhus/screenfull
4. https://michalsnik.github.io/aos/
5. https://github.com/alvarotrigo/fullPage.js/
6. https://rishabhp.github.io/bideo.js/
7. https://popper.js.org/
8. http://parsleyjs.org/
9. https://masonry.desandro.com/
10.https://animejs.com/
Jquery
jQuery: The Write Less, Do More, JavaScript Library
JSdan darslar
Saidbek Arislonov: https://www.youtube.com/playlist?list=PLHNaMQIyrDHPOSmeUz--1CWj0VW8h26LN
Farhod Dadajonov: https://www.youtube.com/playlist?list=PL_WK6W0Gn1I7bL0pRUxYSbTj6g8tHU6Yq
Samar Badriddionov: https://www.youtube.com/playlist?list=PLx6KiwtsRjcp75rLHEVH4TqD6Z4VCXGZ6
Usmon Ma'sudjonov: https://www.youtube.com/playlist?list=PL7Y6uUIb8bTF3uqK3uTp9lJpzBJzuDIej
Javascript haqida ruscha qo'llanma: https://learn.javascript.ru/
Wesbos'ning qo'llanmasi: https://wesbos.com/javascript
w3school'dan qo'llanma: https://www.w3schools.com/js/default.asp
MDNdan: https://developer.mozilla.org/en-US/docs/Web/JavaScript
Saidbek Arislonov: https://www.youtube.com/playlist?list=PLHNaMQIyrDHPOSmeUz--1CWj0VW8h26LN
Farhod Dadajonov: https://www.youtube.com/playlist?list=PL_WK6W0Gn1I7bL0pRUxYSbTj6g8tHU6Yq
Samar Badriddionov: https://www.youtube.com/playlist?list=PLx6KiwtsRjcp75rLHEVH4TqD6Z4VCXGZ6
Usmon Ma'sudjonov: https://www.youtube.com/playlist?list=PL7Y6uUIb8bTF3uqK3uTp9lJpzBJzuDIej
Javascript haqida ruscha qo'llanma: https://learn.javascript.ru/
Wesbos'ning qo'llanmasi: https://wesbos.com/javascript
w3school'dan qo'llanma: https://www.w3schools.com/js/default.asp
MDNdan: https://developer.mozilla.org/en-US/docs/Web/JavaScript
YouTube
Javascript darsliklari
Share your videos with friends, family, and the world
🌐 Veb-developerlar uchun bepul hosting provayderlari:
❶ https://www.netlify.app
❷ https://www.heroku.com/
❸ https://firebase.google.com/
❹ https://www.freehosting.com/
❺ https://www.hostinger.ru/besplatnyj-hosting
😉 Siz qaysi biridan foydalanasiz?
👉 @Dasturlash_hayoti
❶ https://www.netlify.app
❷ https://www.heroku.com/
❸ https://firebase.google.com/
❹ https://www.freehosting.com/
❺ https://www.hostinger.ru/besplatnyj-hosting
👉 @Dasturlash_hayoti
Aperture
Жанр: шаблон для фотостудии
Формат: #figma
Ссылка: https://www.figma.com/file/vCJHFYy1TYhMQ0QCw0uzdp/Aperture?node-id=0%3A1
Жанр: шаблон для фотостудии
Формат: #figma
Ссылка: https://www.figma.com/file/vCJHFYy1TYhMQ0QCw0uzdp/Aperture?node-id=0%3A1
💬 18 Yoshda Katta iT kompaniyada ishlash...
👩👧 Ko'pchilik ota-onalar iT va umuman dasturlash sohasini qizlar uchun emas degan fikrda yuradilar, vaholanki qiz bola bo'lishiga qaramay buning uddasidan chiqayotkanlar xam yo'q emas.
💭 Bu safargi Voice chat mehmoni Andijonlik, 19 yoshli, dasturchi qiz, Rayhona Isroilova.
👩🦱 Java dasturchi bo'lib, UzPaynet kompaniyasida faoliyat olib borayotgan Rayhona Isroilova o'zining qanday qilib bu sohaga kirib kelgani va Yirik iT kompaniyaga ishga kirish haqida batafsil so'zlab beradi.
🎚 Voice chatimizni o'tkazib yubormang.
2-Aprel, Shanba, Soat 21:00da.
Ramazonning ilk kunidan, qizlarimiz va umuman olganda o'quvchilarimiz uchun ajoyib suhbat bo'ladi degan umiddamiz...
robocode.uz | @robocode_andijan
👩👧 Ko'pchilik ota-onalar iT va umuman dasturlash sohasini qizlar uchun emas degan fikrda yuradilar, vaholanki qiz bola bo'lishiga qaramay buning uddasidan chiqayotkanlar xam yo'q emas.
💭 Bu safargi Voice chat mehmoni Andijonlik, 19 yoshli, dasturchi qiz, Rayhona Isroilova.
👩🦱 Java dasturchi bo'lib, UzPaynet kompaniyasida faoliyat olib borayotgan Rayhona Isroilova o'zining qanday qilib bu sohaga kirib kelgani va Yirik iT kompaniyaga ishga kirish haqida batafsil so'zlab beradi.
🎚 Voice chatimizni o'tkazib yubormang.
2-Aprel, Shanba, Soat 21:00da.
Ramazonning ilk kunidan, qizlarimiz va umuman olganda o'quvchilarimiz uchun ajoyib suhbat bo'ladi degan umiddamiz...
robocode.uz | @robocode_andijan
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.scss">
<link rel="stylesheet" href="./styl.css">
<link rel="stylesheet" href="./media.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="ota">
<nav>
<img src="./img/Combined-Shape.svg" alt="">
<ul>
<li><a href="#">Business areas</a></li>
<li><a href="#">Featured images</a></li>
<li><a href="#">Gear cage</a></li>
<li><a href="#">Contact</a></li>
<li class="get"><a href="#">Get template</a></li>
</ul>
<div class="bar">
<a href="#" class="fa-solid fa-bars"></a>
</div>
</nav>
<main class="">
<section class="section1">
<h4>Photographer & Filmmaker</h4>
<h1>Aperture Studios</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="frame">
<img src="./img/Frame.svg" alt="">
</div>
</section>
<section class="section2">
<h1>What we do.</h1>
<h3>The areas that we're specialized in.</h3>
<div class="box">
<div class="card1">
<h3>Product Photography</h3>
<p>Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card2">
<h3>Architecture Photography</h3>
<p>Aenean porta neque eget consequat fringilla. Vestibulum ultrices, orci nec egestas pharetra, ligula est semper enim, nec auctor sapien leo nec purus. Fusce tincidunt aliquet sapien, sit amet rhoncus leo imperdiet nec.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card3">
<h3>Drone Photography</h3>
<p>Mauris euismod elit et nisi ultrices, ut faucibus orci tincidunt. Duis tristique sed lorem a vestibulum. Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card4">
<h3>Wildlife Photography</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus. Nulla rhoncus feugiat eros quis consectetur. Morbi neque ex, condimentum dapibus congue et, vulputate ut ligula. Vestibulum sit amet urna turpis.</p>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.scss">
<link rel="stylesheet" href="./styl.css">
<link rel="stylesheet" href="./media.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="ota">
<nav>
<img src="./img/Combined-Shape.svg" alt="">
<ul>
<li><a href="#">Business areas</a></li>
<li><a href="#">Featured images</a></li>
<li><a href="#">Gear cage</a></li>
<li><a href="#">Contact</a></li>
<li class="get"><a href="#">Get template</a></li>
</ul>
<div class="bar">
<a href="#" class="fa-solid fa-bars"></a>
</div>
</nav>
<main class="">
<section class="section1">
<h4>Photographer & Filmmaker</h4>
<h1>Aperture Studios</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="frame">
<img src="./img/Frame.svg" alt="">
</div>
</section>
<section class="section2">
<h1>What we do.</h1>
<h3>The areas that we're specialized in.</h3>
<div class="box">
<div class="card1">
<h3>Product Photography</h3>
<p>Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card2">
<h3>Architecture Photography</h3>
<p>Aenean porta neque eget consequat fringilla. Vestibulum ultrices, orci nec egestas pharetra, ligula est semper enim, nec auctor sapien leo nec purus. Fusce tincidunt aliquet sapien, sit amet rhoncus leo imperdiet nec.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card3">
<h3>Drone Photography</h3>
<p>Mauris euismod elit et nisi ultrices, ut faucibus orci tincidunt. Duis tristique sed lorem a vestibulum. Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card4">
<h3>Wildlife Photography</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus. Nulla rhoncus feugiat eros quis consectetur. Morbi neque ex, condimentum dapibus congue et, vulputate ut ligula. Vestibulum sit amet urna turpis.</p>