🌀 BOOTSTRAP darslari | COLORS, TABLE, IMAGES, ALERT (3-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🌀 BOOTSTRAP darslari | BUTTON, BADGE, PROGRESS BAR, SPINNER, PAGINATION (4-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🗂 "Full Stack dasturchi" bo‘lish uchun qanday texnologiyalar bo‘yicha bilimingizni oshirib borishingiz lozimligi borasidagi infografika

🟢 FRONT END (saytning foydalanuvchilar uchun tomoni)

✨Basics:
• HTML
• CSS
• JavaScript

✨Frameworks:
• React
• Vue
• Angular
• Webpack
• Yii

✨Styles:
• Bootstrap
• Material UI

🟡 BACK END (saytning administratorlar uchun tomoni)

✨Technology:
• Python
• Django
• PHP
• Node
• Ruby on Rails
• Java (Spring)
• ASP.NET
• Redis

🔴 DATABASE (ma'lumotlar bazasini boshqarish)

✨RDBMS:
• MSSQL
• MySQL
• PostgreSQL

✨NoSQL:
• Mongo
• Apache Cassandra
• CouchDB
• Elasticsearch

✨Graph:
• Neo4j
• ArangoDB

✨Message Queues:
• Apache Kafka
• Amazon SQS
• ZeroMQ
• RabbitMQ

🟠 DevOps (DEVelopment OPeration - ishlab chiqarish va foydalanish jarayonlari samaradorligini oshirish uchun amaliyotlar to‘plami)

✨Infrastructure:
• NGINX
• AWS (Amazon Web Services)
• Azure (Microsoft)
• ELK (Elasticsearch, Logstash, Kibana)

✨Automation:
• Ansible
• Chef
• Jenkins

✨Virtualization:
• Docker
• IBM BladeCenter
• Kubernetes
• Vagrant (by Mitchell Hashimoto)
• VMware (by Mendel Rosenblum, Diane Greene, Scott Devine, Ellen Wang & Edouard Bugnion, DELL EMC Corp.)

🟣 MOBILE APPLICATIONS (mobil qurilmalar uchun dasturiy ta’minot ishlab chiqarish, mobil ilovalar)

✨Android:
• Java (by James Gosling & Sun Microsystems Co.)
• Kotlin (by JetBrains Co.)
• Android SDK (Software Development Kit)

✨iOS:
• Objective C (by Brad Cox)
• Swift (by Chris Lattner & Apple)

✨Cross Platform:
• React Native (by Facebook & community)
• Ionic (by Max Lynch, Ben Sperry & Adam Bradley of Drifty Co.)
• PWA (Progressive Web Applications)
• Xamarin (from Microsoft Corp. for .NET)
• Unity (Unity Technologies Co.)


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🌀 BOOTSTRAP darslari | CARD, DROPDOWN, POPOVER, TOOLTIP (5-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

#foydali_manba
#css
#hover


✨ Tugmalar va boshqa elementlarni jonlantirish uchun CSS kutubxonasi.

〽️anba: http://ianlunn.github.io/Hover/

@doston_dev

🌀 BOOTSTRAP darslari | COLLAPSE, ACCORDION (6-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

#foydali_kod
#css
#transform

✨ Lightness

Matnni ajoyib tarzda aks ettirish va hover qilish

👉 Kod linki

@doston_dev

🌀 BOOTSTRAP darslari | NAVS, NAVBAR (7-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🌀 BOOTSTRAP darslari | CAROUSEL (8-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

📊 Nimaga IT olamida xatolar bag (bug — hasharot) deb ataladi❓

Afsonaga qaraganda 1947-yilning 9-sentyabrida Harward universitetida, Greys Myurrey Xopper Mark II Aiken Relay Calculator qurilmasini tekshirayotgan vaqtida xatolikka duch keladi. Keyinchalik aniqlanishi boʻyicha qurilma sxemasida kapalak yopishib qolgan boʻladi. Greys sxemadan hasharotni olayotgan payti xonaga zobit kirib kelib, undan nima qilayotganini soʻraydi. U kompyuterni hasharotlardan tozalayotganini aytadi (ingliz tilida: debugging). Oʻsha paytdan beri dasturlashda xatolar — bug, xatolarni tuzatish esa debugging deb ataladi.

Siz buni bilarmidingiz?

〽️anba: IT Planeta


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🌀 BOOTSTRAP darslari | MODAL VA TAB (9-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

#foydali_kod
#html
#css
#animation

✨ CSS bilan morfing

CSS da animatsiya orqali so'zlarni o'zgartirish

👉 Kod linki

@doston_dev

🌀 BOOTSTRAP darslari | BOOTSTRAP 5 SCROLLSPY VA OFFCANVAS (10-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🗂 Plagin nima ❓

Plagin - ( inglizcha "plug in" - "ulanish uchun") mustaqil ravishda kompilyatsiya qilingan dasturiy ta'minot moduli bo'lib, asosiy dasturga dinamik ravishda ulangan va uning imkoniyatlarini kengaytirish yoki ishlatish uchun mo'ljallangan. Plaginlar odatda umumiy kutubxonalar sifatida ishlaydi.

Plaginlarni ulash imkoniyatiga ega bo'lish uchun asosiy dasturni ishlab chiquvchisi unda ba'zi dasturiy interfeyslarni ta'minlashi kerak. Ba'zi ilovalarda plaginlarni foydalanuvchi qo'shimcha ravishda sozlashi mumkin.

Plaginlar frontend dasturlashda ham juda muhim hisoblanadi. Buni hisobga olgan holda navbatdagi darslarimiz ham aynan Frontend dasturchi uchun kerak bo'lgan ayrim plaginlarni ilovalarimizda foydalanish bo'yicha bo'ladi.

Bizni kuzatishda davom eting !!!

👉 @doston_dev

🌀 OWL-CAROUSEL plagini haqida ...

Veb ilovalarni ishlab chiqishda biz ko'pincha rasm slayderini, bannerni yoki mahsulot karuselini yaratishga to'g'ri kelamiz. Ushbu vazifalarni bajarish uchun bizga juda ham mashhur bo'lgan jQuery plagini Owl Carousel yordamga keladi.

Plagin juda ko'p sonli sozlamalarga ega, u turli xil ekran o'lchamlari uchun moslashtirilgan, barcha zamonaviy brauzerlar bilan mos keladi (va ko'plab eskirgan, ammo hali ham foydalaniladi).

OWL Carousel Slider - veb ilovalar yaratish uchun moslashtirilgan va to'liq sezgir Carousel Slider plaginidir. Ushbu Carousel Slider plaginini saytingizning istalgan joyida slayder ko'rsatish mumkin.

Qisqa kod yordamida sozlash uchun siz 40 dan ortiq parametrlardan foydalanishingiz mumkin, bu uni juda konfiguratsiya va foydalanuvchilar uchun qulay qiladi. Siz saytingizda OWL Carousel slayderini har qanday qarama -qarshiliksiz ishlatishingiz mumkin.

OWL Carousel slayderi shuningdek, video galereyalarni ko'rsatishga yordam beradigan YouTube yoki Vimeo videolarini ham qo'llab-quvvatlaydi.

✨ Plagin bir qancha yangi xususiyatlarni o'z ichiga oladi:

🟡 Ko'rsatiladigan slaydlar elementini qurilma kengligi bo'yicha boshqarish (ko'rish porti).

🟠 Bir sahifada bir nechta misollar.

🟣 Navigatsiyani surish imkoniyati.

🔵 Infinity Slaydlar loopi.

🔴 YouTube/Vimeo videolarini qo'llab-quvvatlash.

✨ Boshqa mavjud xususiyatlari:

⚡️Tez va sezgir slaydlar.
⚡️Kuchli administrator sozlamalari
⚡️Slayder maydoni uchun fon tasviri va rangi.
⚡️Qisqa kodli tizim.
⚡️Slayder vidjeti.
⚡️To'liq javob beradigan va mobil versiyasi tayyor.
⚡️Kuchli sozlamalar variantlari paneli
⚡️Bir marta bosish bilan qisqa kod tugmasi.
⚡️Owl karusel variantlari.
⚡️Yoqilgan navigatsiyani bosish imkoniyati.
⚡️Sichqonchani sudrab o'tish yoqilgan.
⚡️Qisqa kodni qo'llab-quvvatlash
⚡️Maxsus xabar turi slayder.
⚡️Tasvirlar / Videolar / Tavsiflarni qo'llab-quvvatlash.
⚡️Juda Yengil.
⚡️O'rnatish va ishlatish oson.
⚡️To'liq tarjima qilish mumkin
⚡️Istalgan joyda cheksiz slayder.
⚡️Sof CSS yoki LESS bilan tahrirlanadigan uslublar
⚡️Yaxshi tashkil etilgani osongina sozlash imkonini beradi.


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

🌀 PLUGINS | OWL-CAROUSEL (1-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

📊 Barchaning sevimli grafik kutubxonasi ...

Highcharts - zamonaviy SVG-ga asoslangan, ko'p platformali diagramma kutubxonasi. Bu web va mobil loyihalarga interaktiv jadvallar va diagrammalarni qo'shishni osonlashtiradi. U 2009 yildan beri faol ishlab chiqilmoqda va mustahkam xususiyatlar to'plami, foydalanish qulayligi va puxta hujjatlar tufayli ishlab chiquvchilarning sevimlisi bo'lib qolmoqda.

Highchartning barcha diagramma kutubxonalari har qanday ma'lumotlar bazasi yoki serverlar to'plami bilan ishlay oladi. Ma'lumotlar istalgan shaklda, jumladan CSV, JSON yoki yuklangan va yangilangan jonli shaklda berilishi mumkin. .Net, PHP, Python, R va Java, shuningdek, iOS va Android kabi eng mashhur tillar uchun frameworklar hamda Angular, Vue va React kabi JavaScript frameworklari Highcharts hamjamiyatida mavjud.

Highcharts ko'rish qobiliyati zaif foydalanuvchilar va faqat klaviatura navigatsiyasiga ega foydalanuvchilar uchun sanoatning eng murakkab foydalanish imkoniyatini qo'llab-quvvatlaydi.

👉 @doston_dev

🌀 PLUGINS | HIGHCHARTS (2-dars)


👉 Videoga o'tish


〽️ Biz siz uchun darslarni tayyorlamoqdamiz. Siz ham bizni qo'llab quvvatlab yuborasiz degan umiddamiz !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram

♨️ AOS JS - sahifani aylantirishda scroll animatsiyasi bilan ishlash kutubxonasi ...

Frontend dasturchilari web ilovalarni ishlab chiqishda ko'pincha mijozlar saytga ajoyib effektlarni - sahifani aylantirishda ya'ni sahifada scroll yuzaga kelganda animatsiyani amalga oshirishni so'rashlari bilan duch kelishadi. Ha, albatta, siz CSS-da bunday effektlarni o'zingiz yaratishingiz mumkin, lekin munosib animatsiya qilish uchun bir necha soat vaqt sarflaganingizga to'g'ri keladi. Ammo xavotirga o'rin yo'q. Bu maqsadlar uchun ko'plab tayyor kutubxonalar allaqachon yaratilgan va eng yaxshilaridan biri bu Animate On Scroll yoki AOS js.

AOS js sahifa pastga va yuqoriga aylantirganda ya'ni scroll hosil qilinganda elementlarni jonlantirishga ya'ni turli effektlarni hosil qilishga imkon beradi. Yuqoriga qaytsangiz, elementlar avvalgi holatiga jonlanadi va pastga aylantirsangiz, elementlar yana jonlantirishga tayyor bo‘ladi.

👉 @doston_dev