Web Dasturlash kanali
9.82K subscribers
1.41K photos
441 videos
31 files
1.05K links
πŸ–₯ Web dasturlash bo'yicha muhim maslahatlar, post, maqola va qiziqarli ma'lumotlar kanaliga xush kelibsizlar!

⁉️IT blog: @javohir_webdev

😎 Reklama: https://t.iss.one/techno_ads/17
Download Telegram
-Kim pythonni o'rganishni xohlaydi?
-Kim matemetikani o'rganishni xohlaydi?
-Kim data scienceni o'rganishni xohlaydi?

Kim aytgan o'zi dasturlash uchun matematika kerak emas deb 😁

βœ… @webdev07
πŸ”₯1
This media is not supported in your browser
VIEW IN TELEGRAM
Yuklanish uchun placeholder

Ushbu vosita orqali siz o'z saytingizga CSS da yozilgan kontent yuklanish animatsiyasini osongina qo'shishingiz mumkin.

Havolada ushbu vositaning ishlashi hamda uni o'rnatish bo'yicha qo'llanma keltirilgan:

LINK πŸ‘‰ https://github.com/zalog/placeholder-loading

βœ… @webdev07
Kutubxona va freymvork: farqi nimada?

Kutubxona
β€” ma'lum bir muammoni yechishga qaratilgan klass va funksiyalar konteyneri. Masalan:

jQuery – DOM bilan ishlashga qaratilgan funksiyalar to'plami.
D3 – SVG yordamida vizualizatsiyalar yaratishga qaratilgan kutubxona.
React – ma'lumotlarni ko'rsatish hamda DOM daraxtni boshqarishga qaratilgan kutubxona.

Freymvork – kutubxonalardan tashkil topgan ilova karkasi. Freymvork ilovangiz arxitekturasi tuzilishini belgilaydi. Masalan:

AngularJS – SPA yaratishga mo'ljallangan freymvork, shuningdek, ishlab chiqarish va tekshirish (developing and testing) uskunalari bor.
Vue.js – Angular kabi SPA yaratishga mo'ljallangan.
Ember.js – SPA yaratish uchun.

*SPA - single page app, "yagona sahifali ilova"

βœ… @webdev07
Forwarded from Javohir Berdiyev | Blog
It ❌ - IT βœ…
Qisqartirma so'zlar kichik harflarda yozilmaydi πŸ€¦β€β™‚οΈ
Ma'no o'zgarib ketadi. Shunga e'tiborli beraylik

@javohir_webdev
Video.js kutubxonasi

Agar o'z saytingizga video qo'ymoqchi bo'lsangiz, ushbu kutubxonaga e'tibor bering. Bu kutubxona yordamida siz sahifada qulay player joylashtirishingiz mumkin.

Ushbu player ko'p platformalar bilan ishlay oladi, ko'rkam ko'rinishga ega hamda standart imkoniyatlarini kengaytiruvchi anchagina plaginlari bor:

LINK πŸ‘‰ https://videojs.com/

βœ… @webdev07
Domen tanlashda maslahatlar

Saytni yozib bo'ldingiz, endichi? To'g'ri, uni internetga joylash kerak. Bu uchun esa to'g'ri domen tanlay olishingiz kerak. Quyida asosiy maslahatlar:

Domen zonasini tanlash
Domenlar shartli ravishda 2 turga bo'linadi: geografik joylashuviga qarab (.ru, .uz, .kz); yo'nalishiga qarab (tijoriy saytlar β€” .com, ta'limiy saytlar β€” .edu, notijoriy saytlar β€” .org va h.k).

Domen nomi
Sayt nomini tanlashda turli belgi va raqamlardan foydalanmang. Ular eslab qolish uchun qiyin. Shuningdek, nom tanlab bo'lganingizdan keyin uni Google dan qidirib ko'ring. Agarda u raqiblaringiz domenidan bitta harf yoki tire bilan farq qilsa unda boshqa variantlarni ko'ring.

Kompaniya faoliyati yoki brend nomi?
Siz saytingizga o'z kompaniyangiz faoliyatidan kelib chiqib nom berishingiz mumkin. Masalan, telremont.uz, tashmebel.uz. Kamchiligi, bunday nomlar allaqachon band bo'lishi mumkin.

2-variant esa bu bevosita brend nomidan foydalanish. Ko'p kompaniyalar shu yo'ldan boradi: samsung.com, toshiba.com, artel.uz. Kamchiligi, boshlang'ich etapda reklama qilish qiyin bo'ladi. Hech kim notanish firmani internetdan qidirmaydi.

βœ… @webdev07
Forwarded from Web Dasturlash kanali
πŸ˜„ dasturchilar o'zlarnini qanday his qilishadi ?

Do'stlaringizni biz bilan ulashing 😊
πŸ‘‡πŸ‘‡πŸ‘‡
@webdev07
Kuniga 2 soatdan shug'ullanish. 1 yilda qanaqa dastur yoza olasiz?

Albatta, hammamiz bilamiz, ko'p kishi dasturlashni o'zlari o'rganishadi. Internetdan, turli xil kitoblardan, har xil resurslardan. Ana shunday ishtiyoqi bor dasturchilar ertaga foydasi tegadigan mutaxassis bo'lib yetishadi.

Nimadan boshlash zarur?

Google'ga kiring. Qaysi dasturlash tilini o'rganmoqchi bo'lsangiz, o'shaning kurslarini oling. Bitta Sublime Text matn muharriri, bitta daftar, bitta ruchka va tinchlik. Ro'yxatda Sublime nima deb savol berishingiz mumkin. Sublime β€” matn muharrir bo'lib, u orqali dasturlarni chiroyli dizaynda yozib, uni saqlab terminal orqali ishga tushirish uchun mo'ljallangan. Daftar-chi? Daftar siz kursda eshitgan, bilib olgan ma'lumotlar, jumladan funksiyalar, protsedura va modullarni yozib olishga kerak bo'ladi. Shaxsan men Python dasturlash tilini shunday o'rganganman va o'rganishda shu tarzda davom etyapman. Daftarga yozish jarayonida boshqa funksiyalarni ko'raman, va shu orqali ularni bir takrorlab chiqaman. Tinchlik esa diqqatni rostlash uchun. ExeLabning ajoyib, daxshat kurslari! πŸ‘‰ Download

Kursdan oldin nima qilish kerak?

Albatta, kursdan oldin toza havoga bir chiqib olish kerak. Organizm toza kislorodga to'yinsa, miya faoliyati "Ρ‡Π΅Ρ‚ΠΊΠΈΠΉ" ishlaydi, doktormasman-u, lekin bilaman 😊 Yoningizga ichimlik oling, xoh-u choy bo'lsin, yoki suv. Kompyuter atrofini bo'shating, tashqi shovqinni yo'qoting. Shundagina u quloqdan kirib bunisidan chiqib ketmaydi!

Kuniga 2 soatdan 365 kun.

Agar siz shu yo'sinda, oldingizga maqsad qo'yib, shiddat bilan o'rgansangiz 1 yilda siz umuman boshqacha bo'lasiz. Siz oldingi hammadan yordam so'rab yuradigan, tushuntirishsa kallasiga "tepmaydigan" beginner emas, kamida junior bo'lasiz. Bu katta natijaga bir kun ham qoldirmaganlar sazovor. Qiziqsangiz, o'rganing, Majburiy o'rganishdan naf yo'q!


Men har doim o'qiyman va izlanaman! Qabr toshi mening diplomim...
Β© Ertta Kitt

βœ… @webdev07
Afghanistandagi yangi IT minister 😁 (-IT ni va internetni rivojlantiramiz kim qarshilik qiladi πŸ˜‚ )

βœ… @webdev07
πŸ”₯1
Mo.js - motion grafika yaratish uchun kutubxona

Yangi developerlar uchun animatsiyalarni yaratish eng qiyin ishlardan biridir. Mo.js kutubxonasi bu jarayonni soddalashtiradi va uni nafaqat oson, balki yoqimli qiladi.

Ushbu kutubxona yordamida yaratilgan animatsiyalar tezda yuklanadi, muammosiz ijro etiladi va ekranning istalgan o'lchamiga moslashadi. Kutubxona 2016 yildan buyon izchil rivojlanib bormoqda va hali ham mashhur va talabga ega.

LINK πŸ‘‰ https://mojs.github.io/

βœ… @webdev07
Frontend-dasturchining qurollari

Quyida siz frontend-dasturchining ishini osonlashtiradigan turli vositalar bilan tanishishingiz mumkin.

IntelliJ IDEA
Juda qulay IDE. Deyarli barcha til va barcha freymvorklar bilan ishlay oladi. Sozlamalarini kovlash shart emas, tayyor korobkadan ishlaydi.

Google Chrome + DevTools
Frontend-dasturchi uchun maksimal darajada qulay va funksional veb-brauzer. Doimo yangi imkoniyatlar qo'shilib boriladi. Agar asosiy funksiyalari kamlik qilsa, kengaytmalardan foydalanish mumkin. Masalan, React Developer Tools va Redux DevTools.

GitHub Desktop
Github platformasi bilan ishlashni qulaylashtiruvchi kliyent.

Figma
Dizayn bilan ishlash uchun eng zo'r vosita. Ko'plab plaginlarga ega.

MDN
Veb-texnologiyalar bo'yicha asosiy ma'lumotlar manbayi. Ishonchli. https://developer.mozilla.org/en-US/

StackOverflow
Barcha dasturlash tillari, xususan, frontend bo'yicha ham minglab savollarga javoblarni saqlaydigan platforma. O'z muammongizni tushuntirib savol berishingiz yoki boshqalarning savollariga javob berib, bilimingizni mustahkamlashingiz mumkin.

βœ… @webdev07
πŸ‘2
CSS-animatsiyalar tuzish uchun servis

Ushbu servis orqali siz osongina o'zingizga kerak bo'lgan animatsiyalar yaratishingiz mumkin. Tayyor presetlardan foydalaning yoki qulay menyu orqali o'z variantingizni o'ylab toping. Tayyor natijani esa birdaniga HTML, React yoki Vue ga ko'chirib olish mumkin.

LINK πŸ‘‰ https://animxyz.com/

βœ… @webdev07
Endi boshlayotgan backendchi dasturlash tilidan tashqari yana nimani bilishi kerak?

Bitta tilni o'rganib, men backendchiman deyish noto'g'ri. Quyida siz yana qanday texnologiyalarni o'rganishinigiz kerakligi keltirilgan:

Operatsion tizimlar: Yaxshi backendchi unix-turli OT ya'ni Linux tizimlarini bilishi kerak. Siz aktiv tarzda serverlar bilan ishlaysiz, va ularning ko'pi Linuxda ishlaydi.

Terminal: Server bilan uning tilidan gaplashish uchun, siz terminal bilan ishlash, uning buyruqlarini va umuman buyruqlar interfeysini o'rganishingiz zarur. Bu yerda standart - bash.

Git: Bu yerda ortiqcha izoh ham shart emas, ko'pjamoaviy ishlab chiqarishda ham, yakka dasturlashda ham git texnologiyasini bilishingiz zarur. Birinchi qadamni esa Githubda akkaunt ochishdan boshlashingiz mumkin.

βœ… @webdev07
Forwarded from Javohir Berdiyev | Blog
Dasturlashni o'rganayotganlar uchun maslahatlar

1. Izchil bo'ling
Dasturlashni o'rganishning eng zo'r yo'li bu kod yozishdir. Ko'proq kod yozish. Har kuni kod yozish. Kod yozib, muammolarni yechish.

2. Konspekt qiling
O'zingiz uchun. Qulay va tushunarli tarzda. Xohlagan uslubda. Qo'lda yozilgan yozuvlar uzoq muddatli yodlash uchun eng yaxshisidir.

3. Dam oling
Qizib ketmaslik uchun. Quvvatni qayta to'ldirish uchun. Aqlni joyga keltirish uchun.

4. Vaqt bilan ishlashni o'rganing
Kuniga 18 soat degan gaplarni esdan chiqaring. Shunchaki uzoqqa borolmaysiz. Rejimni yo'lga qo'ying: 8 soat uyqu, to'laqonli ovqatlanish, quyoshga chiqib turish. Dasturlash hayotingizni asosiy qismi bo'lsin, ammo uni butunlay egallab olmasin.

βœ… @javohir_webdev
javob qaysi 😁 ?

βœ… @webdev07
Docker nima va nima uchun ishlatiladi?

Docker konteynerlar bilan ishlovchi texnologiya. Konteyner deganda, dasturlarni va ularning izmlarini bitta Β«qutigaΒ» jamlab, har qanday tizimda ishga tushirish tushuniladi va Docker shunday imkoniyatni taqdim etadi. Dasturchi o'zi yozgan dasturning qaysi tizimda, qanaqa sharoitlarda ishlashi bilan bezovtalanmaydi, u shunchaki Docker yordamida barcha sharoitlarga ega Β«qutiΒ» ichiga dasturni joylab, uni sinovdan o'tkazadi.

LINK πŸ‘‰ docker.com/

βœ… @webdev07
Backendning asosiy tillari

1. Java
20 yildan beri ishlatilib kelinadigan universal til. Java katta hamjamiyatga ega, va internetda til bilan bog'liq har qanday savolga javob topsa bo'ladi.

2. PHP
78% saytlar PHP dan foydalanishadi. 1995-yilda yaratilgan. Boshlovchilar uchun ajoyib til.

3. .NET (C#, Visual Basic)
Ochiq kodga ega, Microsoft tomonidan ishlab chiqilgan ASP.NET freymvorki Visual Basic, C#, F# kabi tillardan foydalangan holda veb-saytlar yaratish imkonini beradi. Stabil va ishonchli bo'lgani uchun biznes uchun yaxshi tanlov hisoblanadi.

4. Ruby va Ruby on Rails
Ruby on Rails β€” Ruby tilida yozilgan veb-freymvork. 2000-yillar boshida mashhur bo'lgan, hozirda unga talab sezilarli darajada pasaygan.

5. Python
Juda mashhur dasturlash tili. Ham webda, ham desktopda qo'llaniladi. Dasturlashga endi kirib kelayotganlar uchun yaxshi tanlov.

6. Javascript
Ham frontend, ham backend uchun ishlatish mumkin bo'lgan yaxshi moslashuvchan til. Webning asosiy tili desak ham mubolag'a bo'lmaydi.

βœ… @webdev07
Bilimlaringizni kuchaytirish uchun o'yinlar to'plami

Quyida keltirilgan o'yinlar bilan tanishib chiqib, Javascript va boshqa bilimlaringizni mustahkamlashingiz mumkin.

β€” Untrusted. Oddiy interfeys, biroq qiziqarli syujetga ega o'yin. Javascriptdan foydalangan holda, bosh qahramonga uning sarguzashtlarida yordam bering. LINK.

β€” Elevator Saga. Liftlarni maksimal darajada unumdor ishlashi uchun dasturlang. LINK.

β€” Flexbox Defense. Tower Defense janridagi bu o'yinni o'ynab, siz aniq Flexboxning CSS-xususiyatlarini o'rganasiz. LINK.

β€” ChekiO. Bu o'yinda siz turli xil masalalarni yechgan holda, orollar bo'ylab sayohat qilasiz. O'yin tajribali hamda endi boshlagan Python dasturchilarga mo'ljallangan. LINK.

βœ… @webdev07