Бирок, кандайдыр бир алдыңкы-аягы өнүктүрүү жумуш талап кылат, бир нече чеберчилиги бар - "негизги", көндүмдөр - жана олуттуу репертуары кошуп эске алышы керек, бир нече адам.
Үчүн эмнени билүү керек
жумуш тизмесин онлайн алдыңкы-аягы өндүрүүчүлөргө кандай издөө баскычын карап чыгуу үчүн, билип, түшүнүп; үч негизги нерсе бар.
Non-Келишимдүү.
Алар төмөнкүлөр:
- HTML
- CSS
- JavaScript (← шилтемелер)
Бул негизи болуп саналат. Бактыга жараша, бир топ бар бекер же мүмкүнчүлүккө жараша онлайн үйрөнүү аянтчалардын мурунтан эле аларды таанып-биле албайт, эгерде сиз бул көнүгүүлөрдү үйрөнө алышат.
HTML
HyperText Markup Language, же HTML, Интернетте бардык сайттардын негизги структуралык компоненти болуп саналат. Атайга Kyrnin айткандай,
"Бул барактарды көрсөтүү окуп браузерлер интернет беттеринде-белгилөө тили тили болуп саналат."
Желе барактар HTML жок болушу мүмкүн эмес.
CSS
CSS жана HTML биргелешип иштейт: CSS HTML стилди кошумчалайт. Мен HTML бети сыяктуу мисал үчүн, жана CSS макияж сыяктуу.
CSS онлайн сайты алуу үчүн зарыл болгон эмес, болсо да, негизинен, ар бир сайт онлайн-ны бир нече түрүн колдонот.
Болбосо, бул абдан кызыксыз болмок. CSS-жылдын акыркы түрү менен, сиз мурда JavaScript же Flash менен гана мүмкүн болгон -Көрүүчүлөр жана өнүккөн стилдөө сыяктуу нерселерди жасай алат.
JavaScript
JavaScript, же JS, жылда тез эле келе жатат. Ал бүгүнкү күндө көптөгөн ой-ниеттерин жана алдыңкы же арткы учу колдонууга болот.
алдыңкы-аягы өнүктүрүүгө байланыштуу, JS бул интернет барагына өз ара жардам берет, анткени маанилүү болуп саналат. Сиз сурамжылоолор, тесттерди же түрү жөнөтүүлөрүн түзүү сыяктуу эбегейсиз зор иштерди кыла алат.
Бүгүнкү күндө кийинки баскычка желе баракчаларын алып, жардам берүү үчүн онлайн көптөгөн JS китепканалар бар.
Бирок, алдыңкы-аягы иштеп болуп, жөн гана негизги JavaScript, ошондой эле абдан популярдуу JS китепканасын түшүнүү керек - үйрөнүп.
Nice-из-колунда
негиздери алгандан кийин, бул да жакшы башка чеберчилиги. (Ал эми алдыңкы-аягы өнүктүрүү жумуш көп, аларга карап.)
MV * JavaScript Frameworks
JavaScript алкактары сиз уюштуруп, кодду коюлоо жардам берет.
Ошондой эле MV * (же MVC) параметрлери барып, ошол жерде отуз бар эле: таанымал баласы backbone.js жана angular.js эки.
Албетте, бир JS негиздерин үйрөнүп чыныгы алдыңкы-аягы иштеп болууга орчундуу бөлүгү болуп саналат, ал эми кийинки баскычка тажрыйба алып, жакшы жол.
CSS Tools
Жогоруда JavaScript алкагында салыштырмалуу, CSS аспаптар төмөндө үйрөнүү үчүн салыштырмалуу жеңил болуп саналат. издеп, үч түрү бар:
Precompilers: а precompiler (же preprocessor) колдонуу уюм карамагына коду ийбей кабыл алынган артыкчылыктарга көп бар. Бул CSS жазуу үчүн жеңил жол жана кургак (бирөө да жок көрүнөт) негизги өбөлгө түзөт. Популярдуу CSS precompilers Sass, Less жана Stylus болуп саналат. Сен жөн гана баштап чыгып жаткан болсо, анда бири-үйрөнүү менен биригет.
CSS чектери: CSS негиздери камтылган тармактары жана башка CSS компоненттери менен жумуш оптималдаштырууга жардам берет. Эки элдик мисалдар жүктөгүч жана пайдубал болуп саналат.
Дизайн сайта: Бул күн, сиздин сайт алардын баары ылайыкташууга жөндөмсүздүгү керек түзмөктөр үчүн мынчалык көп түрдүү жандык бар. рабочий, планшет жана уюулдук - жооп дизайн баарын экран өлчөмдөрүн иштеп сайттарды курууга жардам берет. Bootstrap пайдубалдын сыяктуу алкактары жооп дизайн-жылы курулган болсо, анда ал бир билип, эгер силер коюп жатасыз.
Front-End куралдарын Build
иштеп чыгуучу катары, сиз билэ кээмэйэ оптималдаштыруу жана иш натыйжалуулугун башкаруу мүмкүнчүлүгүнө ээ болушу керек. Мындай аспаптар жардам берет.
Топтомду башкаруу: Бул, айрыкча, бир команда болуп иштеп жаткан ири долбоорлор же адамдар үчүн, ж.б.у.с. бардык китепканалар, мүлктү уюштуруп, кыйын болушу мүмкүн.
пакети менеджери колдонуу, Бауэр сыяктуу, баары сорттолгон алуу жана өзгөртүүлөр журналы үчүн.
Yeoman.io: кээде жерден долбоорлорду алуу кыйын болуп жатса, Йомэн долбоорлор менен тез баштоо жана жемиштүү калыш үчүн колдонушат. Бул буйрук сабында чуркап.
Тапшырма орун да документ буйрук сабында, кысуу үчүн чуркап жумуш оптималдаштыруу колдонуу ыр же Gulp. Алар Sass же анча preprocessors үчүн Компилятордун катары чыга алат, ошондой эле башка өзгөчөлүктөрдү мактанып плагиндер өтө ар түрдүү.
жыйынтыктоо
колунда жакшы көптөй көрүнүшү мүмкүн, ал эми узак убакыт бою кошуу керек көндүмдөрдү деп ойлойбуз. билүү керек негизги нерселерди HTML, CSS, жана JavaScript болуп саналат.
Эгер бар болсо, башка желе жөндөмдүүлүктөрүн , алар алдыңкы-аягы байланыштуу эмес, сиз да, дасторконго кайра алып келем, - дизайн, көрмө редакторлоо, SEO сыяктуу, ж.б. Сиз эмне бар экенин эч качан компания издеп мүмкүн .
Эмне деп ойлойм? Сиз кемчиликсиз туура болушу мүмкүн.