Front-End Engineer

Icon
Icon ng Tagabuo
Icon
Icon ng Lightbulb
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

Deskripsyon ng trabaho

Ang mga website ay hindi pa gumagawa ng kanilang mga sarili (pa). Nangangailangan sila ng maingat na paunang pagpaplano ng mga eksperto na bumuo ng balangkas at teknikal na mga tampok, kadalasang ginagawa ng mga Back-End Developer. Mayroon ding Front-End Web Developers o Engineers, na nagdidisenyo at pumipili ng mga elemento para sa interface ng mga user.

Sa pangkalahatan, sila ang namamahala sa hitsura ng site, batay sa mga detalye ng customer. Depende sa saklaw ng trabaho, makikipagtulungan sila sa isang team para matiyak na natutugunan ang pananaw ng kliyente. Parami nang parami ang hinihiling ng mga kliyente ng mga site na payat at pang-mobile.

Ang mga Front-end Engineer ay dalubhasa sa paglikha ng mga epektibong layout na gumagamit ng mga nauugnay na graphics at nilalaman habang isinasama ang mga partikular na functional na elemento tulad ng mga feature sa pag-check-out ng pagbili. Nangangailangan ito ng malakas na kaalaman sa mga naaangkop na wika tulad ng HTML, CSS, at JavaScript. Malakas ang mga prospect ng trabaho, na inaasahang tataas ang demand sa mga darating na taon. 

Mga Aspektong Nagpapahalaga sa Karera
  • Paggalugad ng mga posibilidad sa 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 malakas na presensya sa online
  • Bumuo ng mga nae-export na kasanayan na may mataas na pangangailangan at maaaring gamitin anumang oras, kahit saan
2018 Trabaho
160,500
2028 Inaasahang Trabaho
181,400
Ang Inside Scoop
Mga Pananagutan sa Trabaho

Oras ng trabaho

  • Ang mga iskedyul ng mga Kwalipikadong Front-End Engineer ay nakadepende sa kanilang employer. Marami ang nagtatrabaho ng mga regular na full-time na trabaho sa mga opisina, habang ang iba ay nagtatrabaho mula sa bahay sa isang kontrata. Kasama sa larangan ng karera na ito ang maraming mga freelancer, kabilang ang mga naninirahan sa ibang bansa. Sa ilang mga kaso, ang mga manggagawa sa labas ng US ay maaaring mag-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 obertaym kapag ang mga proyekto ay nangangailangan ng pagtugon sa masikip na mga deadline o kapag may mga problema.

Mga Karaniwang Tungkulin

  • Nakikipagpulong sa mga kliyente, project manager, potensyal na User Experience at User Interface designer, at Back-End Developer para mag-brainstorm ng mga ideya sa disenyo at content ng website 
  • Tinatalakay ang lahat ng kinakailangang elemento ng pagba-brand, content, graphics, audiovisual component, animation, gustong function, at iba pang isyu
  • Pagpaplano ng gawaing kailangan para sa mga kasalukuyang overhaul 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 iba pang miyembro ng team at kliyente
  • Paglikha ng naaangkop na code gamit ang iba't ibang wika upang bigyang-buhay ang mga plano
  • Karagdagang Pananagutan
  • Pagsasagawa ng malawak na pagsubok upang matiyak na gumagana ang code ayon sa ninanais; pagsasaayos kung kinakailangan
  • Pag-alam kung sinong mga miyembro ng pangkat ang kasangkot sa anumang partikular na proyekto, at ang kanilang mga tungkulin at responsibilidad
  • Pag-back up ng mga file sa kaso ng mga problema
Mga Kasanayang Kailangan sa Trabaho

Soft Skills

  • Malakas na kasanayan sa pakikinig
  • Pansin sa detalye
  • Magandang etiquette sa telepono at email 
  • Mga kasanayan sa serbisyo sa customer
  • Propesyonal na pag-uugali
  • Team-orientation
  • Nakatuon sa layunin
  • pasyente; handang harapin ang mga hamon
  • Analytical, kritikal na pag-iisip
  • Malikhain, masining, at may kakayahang umangkop
  • Ang pagiging pamilyar sa iba pang mga tungkulin ng 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 kumuha ng feedback at criticism
  • Nakaayos na may mahusay na mga kasanayan sa pamamahala ng oras

Teknikal na kasanayan

  • Praktikal, hands-on na karanasan sa HTML/CSS, mga wikang JavaScript
  • Iba't ibang antas ng kadalubhasaan sa:
  • jQuery 
  • CSS at JavaScript frameworks (tulad ng Bootstrap at AngularJS)
  • Mga Preprocessor ng CSS (tulad ng Sass, Less, Stylus, atbp.)
  • Version control software (Git)
  • Tumutugon na disenyo
  • Mga programa sa pagsubok at pag-debug (gaya ng Mocha o Jasmine)
  • Mga tool sa developer ng browser; Mga tool sa gusali/Automation
  • Pagganap sa web (Grunt, gulp)
  • Command line 
  • Kaalaman sa mabilis na mga usong nauugnay sa disenyo at pagba-brand ng website
  • Pag-unawa sa pakikipag-ugnayan ng social media app at mga feature ng pagbabahagi
  • Handang mag-upskill kung kinakailangan
Iba't ibang Uri ng Organisasyon
  • Mga ahensya ng disenyo ng mga sistema ng computer
  • Paglalathala 
  • Advertising
  • Mga kumpanya sa pagkonsulta sa pamamahala
  • Mga malalaking kumpanya at organisasyon 
  • Mga industriya ng pangangalagang pangkalusugan
  • Mga ahensya ng gobyerno
  • Sa sarili nagtatrabaho
Mga Inaasahan at Sakripisyo

Halos lahat ng organisasyon sa mundo ay may ilang uri ng online presence sa puntong ito, na ang mga natatanging website ang karaniwan. Malayo na ang narating ng teknolohiya mula noong unang mga website na kadalasang may text tulad ng CERN, Acme Labs, World Wide Web Worm, at Doctor Fun. Gusto ng mga kumpanya ang high-speed, cutting-edge na mga site na nakakakuha ng iyong pansin at humawak dito habang ginagawa ka nila mula sa mambabasa patungo sa nagbabayad na customer.

Nais din ng mga site na hindi pang-korporasyon ang mga nakakahimok na disenyo na epektibong makakapagbigay ng anumang hinahanap ng kanilang mga user. Ang pressure sa Front-End Engineers ay maaaring maging malaki, depende sa saklaw ng layunin ng site. Iyon ang dahilan kung bakit napakahalaga para sa mga manggagawa na subukan at i-debug bago ilunsad, at makipagtulungan nang malapit sa iba pang mga miyembro ng team upang matiyak na ang site ay ligtas at mahawakan ang inaasahang trapiko. Ang mga hacker ay patuloy na nagbabantay para sa mga kahinaan upang pagsamantalahan, sa alinman sa mga site ng pag-crash, mga virus ng halaman, o magnakaw ng impormasyon. 

Mga Kasalukuyang Uso

Ang teknolohiya ay hindi tumitigil sa pagbabago at pag-unlad, kaya naman kailangan ng mga web developer na manatiling napapanahon sa mga uso. Mula sa mga micro frontend hanggang sa Atomic Design, maraming mga inobasyon ang patungo sa pipeline na dapat mapunta sa mga Front-End Engineers. Maaaring hindi makasabay ang mga sertipikasyon sa mga pagbabago sa boots-on-the-ground, kaya mahalagang subaybayan sa pamamagitan ng pagbabasa at networking sa mga kapantay.

Ang online na pamimili ay tumaas sa mga kamakailang panahon, na nagpipilit sa maraming negosyo na gumawa ng malalaking pagbabago sa kanilang mga operasyon na nangangailangan ng makabuluhang pag-upgrade sa website. Dapat ding mobile-friendly ang mga site, na hindi palaging nangyayari sa nakaraan. Habang nakikipagkumpitensya ang mga dayuhang manggagawa para sa mga trabaho, mahalagang patalasin ang Ingles at iba pang mga kasanayan sa komunikasyon upang makakuha o mapanatili ang isang mapagkumpitensyang kalamangan sa mas murang paggawa. 

Anong uri ng mga bagay ang kinagigiliwang gawin ng mga tao sa karerang ito noong bata pa sila...

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

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

Sa kanilang libreng oras, ang mga Front-End Engineer ay malamang na palaging may hilig sa pag-aaral ng mga bagong bagay at pagkuha ng inisyatiba upang makabisado ang kanilang mga skillset nang hindi sinasabi na kailangan nila. Sa madaling salita, talagang mahal nila ang kanilang trabaho! Sa pagkakaroon ng mahusay na nabuong pakiramdam ng empatiya, maaari rin nilang ilagay ang kanilang mga sarili sa posisyon ng mga manager, may-ari, kliyente, at iba pang mga end user...isang kakayahan na maaaring nalinang noong pagkabata. 

Kailangan ang Edukasyon at Pagsasanay
  • Ang mga Front-End Engineer ay madalas na mayroong bachelor's degree sa Computer Science o programming, ngunit hindi ito palaging kinakailangan
    • Bawat O-Net Online, 46% ng mga Web Developer ay may undergraduate degree, 17% ay may post-secondary certificate, at 17% ay mayroong associate's
    • Ang disenyo sa web ay isang popular na opsyon sa degree ng associate
    • Ang mga kurso sa disenyo ng graphic ay mahalaga para sa maraming posisyon
  • Ang praktikal na karanasan sa trabaho ay kadalasang kasinghalaga ng mga 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 makakita ng katibayan ng mga kinakailangang soft skills, at hindi lamang mga teknikal na kakayahan, kaya huwag pabayaan ang iyong mga klase sa Ingles, pagsulat, pagsasalita, at pamamahala
  • Matuto nang mag-isa gamit ang mga sumusunod:
    • Ang LinkedIn Learning ay Naging Front-End Developer
    • Ang Front-End Web Developer Nanodegree Program ng Udacity
    • IT Fundamentals ng CompTIA
    • Mga certification na partikular sa vendor/tech gaya ng Google Cloud, RedHat, Microsoft (MTA, MSCA, MSCE)
    • Udemy:
      • Ang Web Developer Bootcamp 
      • Ang Kumpletong Web Developer sa 2019 : Zero to Mastery
    • Coursera:
      • Web Design para sa Lahat
      • Duke's Programming Foundations na may JavaScript, HTML at CSS 
      • Maikling Kasanayan: Front End Development
Mga bagay na hahanapin sa isang unibersidad
  • Iminumungkahi ng ilan na ang pinakamahusay na Front-End Engineer degree ay Computer Information Systems
  • Tingnan ang taunang ranggo ng US News ng Pinakamahusay na Mga Programa sa Computer Science at Pinakamahusay na Programa sa Wika ng Programming
  • Maaaring makatulong ang mga klase sa disenyo sa harap at likod, kasama ng pamamahala ng proyekto at disenyo ng database
  • Makatipid ng oras sa pag-shuffling mula sa klase patungo sa klase sa pamamagitan ng pag-enroll sa isang online o hybrid na programa
  • Tiyaking ganap na akreditado ang institusyon
Mga dapat gawin sa High School at College
  • Matuto nang mag-isa. Karamihan sa mga pangunahing kasanayan na kailangan upang makapagsimula ay maaaring makuha nang libre o sa napakakaunting pera (tingnan ang aming mga rekomendasyon sa Edukasyon at Pagsasanay sa itaas, at higit pang listahan ng Mga Inirerekumendang Website sa ibaba)
  • Panatilihin ang isang portfolio ng mga proyekto na iyong natapos, kasama ang mga tala ng kung ano ang 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 praktikal na mga pagkakataon sa karanasan sa trabaho
  • Kapag sapat ka na, sumakay sa Upwork at simulan ang pagbuo ng iyong mga kredensyal sa freelance
  • Sumali sa mga computer club upang makipag-network sa iba at tumulong na turuan ang isa't isa ng mga kasanayan at trick
  • Pakinisin ang iyong serbisyo sa customer at mga kasanayan sa komunikasyon gamit ang kaugnay na coursework
  • Palaging sumabay sa mga umuusbong na tech at kasalukuyang mga uso
  • Basahin ang mga sikat na may-akda ng Quora na nagsusulat tungkol sa larangan, at tanungin sila
Karaniwang Roadmap
Roadmap ng Gladeo Front End Engineer
Paano makuha ang iyong unang trabaho
  • Mag-set up ng mga alerto sa trabaho sa mga portal ng trabaho gaya ng Indeed, Monster, at Glassdoor
  • Tanungin ang iyong kagawaran sa kolehiyo o sentro ng karera ng paaralan para sa tulong sa paghahanap ng mga pagbubukas
  • Malapit na i-scan ang mga pag-post ng trabaho para sa mga kinakailangang kasanayan, pagsasanay, at karanasan
  • Tingnang mabuti ang mga katangiang hinahanap ng mga employer sa mga bagong Front-End Engineer
  • Tapat na iangkop ang iyong aplikasyon upang tumugma sa lahat ng hinahanap ng mga employer
  • Hayaang tingnan ng mga employer ang iyong portfolio sa pamamagitan ng pagdaragdag ng mga link sa iyong resume
    • Gawing propesyonal ang iyong online na portfolio, naglilista ng mga espesyal na kasanayan sa teknolohiya, mga personal na proyekto, at mga link sa anumang mga proyekto sa GitHub, CakeResume, o CodePen
    • Magbigay ng konteksto tungkol sa bawat aytem (ang mga detalye ng sino, ano, saan, kailan, at bakit)
    • Tiyaking ang portfolio mismo ay isang showcase ng iyong talento!
  • Kung mas maraming karanasan sa programming ang mayroon ka, mas mahusay kang mapuwesto laban sa kumpetisyon
  • Tandaan, hindi lahat ng trabaho ay nangangailangan ng isang degree. Kung wala ka nito, basahin ang mga pag-post ng trabaho upang makita kung ang ibang karanasan ay maaaring mapalitan ng pormal na edukasyon 
  • Maging maigsi ngunit huwag matakot na ilista ang mga teknikal na detalye sa resume; tingnan ang "Paano Sumulat ng Resume ng Developer sa Front-End na Magdadala sa Iyo ng Panayam" ng Medium
  • Huwag kalimutan ang mga soft skills na iyon! Ipakita ang mga ito sa aplikasyon at sa mga panayam
  • Kumuha ng pangalawang opinyon! Hilingin sa isang tao na suriin ang iyong resume at portfolio
  • Tanungin ang mga guro/superbisor kung alam nila ang mga bakanteng trabaho o magiging mga sanggunian 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 kinakailangan upang maging kwalipikado para sa mga pagkakataon sa pag-promote 
  • Alamin kung anong mga uri ng intermediate na tungkulin ang gusto mong akyatin, gaya 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 tech na kasanayan sa pamamagitan ng pagkumpleto ng mga advanced na certification
    • Inililista ng CompTIA ang mga naaangkop na sertipikasyon para sa iba't ibang yugto ng pag-unlad ng iyong karera
  • Kung wala ka pang bachelor's degree, pag-isipang tapusin ito. Pagkatapos ay magsimula sa iyong master's, kung gusto mong patuloy na umakyat 
  • Gumawa ng mahusay na trabaho sa bawat proyekto at makakuha ng mga review mula sa mga kliyente
  • Palaging matugunan ang mga deadline, ngunit hindi sa gastos ng kalidad 
  • Pag-aralan ang mga bagong uso sa disenyo at manatiling inspirasyon!
  • Ma-publish online at in-print. Sumulat ng mga artikulo para sa mga print ng industriya tulad ng Net, How, Layers, Computer Arts, Digital Arts, Web Designer, CMYK, at iba pa
Mga Inirerekomendang Mapagkukunan

Mga website

  • Association para sa Computing Machinery 
  • Napakatalino
  • Handbook sa Occupational Outlook ng Bureau of Labor Statistics
  • CodeSignal
  • Codewars
  • CodinGame
  • CompTIA 
  • CompTIA Association of IT Professionals
  • Coursera
  • edX
  • Pag-eehersisyo
  • freeCodeCamp
  • Mga frontendmaster
  • HackerEarth
  • HackerRank
  • JavaScript30
  • Rithm School
  • Udemy
  • W3Schools: Javascript
  • World Organization of Webmasters 

Mga libro

Plano B

Maraming trabaho para sa mga taong gustong magtrabaho gamit ang mga computer. Ang Front-End Development ay isang sikat, ngunit hindi ito ang tamang angkop para sa lahat. Inililista ng BLS ang mga opsyon na pag-isipan, depende sa iyong mga interes at kakayahan:

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

Newsfeed

Mga Online na Kurso at Tool