Inhinyero sa Harap

Icon
Icon ng Tagabuo
Icon
Icon ng Bombilya
Icon
Icon ng Clipboard
Icon
Icon ng Palaisipan
Mga kaugnay na tungkulin: Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

Mga Spotlight

Mga Katulad na Pamagat

Front-End Developer, Web Developer (Front-End), UI Developer, User Experience (UX) Developer, Front-End Software Engineer, Front-End Architect, JavaScript Developer, React Developer, Angular Developer, Vue.js Developer, CSS Developer, HTML Developer, UI/UX Engineer, Front-End Designer, Front-End Development Specialist

Paglalarawan ng Trabaho

Hindi pa nabubuo ang mga website nang mag-isa (sa ngayon). Nangangailangan ang mga ito ng maingat na pagpaplano ng mga eksperto na siyang bumubuo ng balangkas at mga teknikal na tampok, na kadalasang ginagawa ng mga Back-End Developer. Mayroon ding mga Front-End Web Developer o Engineer, na nagdidisenyo at pumipili ng mga elemento para sa mga user na makakausap.

Sa pangkalahatan, sila ang namamahala sa hitsura ng site, batay sa mga detalye ng customer. Depende sa saklaw ng trabaho, makikipagtulungan sila sa isang pangkat upang matiyak na natutugunan ang pananaw ng kliyente. Parami nang parami ang mga kliyente na humihingi ng mga site na lean at mobile-friendly.

Ang mga Front-end Engineer ay dalubhasa sa paglikha ng mga epektibong layout gamit ang mga kaugnay na graphics at nilalaman habang isinasama ang mga partikular na elementong gumagana tulad ng mga tampok sa pag-checkout ng pagbili. Nangangailangan ito ng matibay na kaalaman sa mga naaangkop na wika tulad ng HTML, CSS, at JavaScript. Malakas ang mga oportunidad sa trabaho, at inaasahang tataas ang demand sa mga darating na taon. 

Mga Nakakapagpasaya na Aspeto ng Karera
  • Paggalugad sa mga posibilidad ng wika ng computer upang lumikha ng mga customized na site para sa mga kliyente
  • Pagtulong sa mga kumpanya na maging mas matagumpay sa pamamagitan ng isang malakas na presensya online
  • Pagbuo ng mga kasanayang maaaring i-export na mataas ang pangangailangan at maaaring gamitin anumang oras, kahit saan
Trabaho sa 2018
160,500
Tinatayang Trabaho sa 2028
181,400
Ang Panloob na Pagsusuri
Mga Responsibilidad sa Trabaho

Iskedyul ng Paggawa

  • Ang mga iskedyul ng mga kwalipikadong Front-End Engineer ay nakadepende sa kanilang employer. Marami ang regular na nagtatrabaho nang full-time sa mga opisina, habang ang iba ay nagtatrabaho mula sa bahay nang may kontrata. Kasama sa larangang ito ang maraming freelancer, kabilang ang mga naninirahan sa ibang bansa. Sa ilang mga kaso, ang mga manggagawa sa labas ng US ay nakakapag-alok ng mas mababang mga rate dahil sa pagkakaiba sa mga halaga ng palitan ng pera. Ang lahat ng manggagawa sa larangang ito ay dapat umasa ng mga oras ng overtime kapag ang mga proyekto ay nangangailangan ng pagtugon sa masikip na mga deadline o kapag may mga problemang lumitaw.

Karaniwang mga Tungkulin

  • Pakikipagkita sa mga kliyente, project manager, mga potensyal na User Experience at User Interface designer, at mga Back-End Developer upang mag-isip ng mga ideya para sa disenyo ng website at nilalaman 
  • Pagtalakay sa lahat ng kinakailangang elemento ng branding, nilalaman, grapiko, audiovisual na bahagi, animation, ninanais na mga tungkulin, at iba pang mga isyu
  • Pagpaplano ng trabahong kailangan para sa mga kasalukuyang pagsasaayos at pag-upgrade ng website 
  • Pagbuo ng mga konsepto ng prototype at paggawa ng mga graphics para sa pagsusuri at feedback, batay sa mga input mula sa ibang mga miyembro ng koponan at mga kliyente
  • Paglikha ng naaangkop na code gamit ang iba't ibang wika upang maisakatuparan ang mga plano
  • Mga Karagdagang Responsibilidad
  • Pagsasagawa ng malawakang pagsubok upang matiyak na gumagana ang code ayon sa ninanais; pagsasaayos kung kinakailangan
  • Pag-alam kung aling mga miyembro ng pangkat ang kasangkot sa anumang proyekto, at ang kanilang mga tungkulin at responsibilidad
  • Pag-backup ng mga file kung sakaling magkaroon ng problema
Mga Kasanayang Kinakailangan sa Trabaho

Mga Malambot na Kasanayan

  • Malakas na kasanayan sa pakikinig
  • Pansin sa detalye
  • Magandang etiketa sa telepono at email 
  • Mga kasanayan sa serbisyo sa customer
  • Propesyonal na kilos
  • Oryentasyon ng pangkat
  • Nakatuon sa layunin
  • Matiyaga; handang harapin ang mga hamon
  • Analitikal, kritikal na pag-iisip
  • Malikhain, masining, at may kakayahang umangkop
  • Pamilyar sa iba pang mga tungkulin sa koponan, tulad ng mga tagalikha ng nilalaman at mga espesyalista sa SEO
  • Pangkalahatang kamalayan sa sikolohiya at kung paano nakikipag-ugnayan ang mga user sa mga site
  • Marunong tumanggap ng puna at kritisismo
  • Organisado na may mahusay na kasanayan sa pamamahala ng oras

Mga Kasanayang Teknikal

  • Praktikal at praktikal na karanasan sa paggamit ng HTML/CSS, JavaScript, at iba pang mga wika
  • Iba't ibang antas ng kadalubhasaan kasama ang:
  • jQuery 
  • Mga balangkas ng CSS at JavaScript (tulad ng Bootstrap at AngularJS)
  • Mga CSS Preprocessor (tulad ng Sass, Less, Stylus, atbp.)
  • Software para sa pagkontrol ng bersyon (Git)
  • Disenyong tumutugon
  • Mga programa sa pagsubok at pag-debug (tulad ng Mocha o Jasmine)
  • Mga tool para sa pag-develop ng browser; Mga tool sa pagbuo/pag-aautomat
  • Pagganap ng web (Grunt, gulp)
  • Linya ng utos 
  • Kaalaman sa mabilis na nagbabagong mga uso na may kaugnayan sa disenyo at pagba-brand ng website
  • Pag-unawa sa mga tampok ng pakikipag-ugnayan at pagbabahagi ng social media app
  • Handang mag-upgrade ng kasanayan kung kinakailangan
Iba't ibang Uri ng Organisasyon
  • Mga ahensya sa pagdisenyo ng mga sistema ng kompyuter
  • Paglalathala 
  • Pag-aanunsyo
  • Mga kompanya ng pagkonsulta sa pamamahala
  • Malalaking kompanya at organisasyon 
  • Mga industriya ng pangangalagang pangkalusugan
  • Mga ahensya ng gobyerno
  • Self-employed
Mga Inaasahan at Sakripisyo

Halos lahat ng organisasyon sa mundo ay mayroong online presence sa puntong ito, at ang mga natatanging website ang karaniwan na. Malayo na ang narating ng teknolohiya simula noong mga unang website na halos puro teksto lang ang nilalaman tulad ng CERN, Acme Labs, World Wide Web Worm, at Doctor Fun. Gusto ng mga kumpanya ng mga high-speed at makabagong site na makakakuha ng iyong atensyon at hahawakan ito habang kino-convert ka nila mula sa pagiging mambabasa tungo sa pagiging nagbabayad na customer.

Ang mga non-corporate site ay gusto rin ng mga nakakahimok na disenyo na epektibong makapagbibigay ng anumang hinahanap ng kanilang mga user. Ang pressure sa mga Front-End Engineer ay maaaring maging malaki, depende sa saklaw ng layunin ng site. Kaya naman mahalaga para sa mga manggagawa na subukan at i-debug bago ilunsad, at makipagtulungan nang malapit sa iba pang miyembro ng team upang matiyak na ligtas ang site at kayang pangasiwaan ang inaasahang trapiko. Ang mga hacker ay patuloy na naghahanap ng mga kahinaan na maaaring pagsamantalahan, maaaring mag-crash ng mga site, magtanim ng mga virus, o magnakaw ng impormasyon. 

Mga Kasalukuyang Uso

Hindi tumitigil sa pagbabago at pag-unlad ang teknolohiya, kaya naman kailangang manatiling napapanahon sa mga uso ang mga web developer. Mula sa mga micro frontend hanggang sa Atomic Design, maraming inobasyon ang paparating na dapat pangunahan ng mga Front-End Engineer. Ang mga sertipikasyon ay maaaring hindi makasabay sa mga pagbabagong nagsisimula pa lamang, kaya mahalagang subaybayan ito sa pamamagitan ng pagbabasa at pakikipag-ugnayan sa mga kapantay.

Ang online shopping ay biglang sumikat nitong mga nakaraang panahon, na nagtulak sa maraming negosyo na gumawa ng malalaking pagbabago sa kanilang mga operasyon na nangangailangan ng makabuluhang pag-upgrade ng website. Dapat ding maging mobile-friendly ang mga site, na hindi palaging nangyayari noon. Habang nakikipagkumpitensya ang mga dayuhang manggagawa para sa mga trabaho, mahalagang hasain ang Ingles at iba pang mga kasanayan sa komunikasyon upang makakuha o mapanatili ang isang kalamangan sa kompetisyon kumpara sa mas murang paggawa. 

Ano ang mga bagay na kinagigiliwan ng mga taong nasa karerang ito noong sila ay bata pa...

Ang mga Front-End Engineer ay madalas na nagtatrabaho sa loob ng bahay, at kadalasan ay nag-iisa. Marami ang nagsimula nang may maagang interes sa mga kompyuter at teknolohiya noong high school o mas maaga pa. Mayroong diin sa eleganteng disenyo, kaya naman ang mga artistikong personalidad ay madalas na naaakit sa larangang ito. Maraming manggagawa ang may matalas na pakiramdam ng visual aesthetics at malamang na interesado sa sining, disenyo, at mga proyektong multimedia, at maaaring nasiyahan sa paggawa ng mga video o paggawa ng mga hobby blog at website sa GoDaddy, WordPress, o Wix.

Bagama't sapat ang oras na ginugugol sa sarili, ang trabahong ito ay nangangailangan ng maraming pagsisikap ng grupo at pagtutulungan. Ang ganitong mga kasanayan sa pakikipagtulungan ay kadalasang nahahasa sa panahon ng paaralan o mga ekstrakurikular na aktibidad. Ang mga empleyado ay dapat na maging masigasig na mga kasosyo, hindi mga mahigpit na palaisip na gustong "gawin ang lahat sa kanilang paraan."

Sa kanilang libreng oras, malamang na palaging may hilig ang mga Front-End Engineer sa pag-aaral ng mga bagong bagay at pagkukusa na maging dalubhasa sa kanilang mga kasanayan nang hindi sinasabihan na kailangan nilang gawin iyon. Sa madaling salita, tunay nilang minamahal ang kanilang trabaho! Taglay ang isang mahusay na pag-unawa sa empatiya, maaari rin nilang ilagay ang kanilang sarili sa sitwasyon ng mga tagapamahala, may-ari, kliyente, at iba pang mga end user... isang kakayahang maaaring nalinang noong bata pa. 

Kinakailangan ang Edukasyon at Pagsasanay
  • Ang mga Front-End Engineer ay kadalasang mayroong bachelor's degree sa Computer Science o programming, ngunit hindi ito palaging kinakailangan.
    • Ayon sa O-Net Online, 46% ng mga Web Developer ay may undergraduate degree, 17% ay may post-secondary certificate, at 17% ay may associate's degree.
    • Ang disenyo ng web ay isang sikat na opsyon sa associate's degree
    • Mahalaga ang mga kurso sa disenyo ng grapiko para sa maraming posisyon
  • Ang praktikal na karanasan sa trabaho ay karaniwang kasinghalaga ng akademiko. Dapat alam ng mga manggagawa ang HTML, JavaScript, at may iba pang kasanayan sa programming at software gaya ng nabanggit sa itaas.
  • Interesado ang mga employer na makita ang ebidensya ng mga kinakailangang soft skills, at hindi lamang ang mga teknikal na kakayahan, kaya huwag pabayaan ang iyong mga klase sa Ingles, pagsusulat, pagsasalita, at pamamahala.
  • Matuto nang mag-isa gamit ang mga sumusunod:
    • Ang LinkedIn Learning ay Naging Isang Front-End Developer
    • Programang Nanodegree ng Front-End Web Developer ng Udacity
    • Mga Pangunahing Kaalaman sa IT ng CompTIA
    • Mga sertipikasyon na partikular sa vendor/teknolohiya tulad ng Google Cloud, RedHat, Microsoft (MTA, MSCA, MSCE)
    • Udemy:
      • Ang Bootcamp ng Web Developer 
      • Ang Kumpletong Web Developer sa 2019: Zero to Mastery
    • Coursera:
      • Disenyo ng Web para sa Lahat
      • Mga Pundasyon sa Programming ni Duke gamit ang JavaScript, HTML at CSS 
      • Maikling Kasanayan: Pag-unlad ng Front End
Mga bagay na dapat hanapin sa isang unibersidad
  • Ang ilan ay nagmumungkahi na ang pinakamahusay na degree sa Front-End Engineer ay ang Computer Information Systems.
  • Tingnan ang taunang ranggo ng US News ng Pinakamahusay na mga Programa sa Agham Pangkompyuter at Pinakamahusay na mga Programa sa Wikang Programming
  • Ang mga klase sa parehong front- at back-end na disenyo ay maaaring maging kapaki-pakinabang, kasama ang pamamahala ng proyekto at disenyo ng database.
  • Makatipid ng oras sa pagpapalit-palit ng klase sa pamamagitan ng pag-enroll sa isang online o hybrid na programa
  • Tiyaking ang institusyon ay ganap na akreditado
Mga bagay na dapat gawin sa High School at Kolehiyo
  • Matuto nang mag-isa. Karamihan sa mga pangunahing kasanayang kailangan para makapagsimula ay maaaring makuha nang libre o sa napakamurang halaga (tingnan ang aming mga rekomendasyon sa Edukasyon at Pagsasanay sa itaas, at iba pang listahan ng mga Inirerekomendang Website sa ibaba)
  • Magtago ng portfolio ng mga proyektong natapos mo, kasama ang mga tala ng iyong ginawa upang makamit ang mga resultang iyon
  • Magboluntaryo upang tulungan ang iyong paaralan o iba pang mga asosasyon sa kanilang mga website
  • Maghanap ng mga internship na nag-aalok ng mga pagkakataon sa praktikal na karanasan sa trabaho
  • Kapag magaling ka na, sumali sa Upwork at simulang buuin ang iyong mga kredensyal bilang freelancer.
  • Sumali sa mga computer club para makipag-network sa iba at magtulungang turuan ang isa't isa ng mga kasanayan at tricks
  • Pahusayin ang iyong mga kasanayan sa serbisyo sa customer at komunikasyon gamit ang mga kaugnay na kurso
  • Palaging sumabay sa mga umuusbong na teknolohiya at kasalukuyang mga uso
  • Basahin ang mga sikat na awtor ng Quora na nagsusulat tungkol sa larangan, at tanungin sila
Karaniwang Roadmap
Mapmap ng Gladeo Front End Engineer
Paano makuha ang iyong unang trabaho
  • Mag-set up ng mga alerto sa trabaho sa mga portal ng trabaho tulad ng Indeed, Monster, at Glassdoor
  • Humingi ng tulong sa departamento ng kolehiyo o career center ng paaralan sa paghahanap ng mga bakanteng posisyon
  • Suriing mabuti ang mga posting ng trabaho para sa mga kinakailangang kasanayan, pagsasanay, at karanasan
  • Suriing mabuti ang mga katangiang hinahanap ng mga employer sa mga bagong Front-End Engineer
  • Matapat na iayon ang iyong aplikasyon sa lahat ng hinahanap ng mga employer
  • Hayaang makita ng mga employer ang iyong portfolio sa pamamagitan ng pagdaragdag ng mga link sa iyong resume
    • Gawing propesyonal ang iyong online portfolio, na naglilista ng mga espesyalisadong kasanayan sa teknolohiya, mga personal na proyekto, at mga link sa anumang proyekto sa GitHub, CakeResume, o CodePen
    • Magbigay ng konteksto tungkol sa bawat aytem (mga detalye kung sino, ano, saan, kailan, at bakit)
    • Siguraduhing ang portfolio mismo ay isang pagpapakita ng iyong talento!
  • Kung mas marami kang karanasan sa programming, mas magiging maayos ang iyong posisyon laban sa mga kakumpitensya.
  • Tandaan, hindi lahat ng trabaho ay nangangailangan ng degree. Kung wala ka nito, basahin ang mga job posting para malaman kung may ibang karanasan na maaaring ipalit sa pormal na edukasyon. 
  • Maging maigsi ngunit huwag matakot na ilista ang mga teknikal na detalye sa resume; tingnan ang "Paano Sumulat ng Front-End Developer Resume na Magbibigay sa Iyo ng Panayam" ng Medium.
  • Huwag kalimutan ang mga soft skills na iyan! Ipakita ang mga ito sa aplikasyon at sa mga panayam.
  • Humingi ng pangalawang opinyon! Humingi ng review sa isang tao tungkol sa iyong resume at portfolio
  • Magtanong sa mga guro/superbisor kung may alam silang mga bakanteng trabaho o kung sila ang magiging mga reperensya para sa iyo
Paano Umakyat sa Hagdan
  • Makipag-usap sa iyong superbisor at mga tagapamahala, upang makakuha ng payo at ipaalam sa kanila na interesado kang gawin ang mga kinakailangan upang maging kwalipikado para sa mga pagkakataon sa promosyon. 
  • Alamin kung anong mga uri ng intermediate na posisyon ang gusto mong puntahan, tulad ng Software Developer, Application Developer, o Senior Web Developer
  • Simulan din ang pagpaplano para sa mga advanced na tungkulin tulad ng Senior Developer, Software Development Engineer, o Software Architect
  • Panatilihing matalas ang iyong mga kasanayan sa teknolohiya sa pamamagitan ng pagkumpleto ng mga advanced na sertipikasyon
    • Inililista ng CompTIA ang mga naaangkop na sertipiko para sa iba't ibang yugto ng iyong pag-unlad sa karera
  • Kung wala ka pang bachelor's degree, isaalang-alang ang pagtatapos nito. Pagkatapos ay simulan ang iyong master's degree, kung gusto mong patuloy na umangat. 
  • Gumawa ng mahusay na trabaho sa bawat proyekto at makakuha ng magagandang review mula sa mga kliyente
  • Palaging sumunod sa mga deadline, ngunit hindi sa kapinsalaan ng kalidad 
  • Pag-aralan ang mga bagong trend sa disenyo at manatiling inspirado!
  • Magpalimbag online at nakalimbag. Sumulat ng mga artikulo para sa mga print magazine sa industriya tulad ng Net, How, Layers, Computer Arts, Digital Arts, Web Designer, CMYK, at iba pa
Mga Inirerekomendang Mapagkukunan

Mga Website

  • Asosasyon para sa Makinarya sa Kompyuter 
  • Napakatalino
  • Handbook ng Pananaw sa Trabaho ng Kawanihan ng Istatistika ng Paggawa
  • CodeSignal
  • Mga Codewar
  • CodinGame
  • CompTIA 
  • Samahan ng mga Propesyonal sa IT ng CompTIA
  • Coursera
  • edX
  • Pag-eehersisyo
  • librengCodeCamp
  • Mga Frontendmaster
  • HackerEarth
  • HackerRank
  • Javascript30
  • Paaralang Rithm
  • Udemy
  • W3Schools: Javascript
  • Pandaigdigang Organisasyon ng mga Webmaster 

Mga Libro

Plano B

Maraming trabaho para sa mga taong mahilig gumamit ng kompyuter. Ang Front-End Development ay isang popular na trabaho, ngunit hindi ito angkop para sa lahat. Inililista ng BLS ang mga opsyon na dapat isaalang-alang, depende sa iyong mga interes at kakayahan:

  • Mga Tagapamahala ng Computer at Information Systems
  • Mga Programmer ng Kompyuter
  • Mga Espesyalista sa Suporta sa Kompyuter
  • Mga Analyst ng Sistema ng Kompyuter
  • Mga Administrator ng Database
  • Mga Graphic Designer
  • Mga Analyst ng Seguridad ng Impormasyon
  • Mga Artista at Animator ng Multimedia
  • Mga Nag-develop ng Software
  • Maaari mo ring isaalang-alang ang Software Quality Assurance Engineering o Web Administration.   

Balita

Mga Online na Kurso at Kagamitan

SAHOD AT PANANAW SA TRABAHO
Pumili ng Subrehiyon:

Mga Inaasahang Taunang Sweldo

$115K
$156K
$170K

Ang mga bagong manggagawa ay nagsisimula sa humigit-kumulang $115K. Ang median na suweldo ay $156K bawat taon. Ang mga manggagawang may mataas na karanasan ay maaaring kumita ng humigit-kumulang $170K.

Pinagmulan: Estado ng California, Kagawaran ng Pagpapaunlad ng Trabaho

Mga Inaasahang Taunang Sweldo

$172K
$205K
$220K

Ang mga bagong manggagawa ay nagsisimula sa humigit-kumulang $172K. Ang median na suweldo ay $205K bawat taon. Ang mga manggagawang may mataas na karanasan ay maaaring kumita ng humigit-kumulang $220K.

Pinagmulan: Estado ng California, Kagawaran ng Pagpapaunlad ng Trabaho

Mga Inaasahang Taunang Sweldo

$108K
$146K
$180K

Ang mga bagong manggagawa ay nagsisimula sa humigit-kumulang $108K. Ang median na suweldo ay $146K bawat taon. Ang mga manggagawang may mataas na karanasan ay maaaring kumita ng humigit-kumulang $180K.

Pinagmulan: Estado ng California, Kagawaran ng Pagpapaunlad ng Trabaho

Mga Inaasahang Taunang Sweldo

$112K
$149K
$173K

Ang mga bagong manggagawa ay nagsisimula sa humigit-kumulang $112K. Ang median na suweldo ay $149K bawat taon. Ang mga manggagawang may mataas na karanasan ay maaaring kumita ng humigit-kumulang $173K.

Pinagmulan: Estado ng California, Kagawaran ng Pagpapaunlad ng Trabaho

Mga Inaasahang Taunang Sweldo

$103K
$138K
$173K

Ang mga bagong manggagawa ay nagsisimula sa humigit-kumulang $103K. Ang median na suweldo ay $138K bawat taon. Ang mga manggagawang may mataas na karanasan ay maaaring kumita ng humigit-kumulang $173K.

Pinagmulan: Estado ng California, Kagawaran ng Pagpapaunlad ng Trabaho