Frontend html code icon
dasturlash kasbi

Frontend dasturlash onlayn kursi orqali siz ham bugundan boshlab o'z veb loyihalaringizni ishlab chiqishni boshlang. Bizga 100dan ortiq insonlar ishonch bildirishdi!

present icon

Sovg'a sifatida «KOMPYUTER SAVODXONLIGI» darsini bepulga qo'lga kiritasiz

check icon

Kurs davomida 12 ta amaliyot loyihasini bajarasiz va bilimlaringizni mustahkamlaysiz

check icon

O'z veb loyihalaringizni ishlab chiqishni boshlaysiz va natijani his qilasiz

Intro img

Kurs kimlar uchun

code icon

Noldan boshlab dasturlash sohasida o'zini sinab ko'rmoqchi bo'lganlar uchun

books icon

Frontend dasturlash bo'yicha yangi bilimlarni olib yanada o'zini rivojlantirmoqchi bo'lganlar uchun

map icon

Kasbini o'zgartirib, o'z hayotida burilish yasamoqchi bo'lganlar uchun

lock icon

O'z g'oyalarini veb-saytlar orqali ommaga taqdim qilmoqchi bo'lganlar uchun

Kurs qanday olib boriladi?

  • check icon

    Ustoz tomonidan olib borilgan dars videolari

  • check icon

    113 ta o'quvchilarimiz birlashgan yopiq kanal va guruhda fikr almashish imkoniyati

  • check icon

    Sohasida kuchli mutaxassis hisoblanadigan ustozdan savollarga javob olish

  • check icon

    12 ta loyiha ishlab chiqilgan amaliy darslar

cloud ball

Front end dasturlash kursi rejasi

1 - dars

HTML da teg tushunchasi. HTML da ko'p foydalaniladigan teglar: html, body, p, title, h1 - h6, meta, hr, br.

2 - dars

Attribut tushunchasi. lang attributi. HTML da ko'p ishlatiladigan teglar: span, strong, b, i, em, u, mark, sub, sup, pre, del, ins, s, a, img. Rasm formatlari. Rasmlarni optimallashtirish. canuise.

3 - dars

HTML da ro'yxat elementlari: ol, ul. Placeholder rasm beruvchi servislar: picsum va pravatar. CSS asoslari. Matnlarga stil berish. Inline, internal va external usullarda stil yozish. Klass tanlovchisi.

4 - dars

O'tilganlarni takrorlash.

5 - dars

Stillarni umumalashtirish. Inline, internal va external usullarda yozilgan stillarning bir-biridan ustunligi. Shirftlar oilasi. Google fonts. Psevdo tanlovchilar: link, active, visited, focus, hover.

6 - dars

Shrift fayllarini tashqaridan ulab ishlatish. Google fonts helper. Elementlarga border berish. Padding va margin xususiyatlari. Display xususiyati. Element va matnga soya berish.

7 - dars

Photoshop bilan ishlash. PSD maketdan verstka qilish.

8 - dars

Domain va hosting tushunchasi. Qilingan loyihani bepul hostinglarga joylash. Netlify.

9 - dars

Elementlarni inline-block yordamida yonma-yon joylashtirishning kamchiliklari. reset.css va normalize.css. line-height, width, height, min-width, min-height, max-height va min-height xususiyatlari.

10 - dars

Burger PSD maketidan verstka qilish.

11 - dars

Flexbox. Flex-froggy o'yini.

12 - dars

Flexbox bo'yicha o'tilganlarni takrorlash. Maketdan verstka qilish.

13 - dars

CSS tanlovchilar. Transition va transform. Codepen platformasi.

14 - dars

vw va vh o'lchov birliklari. Fonga rasm joylash. Gradient.

15 - dars

Forma elementlari.

16 - dars

Forma elementlari. Figmada ishlash.

17 - dars

Forma elementlari. Figmada maketdan verstka qilish.

18 - dars

Psevdo elementlar: ::before va ::after. ~ va + tanlovchilari. Outline xususiyati. Position xususiyati.

19 - dars

Psevdo elementlar: ::before va ::after. ~ va + tanlovchilari. Outline xususiyati. Position xususiyati.

20 - dars

Responsivlik. picture tegi.

21 - dars

Jadvallar va ularga stil berish.

22 - dars

Klasslarga nom berish metologiyalari: BEM va Atomic CSS. HTML5 da qo'shilgan teglar: header, footer, main, section, aside, figure.

23 - dars

CSS da o'zgaruvchi. CSS da @import tushunchasi. Sass.

24 - dars

Sass da o'zgaruvchi. Sass da avlod tanlovchisini ichma-ich yozish. Sass ning .scss va .sass kengaytmalari. Sass da stillarni alohida fayllarda saqlash. Sass fayllarini nomlash.

25 - dars

@mixin. Sass da darken va lighten funksiyalari. Maketdan verstka qilish.

26 - dars

Animatsiya. Sass da konkatinatsiya. Sass da sikl ishlatish.

27 - dars

Bootstrap gridni Sass yordamida hosil qilish. Material-icons va font-awesome. Bootstrap klasslari.

28 - dars

JavaScript dasturlash tili. O'zgaruvchilar. const va let orasidagi farq. alert() va prompt() funksiyalari. Konkatinatsiya. Sodda arifmetik amallar.

29 - dars

O'zgaruvchi tiplari. typeof operatori. O'zgaruvchi tipini o'zgartirish - kasting. Operator va operand tushunchasi. Taqqoslash operatorlari. Shart operatorlari. And va or operatorlari.

30 - dars

switch case operatori. 'use strict' - qattiqqo'l rejim. Funksiya tushunchasi. Function expression. Arrow function.

31 - dars

Arraylar. Objectlar. Metod yaratish. this kalit so'zi. Codingbatda mashq qilish.

32 - dars

Looplar: for, for of, while, do while. Codingbatda mashq qilish.

33 - dars

while va do while looplari. JavaScript DOM. Elementni tanlash: querySelector() funksiyasi. textContent xususiyati. Inputga qiymat berish. Click hodisasi. Math.random() - tasodifiy sonlar generatori. JavaScript yordamida qiziqarli o'yin.

34 - dars

JavaScript yordamida elementga stil berish. DRY - Don't Repeat Yourself. Modal oyna yasash. classList. querySelectorAll(). Klaviatura eventlari.

35 - dars

O'zgaruvchilarni e'lon qilishda global va local scope tushunchasi. Primitive va non primitive o'zgaruvchilarning farqlari. Obyektni klonlash. Object.assign(). Destructing.

36 - dars

O'tilganlarni takrorlash.

37 - dars

Spread operatori. Rest operatori. Nullish operatori. Object.entries(). ? operatori.

38 - dars

String metodlari. Codingbatda mashq qilish.

39 - dars

Funksiya parametriga default qiymat berish. Callback funksiyasi. Funksiya qaytaruvchi funksiya. Array metodlari.

40 - dars

Array metodlari. Arrayni sortlash. parseInt(), parseFloat(), isNaN(), isFinite(), isInteger() funksiyalari. Math obyektining funksiyalari. toFixed() metodi. inserAdjacentHTML. innerHTML. textContent va innerHTML o'rtasidagi farq.

41 - dars

document.getElementById(), document.getElementsByTagName(), document.getElementsByClassName(), document.createElement(), prepend(), append() metodlari. after() va before() metodlari yordamida elementlarni joylashtirish. remove() metodi yordamida elementni sahifadan o'chirish. parentElement. removeChild(). getComputedStyle().

42 - dars

Takrorlash.

43 - dars

JavaScript yordamida CSS o'zgaruvchiga qiymat set qilish. getAttribute() va setAttribute(). classList.toggle(). addEventListener va removeEventListener. setTimeOut() va setInterval(). stopPropagation().

44 - dars

element.childNodes, element.children, element.firstElementChild, element. lastElementChild, element.parentNode, element.parentElement, previousElementSibling, nextElementSibling, previousSibling va nextSibling.

45 - dars

JavaScriptda OOP - Obyektga yo'naltirilgan dasturlash.

46 - dars

NPM. Webpack.

47 - dars

Rest API. Server bilan bog'lanish.

48 - dars

Git. Github.

1 - dars

React asoslar va konsepsiyalari.

2 - dars

JSX. Funksiya komponentalar. state va props.

3 - dars

Hooklar.

4 - dars

Context API.

5 - dars

React Native.

Kurs davomida qanday loyihalar bajaramiz?

Kurs yakunida
nimalarga erishasiz?

  • check icon

    Git, Github - bular orqali siz o'z loyihangiz ustida jamomaviy ishlar va loyihalar boshqaruvi tamoyillarini o'rganasiz

  • check icon

    JavaScript DOM - brauzerda ishlaydigan JavaScript orqali siz saytingizni dinamik qilishni va haqiqiy loyihada ishlashini o'rgana olasiz

  • check icon

    Sass - Sass orqali o'z loyihalaringizni yanada tezroq va mukammalroq bo'lishini ta'minlaysiz

  • check icon

    Kompyuter savodxonligi bilimlari

  • check icon

    Qurilmalarga saytlar - har qanday qurilmalar uchun moslashuvchan saytlar tayyorlay olasiz

  • check icon

    Verstka - HTML, CSS orqali o'zingiz istagan loyihalarni tartibli ravishda verstka qilish, ya'ni kodlash imkoniyatiga ega bo'lasiz

  • check icon

    JavaScript - siz kurs davomida dasturlash tili bo'lmish JavaScript asoslarini o'rganasiz

  • star icon

    BONUS: React bo'yicha loyihalar qilish ko'nikmasi

Og'abek Sultonbayev
Kurs ustozi

Og'abek Sultonbayev

3

yillik tajribaga ega

  • check icon

    152 ta dasturlashga birinchi qadam tashlashiga yordam berilgan shogirdlar

  • check icon

    Oldingi faoliyatlar: iCode, UmdSoft, Fulfil education, "Axon Logic" MChJ

  • check icon

    Hozirda Unicon Soft “MChJ” kompaniyasida Frontend dasturchi

Frontend dasturchilari qancha maosh olishadi?

Frontend dasturchilarni maoshi avvalo ular biladigan ko'nikmalar va ko'plab faktorlarga bog'liq. Qaysi texnologiyalarni chuqur bilishi va tajribasiga qarab oylik maoshlar farqlanadi

junior salary icon
O'rganuvchi / Junior
0 - 700$
middle salary icon
Middle
800 - 1300$
senior salary icon
Senior
1500 - 3000$

O'quvchilarimiz kursimiz haqida
nimalar deyishmoqda?

Kurs narxi

Kursning chegirmasiz asl narxi

  • Frontend Dasturlash
    1 600 000 UZS
  • React - Bonus!
    200 000 UZS
  • Umumiy
    1 800 000 UZS

Bugunoq ushbu kursni 77.9 % chegirma asosida xarid qiling!

Kursning hozirgi narxi
1 800 000 UZS 397 000 UZS

Siz himoyalangansiz!

100% to'lovingizni qaytarish KAFOLATI. Kurs agar sizga ma'qul kelmasa va ustozdan qoniqmasangiz, to'lovingiz qaytarib beriladi

rate image
Faqatgina o'z berayotgan bilimiga ishonganlargina bu va'dani bera oladi

Ko'p beriladigan savollar

Yo'q, kurs noldan boshlanadi. Kursni boshlashingiz uchun boshlang'ich bilim kerak emas.

Yo'q, ingliz tili bo'yicha bilim kerak emas. Ammo ingliz tilini bilishingiz o'zingiz uchun foyda. Kurs to'liq o'zbek tilida.

Siz to'lov qilganingizdan so'ng, sizga dars videolari, har bitta dars uchun uyga vazifalar va materiallar taqdim qilinadi. O'zingizga qulay vaqtda, bemalol, istalgan joyda o'rganib borishingiz mumkin.

Ha, albatta 100% to'lovingiz qaytarib beriladi.

Yo'q, kurs 77.9% chegirma asosida sizga taqdim qilingan.

Toshkent shahri, Yunusobot 11. Mo'ljal: Plus Academy.

Iltimos kutib turing. Forma yuklanmoqda...

Kursga yozilish

close svg

Mabodo yuborish tugmasini bosganingizdan keyin muvaffaqiyatli yuborilganlik haqidagi xabar chiqmasdan, maydonlar shunchaki tozalanib ketsa, demak sizning murojaatingiz bizga kelib tushgan.