Portfolio yaratish

Portfolio e’tiborga tushish uchun juda muhim.

Portfolio yaratish — internetdagi ishtirokingizni kengaytirishning yaxshi usuli.

Portfolio ko‘nikmalaringiz va loyihalaringizni namoyish qilish uchun ishlatiladi.

U sizga ish, frilans loyiha yoki amaliyot (internship) topishda yordam berishi mumkin.

Portfoliomni yaratish »

ULASHISH

Portfolio nima

Portfolio CV (rezyume) bilan bir xil maqsadga ega bo‘lishi mumkin. Ko‘pchilik CV’lar matn ko‘rinishida yoziladi, portfolio esa namoyish qilish uchun mo‘ljallangan, shuning uchun u rasmlar bilan vizual bo‘ladi va ko‘pincha CV’dan batafsilroq bo‘ladi.

Bu ish tajribangizni ko‘rsatishingiz va eng faxrlanadigan loyihalaringizni namoyish qilishingiz mumkin bo‘lgan joy.

Onlayn portfoliongizni havolasi orqali kompaniyalar, ishga yollash bo‘yicha menejerlar va rekruterlar bilan ulashishingiz mumkin, shunda ular sizni payqashadi.

Gap boshqalarga mutaxassis sifatida kim ekaningizni ko‘rsatish va tushuntirish haqida.


Nega portfolio yaratish kerak

Bu internetdagi ishtirokingizni kengaytirish va e’tiborga tushishning ajoyib usuli.

Undan ish topish yoki xizmatlaringizga mijozlarni jalb qilish uchun foydalanish mumkin.

Uning veb-sayt sifatida onlayn bo‘lishi butun dunyodagi odamlarga sizni topish imkonini beradi.

Portfolio dizayni o‘quvchida siz kim ekaningiz haqida taassurot qoldiradi. U yaxshi va ko‘rkam ko‘rinishiga ishonch hosil qiling!


Portfolio kimlar uchun

Portfolio yaratish karyerangiz uchun muhim bo‘lishi mumkin.

U ish, frilans loyiha qidirishda yoki ko‘nikmalaringizni yangi mijozga ko‘rsatishda foydali bo‘lishi mumkin.

Portfoliodan foydalanadigan odatiy kasb egalari quyidagilar (lekin ular bilan cheklanmaydi):

  • Dasturiy ta’minot ishlab chiquvchilari
  • UX dizaynerlar
  • Grafik dizaynerlar
  • Fotograflar
  • Marketing mutaxassislari
  • Arxitektorlar
  • Yozuvchilar

W3Schools Spaces haqida eshitganmisiz? Bu yerda portfoliongizni noldan yaratishingiz yoki shablondan foydalanishingiz mumkin.

Bepul boshlang ❯

Portfolioning eng muhim bo‘limlari qaysilar

Portfolio yaratishning ko‘plab turli usullari bor.

Uni qanday yaratish qanday mutaxassis ekaningizga, uni kim uchun va nima maqsadda yaratayotganingizga bog‘liq.

Sizga qaysi turdagi portfolio mos kelishini aniqlash uchun sinab ko‘rishingiz, xato qilishingiz va o‘rganishingiz kerak!

Barcha turdagi portfoliolar uchun muhim bo‘lgan ba’zi bo‘limlar bor, ular quyida qisqacha keltirilgan:

1. Hero bo‘limi.

Hero bo‘limi — odamlar portfoliongizga kirganda birinchi ko‘radigan narsa.

U logotipingiz va menyungiz ostida ko‘rsatiladi.

Hero bo‘limi o‘quvchiga nimani taklif qilayotganingizni, nega siz bilan ishlash kerakligini va xizmatlaringiz qanday qiymat berishini tushunishga yordam beradi.

U ko‘pincha "men bilan bog‘laning", "uchrashuv belgilash" kabi harakatga chorlovchi (call to action) tugmani o‘z ichiga oladi.

hero section

2. "Men haqimda" bo‘limi.

O‘quvchiga o‘zingiz haqingizda qisqacha ma’lumot bering.

Ta’limingiz, ish tajribangiz, loyihalaringiz va qiziqishlaringiz kabi mavzularni kiriting.

O‘quvchiga nimaga ishtiyoqmand ekaningizni va o‘z "super kuchlaringiz"ni (haqiqatan yaxshi uddalaydigan narsalaringizni) tushunishga yordam bering.

Uni qisqa va sodda qilishni unutmang.

about section

3. Loyihalar bo‘limi.

Ustida ishlagan loyihalaringizni sanab o‘ting. Eng ko‘p qo‘llaniladigan usul — ro‘yxatni sana bo‘yicha tartiblash, lekin ba’zi hollarda ularni boshqa mantiqiy tartibda joylashtirish maqsadga muvofiq bo‘lishi mumkin.

Har bir loyihaga tafsilotlar qo‘shing: rolingiz, nima qilganingiz va loyiha qanday natija berganini.

Yaratgan narsalaringizni namoyish qiluvchi rasmlar qo‘shish — qo‘shimcha ustunlik! Faxrlanadigan ishlaringizni ko‘rsating.

work experience section

4. "Men bilan bog‘laning" bo‘limi.

O‘quvchiga siz bilan qanday va qayerda bog‘lanish mumkinligini bildiring.

Aloqa ma’lumotlaringizni hamda GitHub profilingiz, LinkedIn, Youtube va boshqa aloqa kanallarini qo‘shing.

contact me section

Portfolio namunalari

Ba’zi portfolio namunalarini ko‘rib chiqing.

Portfolio shablonlarini W3Schools Spaces’ga yuklashingiz mumkin. Bir necha marta bosish bilan portfoliongizni nashr qilishni boshlang.

Portfoliomni nashr qilish ❯

Qora-oq portfolio shabloni

Qorong‘i portfolio shabloni

"Mening portfoliom" shabloni


O‘z portfoliomni yaratish uchun nimalarni bilishim kerak?

HTML, CSS va JavaScript — veb-sayt yaratishning asosiy tillari.

Faqat shu uchtasi bilan ham ancha uzoqqa bora olasiz!

  1. HTML yordamida tuzilma yarating. Birinchi navbatda o‘rganishingiz kerak bo‘lgan narsa — HTML, u veb-sahifalar yaratish uchun standart belgilash tili.
  2. HTML’ni o‘rganing ❯
  3. CSS yordamida bezang. Keyingi qadam — veb-sahifangiz maketini chiroyli ranglar, shriftlar va boshqa ko‘p narsalar bilan belgilash uchun CSS’ni o‘rganish.
  4. CSS’ni o‘rganing ❯
  5. JavaScript yordamida interaktiv qiling. HTML va CSS’ni o‘rganganingizdan so‘ng, foydalanuvchilaringiz uchun dinamik va interaktiv veb-sahifalar yaratish maqsadida JavaScript’ni o‘rganishingiz kerak.
  6. JavaScript’ni o‘rganing ❯


Portfolioni bosqichma-bosqich qanday yaratish mumkin

Portfoliongizni noldan yaratish uchun quyidagi qadamlarni bajaring.


Tayyorgarlik

Qaysi kod muharriridan foydalanishni hal qiling va ish muhitingizni sozlang.

W3Schools W3Schools Spaces deb nomlangan, foydalanish oson bo‘lgan kod muharririni yaratgan. Ro‘yxatdan o‘ting va bir necha marta bosish bilan boshlang.

Bepul boshlang ❯

Kod yozishga tayyor bo‘lish uchun index.html faylingizni yarating.

Hammasi tayyor. Boshladik!


Birinchi qadam: HTML skeletini qo‘shing

Veb-saytingiz uchun boshlang‘ich nuqta bo‘lgan HTML skelet kodini yozing. Bu kodni o‘z ichiga oluvchi va uning internetda to‘g‘ri ko‘rsatilishini ta’minlovchi tuzilma.

Oddiy HTML skeletini qanday yaratish haqida bu yerda o‘qing: HTML skeleti qanday yaratiladi


Ikkinchi qadam: navigatsiya panelini qo‘shing

Navigatsiya paneli veb-saytdagi kontentning qisqacha ko‘rinishi.

Bu tashrif buyuruvchi birinchilardan bo‘lib ko‘radigan narsalardan biri.

U tashrif buyuruvchilarga veb-saytdagi kontentni topish va u bo‘ylab harakatlanishga yordam beradi. Tashrif buyuruvchilaringiz qidirayotgan narsasini topa olishi uchun yaxshi tuzilgan navigatsiya yaratish muhim.

Yuqori navigatsiya panelini qanday yaratishga misol: Yuqori navigatsiya paneli qanday yaratiladi


Uchinchi qadam: Hero bo‘limini qo‘shing

Hero bo‘limi navigatsiya paneli bilan birga portfoliongizning odamlar birinchi ko‘radigan qismi hisoblanadi.

U quyidagi kabi bir nechta narsa haqida qisqacha ma’lumotni o‘z ichiga olishi kerak:

  • Siz kimsiz?
  • Nimani taklif qilasiz?
  • Kasbingiz nima?
  • Nega odamlar siz bilan ishlashi kerak?
  • Qanday harakat qilish kerak?

Birinchi shaxsda yozing va matnni qisqa hamda sodda qiling.

Hero bo‘limida bo‘lishi ma’qul bo‘lgan qo‘shimcha narsalar:

  • Fon sifatida yoki matn bilan yonma-yon joylashgan, ko‘zni tortadigan grafika.
  • Portfoliongizdagi kontentga yoki boshqa veb-saytdagi kontentga olib boradigan harakat tugmasi.

Hero bo‘limini qanday yaratishga misol: Hero rasm qanday yaratiladi


To‘rtinchi qadam: "Men haqimda" bo‘limini qo‘shing

Bu bo‘limda ijodkorlik ko‘rsatishingiz mumkin. Bu sizga boshqalardan ajralib turishga yordam beradi.

Bu yerda kontentni shaxsiylashtirishingiz va o‘zingiz haqingizda batafsilroq yozishingiz mumkin.

Bu bo‘limga kiritishingiz mumkin bo‘lgan kontent:

  • O‘zingizni tanishtirish
  • Mutaxassis sifatida kim ekaningiz
  • Ta’limingiz
  • Ko‘nikmalaringiz
  • Ish tajribangiz (hozirgi va/yoki avvalgi)
  • Sevimli mashg‘ulotlaringiz
  • Maqsad va intilishlaringiz

Qaysidir ma’noda "Men haqimda" bo‘limini CV’ingizning qisqacha mazmuni deb hisoblashingiz mumkin.

O‘zingiz haqingizda bemalol birinchi shaxsda yozing.

Shaxsiylashtirish va odamlarga sizni inson sifatida tushunishga imkon berish sizga ko‘proq e’tibor keltirishi mumkin.

"Men haqimda" bo‘limini qanday yaratishga misol: "Men haqimda" bo‘limi qanday yaratiladi


Beshinchi qadam: "Ish tajribasi" bo‘limini qo‘shing

Ish tajribasi bo‘limi yo‘lingiz davomida orttirgan tajriba, bilim va malakangizni ko‘rsatib beradi.

Bu yerga quyidagilarni qo‘shishingiz mumkin:

  • Loyiha nomi va/yoki loyiha nima haqida ekani haqidagi qisqacha tavsif bilan loyihalaringizga havolalar.
  • Sarlavhasi va/yoki nima haqida ekani haqidagi qisqacha tavsif bilan o‘zingiz yozgan blog postlariga havolalar.
  • Kasbiy mukofotlaringiz yoki yutuqlaringiz.
  • Ishingiz va yutuqlaringizni ko‘rsatib berish — o‘zingiz uchun imkoniyatlar yaratish usuli.
  • Rasmlar yoki grafika kabi vizual tasvirlar.

Oltinchi qadam: "Aloqa" bo‘limini qo‘shing

Aloqa bo‘limi — tashrif buyuruvchiga siz bilan bog‘lanish imkonini beradigan bo‘lim.

Tashrif buyuruvchilar siz bilan bog‘lanishi uchun doimo biror usulni taqdim eting — aloqa formasi yoki quyidagi kabi aloqa ma’lumotlaringizni yozib qo‘ying:

  • Manzil
  • E-pochta
  • Telefon raqami
  • Masalan, Github profili, LinkedIn profili, Youtube profili va hokazo.

Oddiy aloqa bo‘limini qanday yaratishga misol: Aloqa bo‘limi qanday yaratiladi


Yettinchi qadam: pastki qism (footer) bo‘limini qo‘shing

Pastki qism (footer) ikkinchi darajali bo‘lim bo‘lib tuyulishi mumkin, lekin u har bir veb-saytning muhim qismi.

U veb-saytingiz maqsadlari va tashrif buyuruvchilaringiz ehtiyojlariga asoslangan muhim ma’lumotlarni ko‘rsatish uchun xizmat qiladi.

Ko‘pincha unda mualliflik huquqi haqidagi texnik ma’lumotlar bo‘ladi, lekin unda boshqa ma’lumotlar ham bo‘lishi mumkin, masalan:

  • "Maxfiylik siyosati" sahifasiga havola
  • "Foydalanish shartlari" sahifasiga havola
  • Aloqa ma’lumotlari
  • Veb-sayt navigatsiya havolalari
  • Ijtimoiy tarmoqlarga havolalar
  • Do‘koningizga havola

Pastki qism (footer) bo‘limini yaratishga misol: Pastki qism (footer) bo‘limi qanday yaratiladi


W3Schools Spaces

W3Schools Spaces

W3Schools Spaces yordamida o‘z portfoliongizni yarating va nashr eting.

Bepul boshlang



W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!