Mga spotlight
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
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.
- 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 demand at maaaring gamitin anumang oras, kahit saan
Oras ng trabaho
- Ang mga iskedyul ng 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 mga 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 ang mga problema ay dumating.
Mga Karaniwang Tungkulin
- Nakipagkita 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
Soft Skills
- Malakas na kasanayan sa pakikinig
- Pansin sa detalye
- Magandang etiquette sa telepono at email
- Mga kasanayan sa serbisyo sa customer
- Propesyonal na kilos
- 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 pintas
- 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 (gaya 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 paggalaw ng mga uso na nauugnay sa disenyo ng website at pagba-brand
- Pag-unawa sa pakikipag-ugnayan ng social media app at mga feature ng pagbabahagi
- Handang mag-upskill kung kinakailangan
- Mga ahensya ng disenyo ng mga sistema ng kompyuter
- 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
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 atensyon at humawak dito habang ginagawa ka nila mula sa reader 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 napakalaki, 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 koponan 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.
Ang teknolohiya ay hindi tumitigil sa pagbabago at pag-unlad, kaya naman ang mga web developer ay kailangang 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.
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 mag-isa, ang trabahong ito ay nangangailangan ng maraming pagsisikap ng grupo at pagtutulungan ng magkakasama. Ang ganitong mga kasanayan sa pagtutulungan ay kadalasang 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.
- 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 may 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 skill, 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 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
- Iminumungkahi ng ilan na ang pinakamahusay na Front-End Engineer degree ay Computer Information Systems
- Tingnan ang mga taunang ranggo ng US News ng Best Computer Science Programs at Best Programming Language Programs
- 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
- Matuto nang mag-isa. Karamihan sa mga pangunahing kasanayang 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 Inirerekomendang 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 ng mga tanong
- 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 (sino, ano, saan, kailan, at bakit mga detalye)
- 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
- 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 mga 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 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
- Web Design na may HTML, CSS, JavaScript at jQuery Set, ni Jon Duckett
- Front-End Web Development: Ang Big Nerd Ranch Guide, Big Nerd Ranch Guide
- Web Coding & Development All-in-One For Dummies, ni Paul McFedries
- HTML, CSS, at JavaScript All in One, Sams Teach Yourself, nina Julie C. Meloni at Jennifer Kyrnin
- The Full Stack Developer, ni Chris Northwood
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 Computer System Analyst
- 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.