Calculator yasash - HTML, CSS va Js dan foydalanib, Amaliyot dars

👇👇👇
@webdev07
#html #css #js
Telegram | YouTube | Instagram

Ajoyib CSS ish "🐶 ♥️"
➡️ codepen.io
#html #css

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

JavaScript framework'lari haqida.

🔷 Framework bu maʼlum bir dasturni maqsadli tarzda yaratish uchun mo‘ljallangan funksiyalar yig‘indisidir.

🔷 O'zimiz uchun Framework tanlashda biz uning qanchalik ommaviyligi, vaqt o'tishi bilan o'zining ommaviyligini saqlab qolishi va bozordagi talabiga qarab tanlashimiz maqsadga muofiq bo'ladi.

🔷 Hozirgi kunga kelib JavaScript uchun mo'ljallangan Frameworklar juda ko'p va ular orasida eng ko'p ishlatiladiganlariga to'xtalib o'tamiz. Bular React, Angular va Vue.

🔷 Amerikaning Indeed.com saytining o'tkazgan so'rovnomasiga ko'ra ish beruvchilar talabi quyidagicha.
Unga ko'ra:

- Vue.js 0.8 %
- Angular 21.0 %
- React 78.1 %

talab natijalari e'lon qilingan.

🔶 Angular - bu Google kompaniyasi tomonidan ishlab chiqilgan JavaScript framework! U bizga, ya'ni dasturchilarga sahifani yanada dinamik qilishda yordam beradi, Angular 2016 yil 14 sentabrda keng ommaga taqdim etildi. Shu kundan beri web dasturchilar tomonidan juda keng qo'llanib kelinmoqda va dasturlashdagi eng so'nggi texnologiyalar sirasiga kiradi.

🔶 Vue - bu 2013-yilda ishga tushirilgan, juda moslashuvchan foydalanuvchi interfeyslari va murakkab yagona sahifali ilovalarni yaratishga moslangan JavaScript kutubxonasi hisoblanadi.

🔶 React - bu Facebook tomonidan yaratilgan, UI (User Interface) yaratish imkonini beruvchi front-end JavaScript texnologiyasidir. Bu platforma dasturchilarga o’zining komponentlarga asoslashgan arxitekturasi bilan judayam qo’l keladi. Avvallari bunday imkoniyat faqat Java yoki C# dasturlash tillarida mavjud edi.

☑️ Xulosa: Haqiqiy dasturchi uchun tanlovning hech qanday muhim farqi yo'q, chunki dasturchi faqatgina yangi narsalarni o'rganish uchun vaqt sarflaydi. Professional dasturchilar ko'pincha ReactJS va Angular 2/4/5 bo'yicha tajriba orttirishadi, lekin Vue.js'dan ham foydalanib turishadi. Har bir tizimning afzalliklari va kamchiliklari mavjud, ya'ni mahsulotni ishlab chiqishda har bir ish uchun faqat to'g'ri tanlov bo'lishi kerak.

🔺 Agar siz JavaScript Frameworklari haqida ko'proq bilmoqchi bo'lsangiz
o'zbek tilidagi darslar 👇🏻:
Angular darslari Farhod Dadajonov
ReactJs darslari Alisher Musulmonov
Vue Js dan o'zbekcha yaxshi kantent topa olmadim, agar siz bilsangiz izohlarda qoldiring
Boshlang'ich HTML CSS darslarini
kanalimiz orqali videoni tomasha qilishingiz mumkin.

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

​​HTML'ni qancha vaqtda o'rganish mumkin?

🔷 Ko'pchilik web dasturlashni endi o'rganayotgan yoki o'rganish niyatida bo'lgan do'stlarimiz, bu kabi savollarni ko'p berishadi. Odatda ular bunga aniq javob olishni istashadi (ya'ni: bir kunda, o'n kunda va h.k).

🔷 Biror bir yangi narsani o'rganish avvalo o'zimizning o'rganish qobiliyatimizga bog'liqligini unutmasligimiz kerak. Ba'zi kishilar buni qancha harakat qilishsa ham tez o'rgana olishmaydi.
Endi aniq raqamlarga to'xtaladigan bo'lsak. Yuqorida aytib o'tganimizdek bu sizning o'rganish darajangizga bog'liq. Bu muddat bir kundan bir oygacha vaqt olishi mumkin. Menimcha esa o'rtacha odam uchun bir hafta muddat yetarlicha bo'lsa kerak.

🔷 O'rganish ham ko'p jihatlari o'qituvchiga ham bog'liqligi hech kimga sir emas. Siz endilikda uyda turib ham sifatli darslardan bahramand bo'lishingiz mumkin. Bizning YouTube kanalimizda HTML bo'yicha sifatli darslar mavjud.

☑️ HTML darslarini ko'rish

Ijtimoiy tarmoqlardagi sahifalarimiz 👇
@webdev07

Ajoyib "Game"
o'ynab yoki kod bilan tanishib olib ishlatib ko'rishingiz mumkin 👇🏻
➡️ codepen.io
#html #css #js

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

​​🔷 Agar ta‘lim sizga juda qimmat tuyulayotgan bo‘lsa, bilimsizlik qanchaga tushishini tekshirib ko‘ring!
📓 Benjamin Franklin

🔷Muvaffaqiyatga erishish uchun sizdagi g'alabaga bo'lgan istak muvaffaqiyatsizlikka bo'lgan qo'rquvdan kuchli bo'lishi kerak!
✍️ Rokfeller

🔷“Ertaga” hech qachon kelmaydigan kun. Agar nimadir qilmoqchi boʻlsang, bugun boshla!
📓Lavanda Ilindi

🔷Faqat fokus guruhlarga tayanib mahsulotlar yaratish juda mushkul. Odamlar koʻpincha toki koʻrsatmaguninggacha, oʻzlariga nima kerakligini bilishmaydi🙂
📓Stiv Jobs

🔷Agar baxtli yashashni istasangiz baxtni maqsadga bog'lang, odamlar yoki narsalarga emas
✍️ Albert Einstein
#motiv

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

Frontend va Backend 😂

👇👇👇
@webdev07

Ajoyib Ui design 😍

Dizaynga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
#toshkent #ui
©️Dmitriy Abramov
👇👇👇
@webdev07

​​Front end dasturchisi uchun kerakli 3 ta texnologiya

- Front end dasturlovchisi uchun asosiy bo'lgan eng kerakli 3 ta texnologiya haqida so'z yuritamiz. Albatta texnologiya va o'rganish qobiliyatingizga qarab juda ko'plab texnologiyalarni o'rganishingiz va ishingizda qo'llashingiz mumkin. Biz faqat asosiylariga to'xtalib o'tdik.

🔷 HTML (ing.Hypertext Markup Language — gipermatnli belgilash tili) - bu SGMLga (Standard Generalized Markup Language — standart umumlashtirilgan belgilash tili) asoslangan va xalqaro ISO 8879 standartiga mos keluvchi til, xalqaro toʻrda ishlatiladi.
HTML web sahifaning qolib qismini yaratadi. Hech bir web sahifa HTML siz yaratilmaydi.

🔷 CSS (inglizcha: Cascading Style Sheets) — belgilash tillari formal tili.
CSS elementlarni ekranda, qogʻozda va yoki boshqa medialarda koʻrinishini tasvirlaydi. CSS veb sahifalarga har xil stillar berish uchun ishlatiladi. Hamda bir vaqtning oʻzida bir nechta veb sahifalarni dizaynini oʻzgartirish mumkin. Biror bir veb sahifani turli xil qurilmalarda turli xil koʻrinishini ham taʼminlaydi

🔷 Javascript, yoki JS, ECMAScript spesifikatsiyasiga mos keladigan yuqori darajali, hamda aniq talqin qilingan dasturlash tili hisoblanadi.
Ushbu dastur Liveware Javascript tilining avlodi bo‘lib, Netscape serveri tomonidan ishlovchi vosita bo‘ladi. Ammo Javascript tilini mashhur qilgan narsa bu xaridor tomonidan dasturlashdir. Javascriptning asosiy vazifasi — HTML konteynerlar atributlarining qiymatlarini va ko‘rsatuvchi muhitining xossalarini HTML sarlavhalarni ko‘rish jarayonida foydalanuvchi tomonidan o‘zgartirish imkoniyatlarida, boshqacha aytganda ularni dinamik sarlavhalar qilish (DHTML) tushuniladi.

👨‍💻 Endilikda bu texnologiyalarni bizning YouTube kanalimiz orqali o'zingiz mustaqil mutlaqo bepul tarzida o'rganishingiz mumkin.

🔹 1. HTML darslarini ko'rish

🔹 2. CSS darslarini ko'rish

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

Ajoyib MTRK uchun Carousel Css JS
kod bilan tanishib olib ishlatib ko'rishingiz mumkin 👇🏻
➡️ codepen.io
#html #css #js

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

🖥Hali dastulashni boshlamasdan Full Stack Developer bo'lishni xohlaydiganlar do'stlar" mana shu burgerni tayyorlashni boshlang" 😉


Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07

​​🎮 CSSni o'yin o'ynab o'rganing

Qiziqarli o'yin bilan bilimlar oson o'zlashtiriladi! Tasavur qiling miriqib o'yin o'ynaysiz va CSSni o'rganib olasiz. Internetda bu masalada sizga yordam beruvchi ba'zi saytlar mavjud.

- Grid Garden
CSS Grid'ni o'rganishga ko'maklashadi. Bog'ni tartibga soling va o'yinda g'olib bo'ling. Shu bilan birga CSS Grid bo'yicha bilimlaringizni mustahkamlab olasiz

- Grid Critters
O’yin sizga CSS Grid'ni o’zlashtirishga ko’maklashadi. Siz kosmik kemani boshqarasiz va Grideros sayyorasi aholisini Grid yordamida himoya qilasiz.

- Flexbox froggy
CSS Flexbox'dan foydalanib qurbaqalarni o'z o'rniga qaytarishga yordam bering. O'yin 24 ta bosqichdan iborat bo'lib barchasi juda qiziqarli. Oxirgi bosqichdan siz ham o'ta olasizmi buni hoziroq tekshiring

- Flexbox Zombie
CSS Flexbox'ni epchillik bilan o'rganing. Buni zombilarga qarshi ishlating. O'yin 12 bosqichdan iborat. Buning uchun saytda ro’yxatdan o’tish kerak bo’ladi.

- CSS Diner
CSS ni ham o’zlashtirishga, ham sahifalashning tayanch qoidalarni eslashga yordam beradi. Mahsulotlarni joylashtiring va dasturxonni to’g’ri buyruqlar orqali bezating, o'yin esa ko’rsatmalar bilan yordam beradi. Oson tuyulishi mumkin, ammo bo’shashmang – bu yerda 32 ta bosqich, har biridan so’ng vazifalar murakkablashib boradi.

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

Bugun, 24 iyul O‘zbekiston Respublikasi Prezidenti Shavkat Mirziyoyev tavallud topgan kun

Davlatimiz rahbari 63 yoshni qarshilamoqda.

Payg'ambar yoshi muborak bo'lsin👏

@webdev07

​​Ko‘p ishlatiladigan kombinatsiyalar haqidagi qisqa kreativ rolik!

Biz kundalik hayotda ko‘p ishlatadigan ba’zi bir kombinatsiyalarni vizual ravishda tomosha qilishingiz uchun qisqa kreativ rolik!

Assalomu alaykum barchaga
Keyingi darsimiz ham HTML CSSni takrorlash bo'ladi. Biz unda yana bir template yasab ko'ramiz 👌.
O'zingiz yoqtirgan saytning manzilini ushbu botda qoldiring va biz ko'p taklif bo'lgan saytni tashqi ko'rinishini siz bilan yasab ko'ramiz - HTML CSS orqali
👇🏻
@webdev07_bot

Takliflar uchun kattakon rahmat! 100 dan ziyod takif kelib tushdi. Ko'p bir-biriga o'xshamagan saytlar, chunki saytlar judayam ko'p. Xudo xohlasa bittasini tanlab olamiz va Yakshanba kuni Youtubeda jonli efirda birgalikda yasaymiz✊
https://www.youtube.com/channel/UC0GMMbVLh2eNmsAPCmXOafw?view_as=subscriber

😅🤦‍♂️

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

​​Dasturlashni yangi boshlagan inson nega ko'p muvaffaqiyatsizlikka uchrashadi.

🔷 Yangi texnologiyani o'rgangan dasturchida har doim kutilmaganda kutilmagan joydan muammo chiqishi menimcha ko'pchilikka ayon.

🔷 Avvalo tushunib olishimiz kerak nega tajribali dasturchida o'xshayapti yangi dasturchida esa yo'q? Buni ifodalaydigan yagona javob bo'lishi mumkin. Bu ham bo'lsa o'rtadagi tinimsiz qilingan bir necha yillik mehnat. Bir ish bilan qanchalik ko'p shug'ullansangiz o'sha sohaning "sir" asrorlarini yaxshi bilib borasiz.

🔷 Odatda katta xato bu loyihani to'g'ri chamalamaslikda bo'ladi. Loyihaning bir qismiga e'tibor ko'proq ketib qolib qolganida esa muammo yuzaga keladi.

🔶 Xulosa qiladigan bo'lsak, omadsizliklardan tushkunlikka tushib, motivatsiyani yo'qotish kerak emas. Xalqimizda shunday gap bor "qiynalib-qiynalib odam bo'ladi".

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

Ajoyib Liquid Swipe JS 😍👍
kod bilan tanishib olib ishlatib ko'rishingiz mumkin 👇🏻
➡️ codepen.io
#html #css #js

Dasturlashga qiziqadiganlarga joʻnating va kanalga aʼzo boʻling!
👇👇👇
@webdev07
Telegram | YouTube | Instagram

Bugun darsda kun.uz sahifasini yasab ko'ramiz. Takliflarni inobatga olgan holda shu templateni tanladik.

Kechgi vaqt youtube kanalimda va keyin telegram kanalimda

👇👇👇
@webdev07
#html #css
Telegram | YouTube | Instagram