Assalomu aleykum qadrli do'stlar! Mening ismim Javohir yoshim 16 da. Anchadan beri YouTube va Telegram kanallarimda Frontend Dasturlash bo'yicha video darslar chiqarib kelmoqdaman va iloji boricha bu forumda ham shu bilimlarimni o'rgatmoqchiman.
Frontend nima?
Frontend bu Web Dasturlash sohasining biridir ya'ni Frontend orqali siz veb saytning foydalanuvchilarga ko'rinadigan qismini yaratasiz.
Misol uchun: Siz mana shu veb saytda ya'ni shu forumda ko'rib turgan narsalaringiz bular hammasi Frontenddir. Aynan shu sohani sizlarga o'rgatishga harakat qilaman.
Frontend Dasturlashda HTML,CSS,Sass, Bootstrap va JavaScript, shularga yordam beradigan boshqa yondosh texnologiyalardan foydalaniladi.
Frontend nima?
Frontend bu Web Dasturlash sohasining biridir ya'ni Frontend orqali siz veb saytning foydalanuvchilarga ko'rinadigan qismini yaratasiz.
Misol uchun: Siz mana shu veb saytda ya'ni shu forumda ko'rib turgan narsalaringiz bular hammasi Frontenddir. Aynan shu sohani sizlarga o'rgatishga harakat qilaman.
Frontend Dasturlashda HTML,CSS,Sass, Bootstrap va JavaScript, shularga yordam beradigan boshqa yondosh texnologiyalardan foydalaniladi.
Mahmudjon, # Mahmudjon (06.06.2020 / 17:02)
Kodlarni yozib misol qilib kòrsatib òrgating..aha albatta
Kodlarni yozib misol qilib kòrsatib òrgating..aha albatta
khan, # khan (06.06.2020 / 17:04)
Ha omad bu yerdagilarni hammasi shu yònalishda lekin òzi bilmidi nima ish qilayotganligini. Siz post , videolar yordamida tushunarli maqolalar chiqarishingizni kutib qolamiz!Telegram va YouTube kanallarimdagi material va video darslarimga link berib qisqacha kod yozib tushuntirib bersam ham boladimi
Ha omad bu yerdagilarni hammasi shu yònalishda lekin òzi bilmidi nima ish qilayotganligini. Siz post , videolar yordamida tushunarli maqolalar chiqarishingizni kutib qolamiz!Telegram va YouTube kanallarimdagi material va video darslarimga link berib qisqacha kod yozib tushuntirib bersam ham boladimi
javohirwebdeveloper, # javohirwebdeveloper (06.06.2020 / 17:06)
khan, Telegram va YouTube kanallarimdagi material va video darslarimga link berib qisqacha kod yozib tushuntirib bersam ham boladimiÒziz hohlagan yònalishda tushuntiring. Ushbu mavzu moderatori sizsiz!
khan, Telegram va YouTube kanallarimdagi material va video darslarimga link berib qisqacha kod yozib tushuntirib bersam ham boladimiÒziz hohlagan yònalishda tushuntiring. Ushbu mavzu moderatori sizsiz!
Mahmudjon, # Mahmudjon (06.06.2020 / 17:08)
javohirwebdeveloper, Òziz hohlagan yònalishda tushuntiring. Ushbu mavzu moderatori sizsiz!aha ok faqat forum sal aktiv bo'lsa zo'r bo'lardi
javohirwebdeveloper, Òziz hohlagan yònalishda tushuntiring. Ushbu mavzu moderatori sizsiz!aha ok faqat forum sal aktiv bo'lsa zo'r bo'lardi
TimX, # TimX (06.06.2020 / 17:10)
Demak fronted bu <body> bilan </body> ni orasidagi kod. Mobil versiyada hammasi tushunarli likin web versiya o'rganadigan narsalar bor deb umid qilaman.faqat Body orasidagi kod emas Frontend, siz Frontend orqali veb saytni foydalanuvchilarga ko'rinadigan qismini yaratasiz keyin uni har xil devayslarning ekraniga ham moslaysiz
Demak fronted bu <body> bilan </body> ni orasidagi kod. Mobil versiyada hammasi tushunarli likin web versiya o'rganadigan narsalar bor deb umid qilaman.faqat Body orasidagi kod emas Frontend, siz Frontend orqali veb saytni foydalanuvchilarga ko'rinadigan qismini yaratasiz keyin uni har xil devayslarning ekraniga ham moslaysiz
javohirwebdeveloper, # javohirwebdeveloper (06.06.2020 / 17:16)
TimX, faqat Body orasidagi kod emas Frontend, siz Frontend orqali veb saytni foydalanuvchilarga ko'rinadigan qismini yaratasiz keyin uni har xil devayslarning ekraniga ham moslaysizHop tushundik. Oddiy bir hello world degan sahifa yozingchi. Shunda kòp savollardan halos bòlasiz
TimX, faqat Body orasidagi kod emas Frontend, siz Frontend orqali veb saytni foydalanuvchilarga ko'rinadigan qismini yaratasiz keyin uni har xil devayslarning ekraniga ham moslaysizHop tushundik. Oddiy bir hello world degan sahifa yozingchi. Shunda kòp savollardan halos bòlasiz
Misol uchun sahifaga oddiy text chiqarish uchun HTML ni paragraf ya'ni pi tegidan foydalanamiz
<p>Hello World</p>
<p>Hello World</p>
Web dasturlash dasturlashning bir yo’nalishi hisoblanadi. Bu yo’nalishda asosan saytlar qilinadi. Lekin hozirgi vaqtda saytlar bilan web dasturlar yaratish ham ancha ommalashmoqda. Umuman web dasturlash yordamida - sayt, web dastur, mobil yoki desktop dastur va o’yin ham yaratish mumkin. Web dasturlashning o’zi alohida sohalarga bo’linadi:
Web design - bu sohada ishlovchilar dizayn yaratishadi. Ular grafik dasturlarda ishlashadi va interfeys maketlarini tayyorlashadi. Grafik dasturlarga misollar: Adobe Photoshop, Adobe XD, Adobe Illustrator, Figma, Sketch
Front-end - bu soha vakillari web dizayner tayyorlagan maket asosida web sahifalar yaratishadi va jarayon verstka ( markup ) deb ataladi. Bunda HTML, CSS, JavaScript, qo’shimcha texnologiya va tillardan foydalanishadi.
Back-end - bu sohada esa tayyor verstkaga sayt yoki dastur logikasi qo’shiladi. Masalan - onlayn to’lov, saytda ro’yhatdan o’tish va kirish jarayoni va h.k. Bunda ular server bilan ishlay oladigan tillardan birini tanlashadi. Bular - PHP, Java, Python, C#, Node.JS va boshqalar.
Manba: https://notfound.uz
Web design - bu sohada ishlovchilar dizayn yaratishadi. Ular grafik dasturlarda ishlashadi va interfeys maketlarini tayyorlashadi. Grafik dasturlarga misollar: Adobe Photoshop, Adobe XD, Adobe Illustrator, Figma, Sketch
Front-end - bu soha vakillari web dizayner tayyorlagan maket asosida web sahifalar yaratishadi va jarayon verstka ( markup ) deb ataladi. Bunda HTML, CSS, JavaScript, qo’shimcha texnologiya va tillardan foydalanishadi.
Back-end - bu sohada esa tayyor verstkaga sayt yoki dastur logikasi qo’shiladi. Masalan - onlayn to’lov, saytda ro’yhatdan o’tish va kirish jarayoni va h.k. Bunda ular server bilan ishlay oladigan tillardan birini tanlashadi. Bular - PHP, Java, Python, C#, Node.JS va boshqalar.
Manba: https://notfound.uz
ʬʬΞ NOKIA Ξʬʬ, # ʬʬΞ NOKIA Ξʬʬ (06.06.2020 / 18:02)
Salom bu bulimdan biz dizaynerlikni urganamizmi?sizni oldin 1-postni o'qib chiqing!
1 daqiqa 14 soniyadan keyin yozdi:
inshaOlloh ertaga ertaga Frontend Dasturlash ni birinchi video darsimni linkini tashab qisqacha Frontend texnologiyalari haqida post yozaman
Salom bu bulimdan biz dizaynerlikni urganamizmi?sizni oldin 1-postni o'qib chiqing!
1 daqiqa 14 soniyadan keyin yozdi:
inshaOlloh ertaga ertaga Frontend Dasturlash ni birinchi video darsimni linkini tashab qisqacha Frontend texnologiyalari haqida post yozaman
javohirwebdeveloper, # javohirwebdeveloper (06.06.2020 / 21:48)
ʬʬΞ NOKIA Ξʬʬ, sizni oldin 1-postni o'qib chiqing!
1 daqiqa 14 soniyadan keyin yozdi:
inshaOlloh ertaga ertaga Frontend Dasturlash ni birinchi video darsimni linkini tashab qisqacha Frontend texnolBilimni qayerda ovosiz YouTobe'dami yoki oʻquv markazda
ʬʬΞ NOKIA Ξʬʬ, sizni oldin 1-postni o'qib chiqing!
1 daqiqa 14 soniyadan keyin yozdi:
inshaOlloh ertaga ertaga Frontend Dasturlash ni birinchi video darsimni linkini tashab qisqacha Frontend texnolBilimni qayerda ovosiz YouTobe'dami yoki oʻquv markazda
hullas hozircha 1tta yaxshi post kordim kerakli #13 tezroq kodlarni yozmasangiz floud bolib ketadi.
uZaFaRaP, # uZaFaRaP (08.06.2020 / 22:38)
javohirwebdeveloper, Bilimni qayerda ovosiz YouTobe'dami yoki oʻquv markazdaPDP da o'qiganman
javohirwebdeveloper, Bilimni qayerda ovosiz YouTobe'dami yoki oʻquv markazdaPDP da o'qiganman
mavzuda birorta ham tayinli post bo'lmagani sababli o'zim oddiy kod yozishga qaror qildim. misol uchun...
2 daqiqa 9 soniyadan keyin yozdi:
<h1> bu teg katta harflarda yoziladi. asosan sarlavhalar yozishda foydalanamiz. bunday teglar kop bolib <h1> dan boshlab <h6> gacha kichrayib boradi..
2 daqiqa 9 soniyadan keyin yozdi:
<h1> bu teg katta harflarda yoziladi. asosan sarlavhalar yozishda foydalanamiz. bunday teglar kop bolib <h1> dan boshlab <h6> gacha kichrayib boradi..
sahifaga stil (dizayn) ni ulashni 2 hil usuli bor bo'lib:
birinchisi <head>...</head> teglari ichiga yoziladi:
ikkinchisi ham <head>...</head> teglari orasiga yoziladi:
ikkinchi usulda ko'rganingizdek, bu birinchi usuldan farq qilib , css faylga havola beradi. birinchi usuldan ko'ra 2-usuldan foydalansangiz ko'pgina bosh o'griqlardan halos bo'lasiz..
birinchisi <head>...</head> teglari ichiga yoziladi:
ikkinchisi ham <head>...</head> teglari orasiga yoziladi:
ikkinchi usulda ko'rganingizdek, bu birinchi usuldan farq qilib , css faylga havola beradi. birinchi usuldan ko'ra 2-usuldan foydalansangiz ko'pgina bosh o'griqlardan halos bo'lasiz..
o'zim ham shu front-end ni o'rganvomman. hozir html va css ni tugatdim. javascriptga keldim. hohlovchilar bo'lsa shu mavzuda bosqichma bosqich tushuntirib boraman.
hohlovchilar plus+
keremas deganlar minus-
hohlovchilar plus+
keremas deganlar minus-
