Web Dasturlash kanali
9.91K subscribers
1.41K photos
437 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: http://t.me/techno_ads/17
Download Telegram
Qisqa satrlarda JavaScript. Kirish

JavaScript
yetakchi dasturlash tillaridan biri. Hozirda ushbu til brauzerdan tashqarida ham keng qoʻllanilmoqda. Soʻngi yillarda Node.js ning yaratilishi esa Java, Ruby, Pyhton va PHP kabi anʼanaviy server tillarining hukmronligiga chek qoʻydi. Shu jihatlarni inobatga olib biz sizga Javascript haqida “Qisqa satrlarda JavaScript” turkum maqolalarini taqdim etmoqdamiz. Maqolalarni yaratishda mashhur dasturchi, blogger Flavio Copes tomonidan yaratilgan qo’llanmani asosiy manba sifatida foydalandik. Qoʻllanmada 80/20 qoidasiga rioya qilingan, yaʼni vaqtingizning 20% ini sarflab, materialning 80% ini oʻrganishingiz mumkin. Shu jihati meni o’ziga rom etdi desam ham bo’ladi.

@webdev07
davomi:
https://medium.com/@falconur/qisqa-satrlarda-javascript-c3b5d78244ae
​​Qanday qilib React JS bo'yicha yaxshi dasturchi bo'lish mumkin?

Assalomu aleykum qadrli do'stlar!
Bugun yana bir foydali postni yozishga qaror qildim.
HTML, CSS, JS o'rganib bo'lib endigina React JS kutubxonasini o'rganmoqchi bo'lganlar uchun bu post juda foydali bo'ladi!

React JS ni o'rganayotganlarda bu kutubxona juda qiyin tuyulishi mumkin lekin unday emas! To'g'ri qiyin taraflari bo'lishi mumkin lekin bu qiyinchiliklarni yengib o'tish uchun sizdan harakat, amaliyot talab etiladi.
Endi esa React JS o'rganish bo'yicha foydali tavsiyalarni keltirib o'taman.

Tavsiyalar quyidagicha:

React JS asoslarini yaxshilab o'rganing

Props, Statelar bilan ishlash va ularning vazifalarini bilib oling

React JS dagi fayllar strukturasini ham bilib olishingiz kerak

Ko'proq real loyihalar ustida ishlang ( Netflix, YouTube, Amazonning clone versiyalarini yaratib ko'ring. Bu bo'yicha YouTubeda video darslar mavjud )

Bu real loyihalar orqali bilmagan narsalaringizni o'rganishingiz va tajribangizni oshirishingiz mumkin

API bilan ishlashni ham o'rganing

Eng muhimi o'rganishdan, izlanishdan to'xtamang, amaliyot qiling!

Mana shu tavsiyalarim sizlar uchun foydali bo'ladi degan umiddaman. React JS ni o'rganing chunki bu kutubxona ustida ko'pgina loyihalar amalga oshirilmoqda.

@webdev07
Burger Menu animations
.
Ushbu menuni yasashda asosan CSS da pseudo-elementlardan foydalanilgan. Bundan tashqari, menyuni ochish va yopish uchun oddiy animatsiyani foydalanilgan, chunki bu asta o'tishni tamillaydi va juda yaxshi chiqadi😊
Kodlari bilan tanishib ishlatib ko'rishlaringiz mumkin 😍

@webdev07
🔥1
Media is too big
VIEW IN TELEGRAM
📹 Dasturchi bo'lish uchun 10ta sabab .
👤 #Farkhod_Dadajanov

👉 Kanal: t.me/webdev07
🔥1
Media is too big
VIEW IN TELEGRAM
Eng qimmat resurs bu vaqt

Bobir Akilkhanov
IT Tadbirkor | Investor

@webdev07
🔥1
Qisqa satrlarda JavaScript — 2. JavaScriptning leksik tuzilishi

Qisqa
satrlarda Javascript turkumini davom ettirgan holatda sizlarga JavaScriptning leksik tuzilishi haqida ma’lumot beramiz va uning tashkil qiluvchi elementlarini alohida ko’rib chiqamiz. Bular: yunikod (unicode), nuqtali vergul, bo’sh maydon (probel, tabulyatsiya, yangi qator), registr sezuvchanligi (case sensitivity), kommentariya, literal, identifikator, kalit so’zlar.

Yunikod
JavaScript yunikod da yozilgan. Yunikod belgilar standarti bo’lib, hozirda foydalanilayotgan dunyo tillarining belgilarini o’zida jamlagan. Hozirgi kunda eng ko’p foydalanilayotgan standart hisoblanadi. Bu degani siz o’zgaruvchilaringizni nomlayotganda istalgan belgidan foydalishiz mumkin: arab harflari yoki xitoy iyerogliflari, hattoki emojilardan ham foydalana olasiz :) Lekin identifikatorlarni tanlayotganda ba’zi qoidalarni unutmaslik kerak, bu haqida keyinroq.

Nuqtali vergul
Ko’pincha JavaScript kodlarida siz nuqtali vergulni uchratgan bo’lsangiz ajab emas. Ammo nuqtali vergulsiz ham kodingiz ishlashi mumkinligini o’ylab ko’rganmisiz. JavaScriptda nuqtali vergul majburiy emas. Siz bemalol ularni yozmasdan ketishingiz mumkin. JavaScript bu borada sizga tanlash imkonini beradi va bu o’zingizning kod yozish uslubingizga bog’liq.

@webdev07
davomi..
https://medium.com/@falconur/qisqa-satrlarda-javascript-javascriptning-leksik-tuzilishi-eb32268185fd
🔥1
2020 yilda o'rganish uchun eng yaxshi dasturlash tillari

Assalomu aleykum qadrli do'stlar!
Ko'pgina beriladigan savollardan biri qaysi dasturlash tilini o'rganish kerak? Aynan bugungi postimizda keltirib o'tilgan dasturlash tillarini birini o'rganib yuqori daromadli kasb egasi bo'lishingiz mumkin! Shunday ekan dasturlashni o'rganishni hozirdanoq boshlang.

1. Python
2. Java
3. JavaScript
4. Swift
5. C#
6. C va C++
7. Ruby

@webdev07
🔥1
🔥 Bugun o'rganganlarimiz bo'yicha bir kichik portfolio sayt yasab ko'ramiz

Bir ozdan so'ng Youtube kanalimda

@webdev07
​​#terminlar

Dasturlash olamida bilishingiz kerak bo'lgan terminlar (1-qism)

🗝 Algorithm - ma'lum bir vazifani bajarish uchun harakatlar to'plamidir. Dasturlashda algoritmlar muammoni hal qilishning eng muhim qismidir. Algoritmni ishlab chiqishdan avval dasturchilar muammoni hal qilish uchun barcha zarur qadamlarni va har bir bosqich nimani o'z ichiga olganligini yozib oladilar.

📲 Application - siz shubhasiz applicationlar ya'ni ilovalar bilan tanishsiz. Faqat nomini bilmasligingiz mumkin halos. Masalan har kuni будильник qo'yish uchun siz ilovadan foydalanasiz. Siz dasturchi sifatida veb ilovalar, mobil ilovalar va kompyuter ilovalari orasidagi farqni bilishingiz kerak.

🐞 Bug - agar siz dasturchi sifatida ishlashni istasangiz, bu so'z sizning lug'atingizda bo'lishi kerak bo'lgan eng muhum so'zlardan biri. Oddiy qilib aytganda bug bu veb-sayt yoki ilovani kerakli darajada ishlashiga xalal beradigan xatolikdir. Dasturlash olamida siz tez-tez buglar bilan yuzlashasiz va bunday muammolarni yechish asosiy vazifangiz hisoblanadi.

💾 Cache - kesh bu ma'lumotlarni vaqtinchalik saqlash uchun joy hisoblanadi. Tashrif buyurgan veb-saytingizdagi ma'lumotlar avtomatik tarzda sizning keshingizga saqlanadi. Agar yaqin kelajakda siz veb-saytga qayta kirsangiz undagi ma'lumotlar sizga original serverdan emas, balki keshingizdan olingan holatda havola qilinadi. Bu veb-saytning tezligini sezilarli darajada oshiradi.

👨‍💻 Code - albatta kod nima ekanligini bilmas ekansiz o'zingizni dasturchi deb atashingiz biroz kulgili holat bo'ladi. Kod bu dasturchilar dasturlash tillaridan foydalanib yozadigan narsadir. Kodlarning ko'rinishi qanday bo'lishiga qiziqsangiz, internet brauzeringizni oching va sichqonchaning o'ng tomonini bosib "view page source" (sahifa manbasini ko'rish)ga bosing. Siz biror veb-saytning ba'zi kodlarini mana shu yo'l bilan ko'rib olishingiz mumkin.
muallif: ©️Muhammadbobur

Dasturlash haqida ma'lumotlar:

@webdev07
🔥1
JavaScript dasturlash tili haqida muhum ma'lumotlar.

JavaScript nima?
Bu savolga har xil javob berish mumkin. Bu dasturlash tili, to‘g‘rirog‘i veb dasturlash tili, undan ham to‘g‘rirog‘i klient tomonda ishlaydigan dasturlash tili, ya’ni bu veb dasturlash tili ishlashi uchun hech qanday server kerak emas, oddiy brauzerda ishlayveradi.

🤓 JavaScript veb dasturlash tilini qachon o‘rgangan ma’qul? - Bu dasturlash tilini HTML, CSS kabilarni o‘rganib olgandan keyin boshlagan yaxshi. Shunda o‘rganish ham oson bo‘ladi. Ko‘pchilik darhol PHP veb dasturlash tilini o‘rganishni boshlab yuborishadi, keyin qiynalib qolishadi, mani fikrimcha dasturlash tilidan dastlab Javascript’ni o‘rgangan yaxshi va yengil.

📈 JavaScript dasturlash tilining rivoji va kelajakdagi o'rni qanday? - Hozirgi kunda ushbu dasturlash tili dasturchilar orasida alohida xurmatga egadir. Jumladan ushbu dastur yordamida web-sayt yaratish, telefonlar uchun dasturlar yaratish va boshqa muhim va katta dasturlash yaratiish mumkin.

💰 JavaScript dasturlash tili orqali qancha daromad topsa bo'ladi? - Hozirgi kunda dasturchilik kasbiga bo'lgan extiyoj va e'tibor kun sayin ortib bormoqda. Daromadiga kelsak, O'zbekistonda 1000$ dan 6000$ gacha. Chet elda 8000$ dan 500000$ gacha oylik topishadi.

👨‍💻 Ish topish qiyinmi, oson!? - Ish topish juda oson. Siz ushbu internet saytlar orqali doimiy va vaqtinchalik ish topishingiz mumkin: Freelance.comgiglancer.uzwebdastur.uzFreelance.rufl.ru

P/S: Vaqtingizni bekor ketkazmay, harakatni hozirdan boshlang va o'z natijangizga erishib, yuqori daromad topishni boshlang.

@webdev07
🔥1
Kodlarni kasallikdan asrang 😅

@webdev07
🔥1
​​#terminlar

Dasturlash olamida bilishingiz kerak bo'lgan terminlar (2-qism)

🐞 Debugging
- sizga ma'lumot berganimiz muammo (bug)lar esingizdami. Debugging bu xuddi shunday muammolarni yechish jarayoni hisoblanadi. Muammolarni tuzatish bir necha bosqichdan iborat jarayon hisoblanadi. Dasturchi muammoni topadi, koddan nusxa ko'chiradi va tuzatishga kirishadi. So'ng uni sinovdan o'tkazib, agar kerak bo'lsa qayta tuzatadi.

🖼 Frameworks - freymvorklar loyihani ishlab chiqish jarayonini osonlashtirish va tezlashtirish uchun ishlab chiqilgan bo'ladi. Oddiy qilib aytganda siz freymvorkni muammolaringiz uchun yechimlar to'plami deb tushunib olishingiz mumkin. Ba'zi mashhur freymvorklar: Bootstrap, Angular, Laravel.

📚 Libraries
(kutubxonalar) - dasturchilarning vaqtini va energiyasini tejashda katta yordam berishi mumkin. Kutubxonalar bu oldindan yozib qo'yilgan kodlar va modullar to'plami bo'ladi. Kutubxonalar orqali dasturchilar o'zlariga kerakli kodni ko'chirib, ishlatishlari mumkin. Masalan: JavaScript(dasturlash tili), jQuery(JavaScript kutubxonasi).

🔬 Minification
- bu fayl hajmini kamaytirish uchun kod va belgilarni minimallashtirish jarayoni. Masalan, dasturchi loyihani kodlashtirish jarayonida kodlar orasida bo'sh joylar qoldiradi, izohlar yozib boradi (kodni o'qishni oson qilish uchun). Minifaction jarayonida kodlar orasidagi bo'shliqlar va izohlar olib tashlanadi. Bu sahifani tezroq ishlashiga va foydalanuvchida yaxshi taassurot uyg'otish uchun muhim hisoblanadi.

🔌 Plugin - asosan mavjud dasturiy ta'minot (loyiha)ga qo'shimcha funktsiyalar qo'shadigan kengaytma. Masalan brauzeringiz uchun yoki matn muharriringiz uchun plaginlar. Agar ilova plaginlarni qo'llab-quvvatlasa buning yaxshi tomoni yangi imkoniyatlarni qo'shish oson bo'ladi. Shuningdek ilovaning hajmi ham kattalashib ketmaydi.
muallif: @the_muhammadbobur

@webdev07
Agar backend darsturchilar css bilan ishlasa 😅

@webdev07
🔥1
Bo'lajak dasturchi do'stlarimizga Python dasturini o'rganishni maslahat beraman.

1.Sababi: Quyidagi eng boy kompaniyalarning telefon va kompyuter dasturlari Python dasturida tayyorlangan.
1. Apple — $1888/sekund
2. Samsung — $1265/sekun
3. Google — $975/sekund
4. Facebook — $701/sekund
5. Intel — $668/sekund

2.Sabab: Ushbu gigantlar kompaniyalarga esa bugungi kun va kelajakda online hamda ofline ishlovchi doimiy ishchilar doimiy kerakdir. Chunki bu kompaniyalar nafaqat web dasturlash balki umumiy dasturlash bo'yicha ish olib boradilar.

3.Sabab: Ushbu kompaniyalardagi oylik maoshlar (o'zbeklar uchun) aql bovar qilmas darajada yuqori. Ya'ni 50 mln dan 1 mlrd(so'm) gacha va undan ham ortiq bo'lishi mumkin. Agar siz o'z sohangizda haqiqiy professional bo'lsangiz 1 mlrd dan ham ko'p maosh olishingiz mumkin.

P/S: Men dasturchiman. Shaxsan men uyda o'tirib oyiga 1000$ dan 2000$ gacha pul topaman.

@webdev07
🔥1
Web dasturlash haqida
1-qism
Dasturlash juda qiziqarli va har tomonlama foydali mashg’ulot. Dasturlashni o’rganish juda oson. Qiziqish va yangi bilimlarni o’zlashtirishga bo’lgan yuqori darajadagi istak bilan bir necha oylik mehnat orqali har kim malakali dasturchiga aylanishi mumkin. Web dasturlash mening sevimli mashg’ulotlarimdan biri.

Web dasturlash brauzeringiz orqali ko’rishingiz va foydalanishingiz mumkin bo’lgan barcha web dasturlarni tayyorlash jarayonini o’z ichiga oladi. Web dasturlash ham juda qiziqarli va katta daromad keltiradigan soha hisoblanadi. Malakali dasturchilarga bo’lgan talab bugungi kunda har doimgidan ham yuqori. Agar qachondir web dasturlashni o’rganish haqida o’ylab ko’rgan bo’lsangiz, hozir bu niyatingizni amalga oshirish uchun kirishishning ayni vaqti!

Web dasturlash darslari
Kanalimda web dasturlashga oid ko’plab ma’lumotlarni topishingiz mumkin. Darslar ham bor. YouTube kanalimda boshlang'ich darslar ham mavjud. Tez orada JavaScript darslarini ham boshlaymiz. Bundan tashqari Youtubeda, sayt va kitoblarda Web darsturlashga kerak bo'ladigan manbalar juda ko'p.
#terminlar

@webdev07
This media is not supported in your browser
VIEW IN TELEGRAM
CSS-da quyosh tizimi

Sayyoralar orasidagi o'tish chap tomonga yoki rasmga bosish orqali amalga oshirilishi mumkin. Sayyoramizning ta'rifi ostida «Read more» o'qing ko'proq tugmasi bilan ma'lumot olishingiz mumkin.

@webdev07
🔥1