Doston Dev | IT BLOG
172 subscribers
177 photos
26 videos
3 files
220 links
🗂 Frontend endi siz o'ylaganchalik uzoqda emas!

💻 Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi

🔴 YouTube: youtube.com/DostonRajabov

👥 Muhokama uchun guruh: @doston_dev_chat

Murojaat uchun: @rajabov_doston
Download Telegram
Doston Dev | IT BLOG
Kelayotgan haftada yana qanday mavzularda video darslar bo'lishini xoxlaysiz ?
Assalom-u alaykum hurmatli obunachilar !!!

Mana so'rovnomamiz ham o'z nihoyasiga yetdi. Ko'pchilik so'rovnomada JavaScript darslarini chiqarishimizni so'rashibdi. Shuni inobatga olgan holda navbatdagi darslarimiz JavaScript dasturlash tili haqida bo'lishini sizlarga e'lon qilamiz.

Navbatdagi maqolamizda JavaScript dasturlash tili bilan yaqindan qisqacha tanishishingiz mumkin. JavaScript nima? Nega aynan Javascript? JavaScriptning afzalliklari va kamchiliklari va shu kabi savollar haqida fikr yuritamiz. Bu maqola sizda JavaScript dasturlash tili haqida ilk tassurotlarni aks ettira oladi degan umiddamiz.

Bizni kuzatishda davom eting !!!

👉
@doston_deva
🗂 JavaScript nima

Bu savolga har xil javob berish mumkin. JavaScript yuqori darajadagi dasturlash tili, to'g'rirog'i web dasturlash tili, undan ham to'g'rirog'i klient(brauzer) tomonda ishlaydigan dasturlash tili, ya'ni bu web dasturlash tili ishlashi uchun hech qanday server(Apache, ngnix) kerak emas, oddiy brauzerda(Javascript'da yozilgan kodlar) ishlayveradi.

Dastlab JavaScript "Web-sahifalarni jonli qilish(dinamik)" uchun yaratilgan. Ushbu tildagi dasturlar skriptlar deyiladi. Ularni HTML ichiga kiritish va web-sahifa yuklanganda avtomatik ravishda ishga tushirish mumkin. Skriptlar oddiy matn sifatida tarqatiladi va ijro etiladi. Ular ishlashi uchun intepritator yoki komplyatsiya bo'lishi shart emas, sizga kerakli narsa brauzer(Google va firefoxni tavsiya qilaman).

💥 Bu til nima uchun kerak

Bu dasturlash tili orqali serverga so'rov jo'natmasdan, so'rovlarni(javascript kodlarini), ya'ni yozilgan kodlar natijasini, brauzerni ishga tushirgan holda olishingiz mumkin. Asosan interaktiv(dinamik) saytlar tuzish uchun kerak.

Yuqoridagi fikr nima degani

Har xil turdagi web dasturlash tillari mavjud, misol uchun, PHP, ASP, JAVA. Bu dasturlash tillari serverga murojaat qilgan holda ishlaydi. Misol uchun, siz arifmetik qo'shish amalini bajarmoqdasiz, yig'indini olish uchun, siz yozgan kod, web serverga jo'natiladi, server bu kodni qayta ishlaydi va natijani sizga jo'natadi. Shu tariqa siz natijani olasiz, brauzer ham serverdan javob(natija) kelguncha aylanib yotadi. Bundan ko'rinib turibdiki, saytning(web sahifaning) ishlash tezligi server sozlamalariga, servergacha bo'lgan masofaga, aloqa kabellariga va boshqa narsalarga bog'liq bo'lib qoladi. JavaScript'da yozilgan kodlar esa, hech qanday serverga murojaatni amalga oshirmaydi, shu sababli bu dasturlash tili kodlari brauzerni qayta yuklamasdan ishlayveradi.

⛳️ Nima uchun JavaScript

Tilining ochiqligi e’tiborga loyiq. Odatda bir-biri bilan raqobatlashayotgan kompaniyalar ham JavaScript’ni rivojlantirish uchun hamkorlik qiladi. Tili juda moslashuvchan va ob’yektli-mo‘ljalli tarafdorlari uchun ham, funksional yondoshuvchilar uchun ham to‘g‘ri kelaveradi. Katta miqdordagi kutubxona va freymvorklari turli darajadagi vazifalarni hal eta oladi, Node.js server platformasi esa tilni nafaqat brauzerda, balki konsolda ham ishlatish imkonini beradi. Siz hatto stol ustida yoki mobil ilovalarini ham yozishingiz mumkin: birinchisini Electron freymvork yordamida, ikkinchisini esa, NativeScript yoki React Native yordamida.

🎯 JavaScript dasturlash tili bilan, JAVA dasturlash tili bitta narsami

Yo'q, bu ikki til boshqa boshqa dasturlash tillari hisoblanadi. Ko'pchilik shu ikki tilni bitta deb o'ylashadi. JavaScript yaratilganida, u boshqa nomga ega edi - "LiveScript". Ammo o'sha vaqtlarda Java tili juda mashhur edi va JavaScript-ni Java-ning "Qarindoshi(akasi)" sifatida joylashtirish foydali bo'lishi haqida qaror qabul qilindi. Vaqt o'tishi bilan JavaScript o'z xususiyatiga ega bo'lgan ECMAScript deb nomlangan mutlaqo mustaqil tilga aylandi va endi Java bilan hech qanday aloqasi yo'q.(Albatta bu JavaScript bo'lib qoladi)

📚 JavaScript tilini o'rganish uchun o'zbekcha darslarni qayerdan topsa bo'ladi

Agar sabr bilan kuzatib borsangiz, biz bu tilni, Youtube va Telegram kanallarimiz orqali o'rgatib boramiz.

Bizni kuzatishda davom eting va do'stlaringizga ham ulashing !!!


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram
🌀 JavaScript darslari | KIRISH (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
🗂 HTML, CSS, JavaScript va Backend nima

Ushbu savollarga javobni avtomobil misolida yuqoridagi sur'atlar orqali ko'rib chiqamiz.

👉 @doston_dev
#foydali_kod
#html
#css
#animation

Sof CSS o'tish (toggle) tugmalari | ON-OFF kalitlari (Switches)


👉 Kod linki

@doston_dev
🌀 JavaScript darslari | HELLO WORLD (2-dars)

Bugungi JavaScript darslarimizning navbatdagi darsida birinchi js kodimizni birgalikda yozamiz va console nima ekanligi va unda ma'lumotlarni chiqarish bilan tanishamiz.

👉 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 da ajoyib border transitionlari (CSS border transitions)

👉 Kod linki

@doston_dev
Media is too big
VIEW IN TELEGRAM
🗂 Frilanser kim

So’ngi vaqtlarda “frilans” termini juda mashxur bo’lib bormoqda – internetda pul ishlayman degan odam, bir marotaba bo’lsa ham bu so’zni eshitgan. Lekin u haqida hamma har xil tushunchaga ega. Yuqoridagi videoda siz frilanserlar kimligi haqida juda sodda va aniq ma'lumotlar orqali ma'lumotga ega bo'lishingiz mumkin.

📺 YouTube orqali ko'rish:
youtube.com/watch?v=jMLdBFaopl0&t=44s

👉 @doston_dev
#tavsiya
#tanlov

Bepro va Amity universiteti hamkorligida 12-14 noyabr kunlari StudentHack2021 - hakaton musoboqasi o'tkazilmoqda !!!

Bosh mukofot Dubayga sayohat !!!

Tanlovda individual yoki jamoa sifatida ham ishtirok etishingiz mumkin.

Ikki narsa talab qilinadi:
1) Ro'yxatdan o'tish
2) G'alaba qozonish

Hammaga omad!

👉
@doston_dev
🗂 O'zgaruvchi (VARIABLE) va qiymat (VALUE) nima

O’zgaruvchi
- bu turli xil ko’rinishdagi ma’lumotlarni o’zida saqlab turuvchi va dastur ishlash davomida qiymati o’zgarib boradigan konteynerdir.

🗑 O’zgaruvchining nomi va qiymatlari bo’ladi. O’zgaruvchining nomi orqali qiymat saqlanayotgan xotira qismiga murojaat qilinadi. Programma ishlashi jarayonida o’zgaruvchining qiymatini o’zgartirish mumkin. Har qanday o’zgaruvchini ishlatishdan oldin, uni e’lon qilish lozim.

🛢 Tushunish qiyin bo’lganduraa? Kayfiyatni cho’ktirmaymiz. Keling berilgan iboralarga, hayotiy misol orqali o’xshatish berib ko’ramiz: Tasavvur qiling sizning uyingizda omborxona bor. Tabiiyki u yerda , kundalik yumushlaringizda foydalanadigan ishchi qurollar va oyingiz tayyorlagan kampot-u qiyomlar saqlanadi. Kampot shirin bo’lganidan yozning jazirama issig’ida zo’r ketadi va ombor ham asta-sekinlik bilan bo’shashni boshlaydi. Lekin omborga kirib, uni ochmaguningizgacha qishin – yozin turaveradi. O’zgaruvchilar ham bir ombor hisoblanadi. Ular ham o’zida ma’lum bir toifaga oid qiymatlarni saqlab boradi.

Xulosa qilib aytadigan bo'lsak dasturlashda qiymat bu kichik malumot bo'lagi, o'zgaruvchi esa uzida qiymatlarni saqlaydigan konteyner hisoblanadi.

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram
🌀 JavaScript darslari | O'zgaruvchi va qiymat (3-dars)


👉 Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram
Xayrli kech hammaga !!!
Qiziqarli qisqa savol-javob
ruknini davom ettiramiz. HTML sahifasi uchun sarlavhani belgilaydigan (u brauzerning sarlavha satrida ko'rsatiladi) HTML teg qaysi ?
Anonymous Quiz
61%
<title>
20%
<html>
10%
<head>
10%
<h1>
#foydali_kod
#html
#css
#animation

Input Focus & Placeholder Effects

👉
Kod linki

@doston_dev
🗂 Javascriptni o‘rganish uchun 10 ta eng yaxshi web-sayt

Javascript - web-saytning dinamikasi va ba’zi animatsiyalari uchun kerak.
Web-dasturlashda Javascriptning o‘rni juda muhim. Quyida esa Javascriptni o‘rganishda siz uchun foydali bo‘lgan ba’zi manbalarni keltiramiz.:

1- W3schools - w3schools.com

Ushbu web-sayt dasturlash, programmalashtirish, dasturiy ta’minotni yaratishni o‘rgatishni eng birinchilardan bo‘lib yo‘lga qo‘ygan saytlardan biri. O‘rgatish uslubi juda yaxshi. Saytdagi ma’lumotlar qadam-baqadam, kichik detallar bilan tushuntirilgan.

2- Codeacademy - www.codecademy.com

Bu saytdagi o‘rgatuvchilar o‘ziga xos va interaktiv metodga ega bo‘lib, darslar boshlang‘ich darajadan murakkab darajagacha o‘rgatiladi. Men ushbu kursni o‘rganishingizni tavsiya qilgan bo‘lardim.

3- Learn javascript - learnjavascript.online

Bunda Google dasturchilaridan biri tomonidan yaratilgan Javascript o‘quv saytini ko‘rishingiz mumkin. Ushbu veb-sayt sizga bepul 40 ta kursni taklif qiladi.
Shuningdek, Flashcard dasturi kabi o'rganish uchun ma'qul bo'lgan kodli-loyihalar qo'llanmalarini ham topishingiz mumkin.

4-
Javascript.info

Nomidan ham ko‘rinib turibdiki, ushbu web-sayt faqat Javascriptni o‘rgatishga qaratilgan.

5 — Code Mentor - www.codementor.io

Ushbu veb-sayt Javascript bilan birgalikda boshqa dasturlash tillarini ham interaktiv yo‘l bilan o‘rgatadi.
Siz nafaqat Javascriptni, balki Ajax, JQuery, Angular va JSON larni ham o‘rgana olasiz.

6- Udemy - www.udemy.com

Udemy bugungi kunda juda mashhur bo'lib bormoqda. Bu yerda Javascript haqida topishingiz mumkin bo'lgan ko'plab o'quv qo'llanmalari mavjud. Shuning uchun tanlov biroz qiyin bo'ladi. Lekin siz u yerda o‘qituvchi topib, uning tavsiyalari asosida yaxshi o‘rganishingiz mumkin.

7- Edx - www.edx.org

Edx sizga bir nechta bepul kurslarni, jumladan, turli xil universitetlar tomonidan tayyorlangan Javascript kurslarini taklif qiladi.

8- Coursera - www.coursera.org

Coursera - bu Stenford professorlari tomonidan ishlab chiqilgan o'quv web-sayti.
Ushbu onlayn kurslarda London, Michigan singari ko‘plab universitetlar tomonidan darslar joylangan. Bular bepul va pullik onlayn kurslar bo'lib, barcha darajalarga: yangi boshlovchilar, o‘rta daraja va hatto yuqori darajadagi dasturchilarga ham mo‘ljallangan.
Pulli kurslarning ba'zilari esa sizning LinkedIn ga o‘xshash profillaringizda foydalanishingiz mumkin bo'lgan sertifikatlarni berishadi.

9 — MDN - developer.mozilla.org

MDN (Mozilla Developer Network) asosan dasturchilarga mo‘ljallangan. Shuning uchun ham MDN dan foydalanuvchilarning ko‘pchiligi boshqa dasturlash tillarini ham bilishadi va uzoq vaqtdan beri dasturlash bilan shug‘ullanishadi.

10 — Pluralsight.com

Internetda o‘rganish mumkin bo‘lgan eng yaxshi saytlardan biri. Chunki u yerda nafaqat web-dasturlash, balki mobil ilovalarni tuzish uchun ham ko‘plab materiallar mavjud. Siz nafaqat Javascriptni, balki Javascript kutubxonalari ReactJS, Angular, JQuery, NodeJS va boshqalarni ham o‘rgana olasiz.


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

👉 Telegram | YouTube | Instagram
Qiziqarli qisqa savol-javob

Tegning ochilish qismida yozilib teg haqida qo'shimcha ma'lumot beradigan element nima ?
Anonymous Quiz
26%
Class
50%
Attributes
10%
Id
14%
Style