Nanging, ana sawetara skills sing mbutuhake proyek-proyek ngarep-mburi mbutuhake - "inti" skills - lan sawetara wong sing sampeyan kudu nimbang mikiraken nambah ing repertoire.
Apa Sampeyan Perlu Ngerti
Nelusuri dhaftar proyek online ing panelusuran apa kunci kanggo pangembang front-end ngerti lan ngerti; ana telung bab kunci.
Non-negotiable.
Lan padha:
- HTML
- CSS
- JavaScript (jQuery)
Iki minangka fundamental. Begjanipun, ana akeh platform pembelajaran online sing gratis utawa sing terjangkau ing ngendi sampeyan bisa mangerteni skills kasebut yen sampeyan ora ngerti.
HTML
HyperText Markup Language, utawa HTML, minangka komponen struktural utama ing kabeh situs web ing Internet. Minangka Jennifer Kyrnin ngandika,
"Iku basa kaca web-basa markup sing dibaca browser kanggo nyipta kaca web."
Kaca web ora bisa ana tanpa HTML.
CSS
CSS lan HTML bisa bebarengan: CSS nambah gaya HTML. Aku pengin nggunakake analogi sing HTML kaya pasuryan, lan CSS kaya dandanan.
Senajan CSS ora perlu kanggo entuk situs web online, saben-saben situs online nggunakake sawetara gaya.
Yen ora, mesthi dadi cukup mboseni. Kanthi versi paling anyar saka CSS, sampeyan bisa nindakake kaya animasi lan gaya sing luwih maju sing mung bisa nganggo JavaScript utawa Flash ing jaman sadurungé.
JavaScript
JavaScript, utawa JS, wis maju kanthi cepet sakwéné taun. Wis akeh tujuan saiki lan bisa digunakake ing ngarep utawa mburi mburi.
Ing babagan pembangunan ngarep, JS penting amarga mbantu nggawe kaca web interaktif. Sampeyan bisa nglakoni kagiyatan kaya nggawe jajak pendapat, kuis utawa formulir sing dikirim.
Saiki ana akeh JS perpustakaan online kanggo mbantu sampeyan njupuk kaca web kanggo tingkat sabanjure.
Nanging, dadi pangembang ngarep, sampeyan mung kudu ngerti javascript dhasar lan uga perpustakaan JS paling populer - jQuery.
Nice-to-Haves
Sawise nyasarake, iki skills liyane sing apik kanggo duwe. (Lan akeh proyek pangembangan ngarep katon kanggo wong-wong mau.)
MV * Frameworks JavaScript
Rancangan JavaScript mbantu sampeyan ngatur lan ngecakup kode sampeyan.
Sakliyane pilihan MV * (utawa MVC), ana telung puluh ana: rong sing paling populer yaiku backbone.js lan angular.js.
Tanpa mangu-mangu, sinau framework JS minangka bagean paling angel dadi pangembang ngarep sing bener, nanging cara paling apik kanggo njupuk kapinterane ing tingkat sabanjure.
CSS Tools
Dibandhingake karo kerangka JavaScript ing ndhuwur, alat CSS ing ngisor iki relatif gampang dipelajari. Ana telung jinis kanggo nggoleki:
Precompilers: Nggunakake precompiler (utawa preprocessor) duwe akeh kaluwihan, saka nggawe panyedhiya kode kanggo njaga organisasi. Iku cara sing gampang kanggo nulis CSS lan ngusulake DRY (Jangan Ulangi dhewe) prinsip. Cakram precompiler CSS populer yaiku Sass, Kurang, lan Stylus. Yen sampeyan lagi miwiti, tetep sinau.
Rancangan CSS: Rancangan CSS mbantu ngoptimalake alur kerja sampeyan kanthi built-in grids lan komponen CSS liyane. Rong conto populer yaiku Bootstrap lan Foundation.
Rancangan responsif: Dina iki, ana macem-macem jinis piranti sing situs sampeyan kudu bisa ngganti menyang kabeh. Desain responsif mbantu sampeyan mbangun situs sing bisa digunakake ing kabeh ukuran layar - desktop, tablet, lan smartphone. Rangka kerja kaya Bootstrap lan Yayasan nduweni desain responsif, dadi yen sampeyan sinau salah sawijining, sampeyan bakal nemtokake.
Alat Bantu Ngarep
Minangka pangembang, sampeyan kudu bisa ngatur optimasi ukuran file lan efisiensi alur kerja. Piranti kasebut bisa mbantu.
Manajemen Paket: Bisa susah ngatur kabeh pustaka, aset, lan liya-liyane, utamane kanggo proyèk-proyèk gedhé utawa ing ngendi sampeyan nggarap tim.
Gunakake manajer paket, kayata Bower, kanggo entuk kabeh sing wis diurut lan nyimpen cathetan sing anyar.
Yeoman.io: Yen sampeyan kadhangkala duwe masalah nyedhaki proyek, gunakake Yeoman kanggo miwiti kanthi cepet proyek lan tetep produktif. Iku mbukak ing baris printah.
Task Runners: Gunakake Grunt utawa Gulp, sing uga mbukak ing baris perintah, kanggo ngompres file lan ngoptimalake workflow. Padha bisa dadi compiler kanggo Sass or Less preprocessor, lan uga duwe macem-macem plugin sing ngidhukung fitur-fitur liyane.
Kesimpulan
Nalika sampeyan seneng karo sampeyan, mesthine kaya ngono, pikirake wong-wong mau minangka keterampilan sing kudu nambah wektu. Perkara-perkara inti sing sampeyan kudu ngerti yaiku HTML, CSS, lan JavaScript.
Yen sampeyan duwe katrampilan web liyane , sanajan padha ora ngarep-arep, nggawa menyang desain kaya meja, nyunting video, SEO, lan liya-liyane. Sampeyan ora ngerti apa perusahaan bisa nggoleki .
Lan guess apa? Sampeyan bisa dadi sampurna.