Oldinga asoslangan ishlab chiquvchilar uchun mahoratli mahoratga ega bo'lish

Job postings ular oldingi ishlab chiquvchisida qidirmoqdalar. Ba'zi kompaniyalar " Ruby" , "Git", "dizayn vositalari", "video tahrirlash" kabi narsalarni biladigan abiturientlarni istashlarini istashadi va ro'yxat davom etadi.

Biroq, har qanday oldinga tayyorgarlik ishi - "yadro" qobiliyatlari - va sizning repertuaringizga qo'shilishni jiddiy o'ylashingiz kerak bo'lgan bir nechta boshqa narsalar talab etiladi.

Nimani bilishingiz kerak

Oldingi ishlab chiquvchilarni bilish va tushunish uchun kalit nima ekanligini izlashda onlayn ish ro'yxatlarini ko'zdan kechirish; uch asosiy narsa bor.

Munozara qilinmaydi.

Va ular:

  1. HTML
  2. CSS
  3. JavaScript (jQuery)

Bu asoslar. Yaxshiyamki, siz allaqachon bilmagan bo'lsangiz, ushbu ko'nikmalarni o'rganishingiz mumkin bo'lgan bepul yoki arzon onlayn ta'lim platformalari mavjud.

HTML

HyperText Markup Language yoki HTML - internetdagi barcha veb-saytlarning asosiy tarkibiy qismi. Jennifer Kyrnin aytganidek,

"Veb-sahifalar tili - brauzerlar veb-sahifalarini ko'rsatish uchun o'qiladigan matn formatlash tilidir."

Veb-sahifalar HTML bo'lmasdan mavjud emas.

CSS

CSS va HTML birgalikda ishlaydi: CSS CSS-ga uslubni qo'shadi. HTMLni yuzga o'xshash o'xshashliklardan foydalanishni yoqtiraman, CSS esa makiyajga o'xshaydi.

Saytga veb-saytni olish uchun CSS kerak emasligiga qaramasdan, asosan, har bir sayt onlayn uslubdan foydalanadi.

Aks holda juda zerikarli bo'lar edi. CSS-ning eng so'nggi versiyalari bilan siz animatsiya va ilgari surilgan JavaScript-ni yoki Flash-ni ishlatishingiz mumkin bo'lgan yanada rivojlangan uslublarni o'rganishingiz mumkin.

JavaScript

JavaScript yoki JS yillar mobaynida tez sur'atlar bilan rivojlanmoqda. Bugungi kunda ko'plab maqsadlar mavjud va old va orqa tomondan foydalanish mumkin.

Veb-sahifalarni interaktiv qilishga yordam beradi, chunki front-end ishlab chiqish uchun JS muhim ahamiyatga ega. So'rov yaratish, viktorina qilish yoki ariza yuborish kabi ajoyib narsalarni qilishingiz mumkin.

Bugungi kunda sizning veb-sahifalaringizni keyingi darajaga olib chiqishga yordam beradigan ko'plab onlayn kutubxonalar mavjud.

Biroq, oldingi ishlab chiquvchi bo'lish uchun, oddiygina JavaScript-ni va eng ommabop JS kutubxonasini - jQueryni tushunishingiz kerak.

Qanchadan-qancha-to-Haves

Asosiy tushunchalaridan so'ng, ular boshqa yaxshi ko'nikmalarga ega. (Va oldinga tayyorgarlik bo'yicha ko'plab ish o'rinlari ularni qidirishadi.)

MV * JavaScript Framework

JavaScript ramkalar sizning kodingizni tashkil qilish va to'ldirishga yordam beradi.

MV * (yoki MVC) variantlariga kelsak, u erda o'ttiz kishi bor: eng ommabop ikkita backbone.js va angular.js.

Hech shubha yo'qki, JS asosini o'rganish - haqiqiy front-end ishlab chiquvchisi bo'lishning eng qiyin qismi, ammo bu sizning mahoratingizni keyingi bosqichga ko'tarishning eng yaxshi usuli.

CSS vositalari

Yuqoridagi JavaScript ramkalar bilan solishtirilsa, quyidagi CSS vositalari o'rganish uchun juda oson. Qo'ng'iroq qilish uchun uchta tur mavjud:

Precompilers: Precompiler (yoki preprocessor) dan foydalanib, kodni tozalovchi tashkilotni saqlab turish uchun juda ko'p afzalliklarga ega. Bu CSS-ni yozish va DRY (o'zingizni takrorlamaslik) tamoyillarini targ'ib qilishning oson yo'li. Ommaviy CSS prekompilyatorlar Sass, Less va Stylus. Agar siz yangi boshlanayotgan bo'lsangiz, uni o'rganishga qat'iy rioya qiling.

CSS ramkalar: CSS ramkalar ishchi oqimlarni ichki jadvallar va boshqa CSS komponentlari bilan optimallashtirishga yordam beradi. Ikki mashhur misol - Bootstrap va Foundation.

Ta'sirchan dizayn: Bugungi kunda sizning saytingiz ularning barchasiga moslashishi uchun juda ko'p turli xil qurilmalar mavjud. Ta'sirchan dizayn sizga barcha ekranlardagi ish stoli, planshet va smartfonda ishlaydigan saytlarni yaratishga yordam beradi. Bootstrap va Foundation kabi ramkalarga ega bo'lgan nozik dizaynlar mavjud, shuning uchun ulardan birini o'rgansangiz, siz o'rnatasiz.

Old qurilishi vositalari

Ishlab chiquvchi sifatida siz fayl o'lchamlarini optimallashtirish va ish samaradorligini boshqarishingiz kerak. Ushbu vositalar yordam berishi mumkin.

To'plamni boshqarish: Barcha kutubxonalarni, aktivlarni va boshqalarni, ayniqsa katta loyihalar yoki siz bilan birga ishlaydigan jamoalar uchun tashkil etish qiyin bo'lishi mumkin.

Har bir narsani tartibga solish va yangilanishlaringizni saqlash uchun Bower kabi paket menejeridan foydalaning.

Yeoman.io: Agar siz ba'zan yerdan loyihalarni olishda muammolaringiz bo'lsa, Yeomanni loyihalar bilan tez boshlash va samarali bo'lish uchun foydalaning. Buyruq satrida ishlaydi.

Vazifa bajaruvchilar: Buyruq satrida ishlovchi Grunt yoki Gulp foydalaning, fayllarni siqish va ish oqimini optimallashtirish. Ular Sass yoki Less preprocessors uchun kompilyator sifatida harakat qilishlari mumkin, shuningdek, boshqa funktsiyalarga ega plaginlarning keng doirasiga ega.

Xulosa

Yaxshilab yurgan narsalar ko'p narsalarga o'xshab ko'rinishi mumkin bo'lsa-da, ularga vaqt o'tishi kerak bo'lgan ko'nikma sifatida qaraymiz. Siz bilishingiz kerak bo'lgan asosiy narsalar - HTML, CSS va JavaScript.

Agar boshqa veb-ko'nikmalaringiz mavjud bo'lsa ham, agar ular front-end bilan bog'liq bo'lmasa ham, ularni jadvalga o'xshash dizayn, video tartibga solish, SEO va boshqalarga olib boring. Siz hech qachon kompaniya izlayotgan narsalarni bilishmaydi.

Va nima deb o'ylaysiz? Ehtimol, siz mukammal bo'lishingiz mumkin.