Roolini käyttöliittymän insinöörinä selitin?

Hei, nimeni on Shaun Stone. Olen vanhempi käyttöliittymän insinööri Lontoosta, Iso-Britannia. Työskentelen FinTech-teollisuudessa ja rakastan sitä, mitä teen. Tässä artikkelissa haluan selittää hieman roolistani. Kaikille siellä oleville, jotka haluavat jatkaa uraa verkkokehityksessä, saatat löytää tämän hyödylliseksi.

Käsittelen: mitä teemme, miten hallitsemme työtämme, urapolkuamme, käyttämiämme kieliä ja työkaluja. Lopuksi annan neuvoja siitä, miten voit siirtyä ohjelmistoteollisuuteen. Älä huoli, en myy mitään - toivon, että minulla olisi neuvoja aloittaessani. ?

Käyttöliittymän webinsinööri on vastuussa visuaalisten elementtien toteuttamisesta, jotka käyttäjät näkevät ja ovat vuorovaikutuksessa verkkosovelluksessa.

Rakennamme käyttöliittymän ?

Olemme keskittyneet rakentamaan käyttöliittymän (käyttöliittymät) verkkosivustomme tai verkkosovelluksemme käyttäjille. Harkitsemme muutamia asioita:

  1. Saavutettavuus: Suunnittelemme sovelluksemme usein unohdettuina verkossa, ja heillä on jonkinlainen vamma. Tämä voi olla jonkinlainen kognitiivinen heikkous tai rajoitettu näppäryys. Joku, joka kamppailee napsautettavien alueiden, kuten radiotulojen tai valintaruutujen kanssa, on esimerkki.
  2. Estetiikka: Käyttöliittymän elementtien tyylit, kuten painikkeet, fontit ja väli. Äskettäin otimme käyttöön suunnittelujärjestelmän, joka varmistaa yhdenmukaisuuden kaikissa tuotteissamme. Lisätietoja suunnittelujärjestelmistä löytyy täältä.
  3. Suorituskyky: Meidän on mietittävä sovelluksiemme suorituskykyä, jotta sivunopeus pysyy nopeana. Tähän sisältyy verkkopyyntöjen vähentäminen, kuvien ja SVG-tiedostojen optimointi pakkausmenetelmien avulla. Mitä nopeammin lataat kirjautumissivun, sitä enemmän käyttäjillä on mahdollisuutta kirjautua sisään. Käytämme Googlen majakkaa vertailemaan ja keräämään mielenkiintoisia mittareita.
  4. Turvallisuus: Paramount. Pienet koodivirheet voivat johtaa yksityisen tiedon vuotamiseen, ja siellä on nälkäisiä ihmisiä. Tietenkin se on valtava aihe. Tutustu Mozillan tietoturvan perusteisiin:
  5. Koodin laatu : Tarkistamme toistensa työn koodikatselmuksilla. Vaadimme vähintään kaksi hyväksyntää, ennen kuin mikään voi edetä live-sovelluksiimme. Käytämme koodausstandardeja, joita on noudatettava koko käyttöliittymässä. Github antaa meille mahdollisuuden tehdä tämä ja paljon muuta.

Työn hallinta?

Noudatamme ohjelmistokehityksen ketteriä periaatteita, kuten useimmat yritykset. Se on tapa suunnitella työmme seuraavien kahden viikon ajan (sprintti). Tämän prosessin aikana tarkennamme lippuja, jotka seuraavat näitä kahta viikkoa.

Kaikki jäljellä oleva työ on tallennettu ns. Tämä tilanne täyttyy tulevaisuudessa tehtävällä työllä.

Etenemissuunnitelman saaminen antaa meille selkeän suunnan mihin haluamme olla. Tätä varten käytämme Atlassianin Jira-nimistä projektinhallintatyökalua.

Seremonioita ?

  1. Sprintin suunnittelu asettaa joukkueen menestymään koko sprintin ajan. Kokouksessa käydään läpi jäljellä olevat työt ja asetetaan etusijalle seuraavat kaksi viikkoa. Tiimin on arvioitava jokainen tarina nähdäkseen, kuinka paljon vaivaa me tarvitsemme. Panostuksen perusteella voimme mitata kapasiteetin (kuinka paljon voidaan tehdä verrattuna käytettävissä olevaan kehitysresurssiin).
  2. Päivittäinen stand-up on hyvin lyhyt tapaaminen tiimisi kanssa selittääkseen: mitä teit eilen, mitä teen tänään, ja estäekö minua tekemästäni työtäni? (esto). Tämä pitää kaikki silmukassa. Pidä se lyhyt. Kerran kerran stand-up kesti tunnin minulle?
  3. Sprintin tarkistus tapahtuu sprintin lopussa. Esittelemme muille sidosryhmille (tuotetiimin jäsen, järjestelmämme käyttäjät), mitä onnistuimme saavuttamaan. Teemme tämän tekemällä esittely työstämme. Tämä antaa heille varmuuden siitä, että edistymme.
  4. Retrospektiivi on tapa pohtia, mikä meni hyvin ja mikä ei. Tämä tuo esiin ongelmia. Näistä ongelmista luomme toimia. Toiminta on asia aloittaaksesi prosessin, jossa voimme estää kyseisen negatiivisen tapahtuman toistumisen. Hyvin menneet asiat antavat meille käsityksen siitä, mikä saa meidät toimimaan paremmin.

Ura path️

Yrityksillä on omat urapolunsa. Hyvin yleinen etenemismalli ohjelmistoinsinöörinä on seuraava.

Huomaa: Tämä on oma mielipiteeni ja perustuu omiin kokemuksiini. Termejä 'Engineer' ja 'Developer' käytetään keskenään.

  1. Junior- kehittäjillä ei ole juurikaan kokemusta. Tiimin vanhempien jäsenten on ohjattava heitä tekemään työnsä. He yleensä kysyvät monia kysymyksiä, mutta voivat oppia paljon ja ovat hyvin motivoituneita tekemään niin. Heidän palkkansa on lähtötaso.
  2. Keskitason kehittäjillä on kohtuullinen määrä kokemusta. He voivat saavuttaa tiettyjä tehtäviä yksin. Mutta silti, sinun on etsittävä vanhemmilta jäseniltä ajoittain ohjeita. He voivat auttaa junioreja ja tarjota hyviä ideoita myös vanhemmille jäsenille.
  3. Vanhemmat kehittäjät voivat toimittaa alusta loppuun ilman ohjausta. Ne johtavat muita tekemään samoin ja noudattamaan hyviä käytäntöjä. He ovat riittävän kokeneita tietääkseen, milloin asiat voivat mennä pieleen ja kuinka välttää nuo ongelmat.

Mutta kun pääset Senioriin, onko se se? Ei, sen ei pitäisi olla. Voit seurata kahta polkua.

4a. Tekninen johtaja / pääkehittäjä / arkkitehti annettaisiin tiimin ydin / ylemmän tason kehittäjälle, joka tarjoaa vankan teknisen näkemyksen ja kunnioittaa ikäisensä. Vähemmän mukana koodissa ja etenkin käytettyjen kielten ja kirjastojen perustoissa, kehitysprosessissa ja infrastruktuurissa.

4b. Joukkueen johtaja / tiimipäällikkö on nyt keskittynyt enemmän tiimin ihmisiin. Heidän hyvinvointinsa, uransa eteneminen ja henkilökohtainen suhtautuminen jokaisen tiimin jäsenen kanssa varmistaakseen, että he ovat onnellisia, mutta tarjoavat myös odotuksia. Lisää kokouksia johtaisi vähemmän kehitysaikaan. Johtamistaitoja vaaditaan, eikä se ole helppo tehtävä.

Tämän seurauksena voit siirtyä johtavampaan rooliin. Esimerkiksi insinööripäällikkö. Tämä henkilö hallinnoi useita teknisiä johtajia. Toinen esimerkki on teknologiajohtaja.

Yritykset arvioivat osaamistasosi yleensä vuosikokemuksesi mukaan. Minulle tämä on harhaa. Olen työskennellyt uusien aloittelijoiden kanssa, joille annettiin enemmän Junior-nimikkeitä, mutta jotka olivat osaavia ja vahvoja. Ehdokkaat tulisi ottaa nimellisarvoon.

Oppitavat kielet?

  1. HTML on merkintäkieli, verkkosivujen rakenne.
  2. CSS on kieli, jolla kuvaillaan verkon esityksiä, käsitellään värejä, asettelua, väliä ja muuta.
  3. JavaScript on web-kieli. Se on asiakaspuolen kieli ja parantaa käyttäjän vuorovaikutusta verkkosivulla.

Panosta paljon aikaa näiden kolmen kielen hallintaan. Minulla on nopea esimerkki siitä, miten he työskentelevät yhdessä tässä CodePenissä. Pidä leikkiä!

Huomaa: Tämä esimerkki on yksinkertaistettu vain esittelyä varten.

Tarkastele CodePen-kynääni täällä

Jos olet valmis siihen, luo oma versio valitsemallasi yrityksen nimellä ja lähetä kommentit.

Käytettävät työkalut? ️

  1. Hallitse koodisi versioita Gitin avulla. Sen avulla tiimit voivat tehdä yhteistyötä tiedostojen kanssa aiheuttamatta työn menetystä.
  2. Kirjoita koodisi integroidun kehitysympäristön (IDE) avulla. Se on ohjelmisto, joka on kuin Muistio, mutta siinä on enemmän kelloja ja pilliä. Se voi antaa ehdotuksia koodisi kirjoittamisesta ja värikoodaa tekstisi, jotta sitä on helpompi tulkita.

Neuvoja?

Ensimmäinen asia on luoda Github-tili. Kuten Behance for Designers, tämä on paikka, jossa voit esitellä kirjoittamaasi koodia. Se antaa meille (työnantajille) jotain työskennellä. Kun lähdin yliopistosta, etsin tilaisuutta rakentaa jotain, vaikka se olisi ilmaiseksi. Tiesin pitkällä aikavälillä siitä, että se hyödyttäisi minua.

Löydä freelance-työ?

Yksi ensimmäisistä freelance-projekteistani oli valtavalle yritykselle. Hakemus, jonka he halusivat minun rakentavan, oli helposti 2–3 000 puntaa. Tein sen pari sataa puntaa. Se oli täydellinen varastaminen heille, mutta se auttoi haastattelussa ensimmäisestä työstäni, se on varmaa.

Todista, että työsi on olemassa?

Aina kun tarkastan ansioluetteloita, yleensä jos siinä sanotaan, että olet suorittanut kurssin Udemystä ja siinä kaikki, niin se ei riitä. Haluan nähdä todisteet työstäsi. Jokaisesta projektista, jonka kanssa olet työskennellyt, vaikka se olisi ollut henkilökohtainen projekti tai perheenjäsen, se voidaan lisätä ansioluetteloon. Nämä kokemusvaatimukset on tuettava todellisilla todisteilla, olipa kyseessä sitten linkki videodemoon tai linkki todelliselle sivulle.

Ensimmäinen työ? Loistava! ?

Nyt koot pienen kokoelman töitä. Teet vaikutuksen pieneen yritykseen ja aloitat ensimmäisen työpaikkasi. Sinusta tulee nuorempi, ja ympärilläsi olevilla ihmisillä on paljon opetettavaa sinulle ilmaiseksi. Oppiminen ikäisiltäsi on paras tapa oppia kokemukseni mukaan ja on tietysti paljon halvempaa. Suurin osa verkkokursseista auttaa aluksi ja on hyvä seurata säästeliäästi. Sinun pitäisi pystyä nostamaan taitojasi eteenpäin todellisen kaupallisen kokemuksen kautta.

Todista itsesi ?

Osoita, että olet intohimoisesti työstäsi ja haluat ennakoivasti parantaa asioita. Jokaisella saamallasi työllä on siitä hyviä ja huonoja ominaisuuksia. Yritä selvittää, kuinka parantaa pahoja asioita ja ottaa hyvät asiat mukaan tulevaisuuden hankkeisiin. Opeta heille uudessa työssä - jos niin on - aiemmin opittuja hyviä asioita ja yritä korjata uudet huonot asiat. Jos sinusta tuntuu, että et enää opi, vaihda olosuhteita niin, että olet. Taitojesi tulisi aina olla merkityksellisiä teollisuudessa, muuten menetät. Se on surullista, mutta totta.

Myy itsellesi?

Etsi aina tekosyitä, joita voit lisätä LinkedIniin. Selitä, mitä teit töissäsi (roolit ja vastuut). Dokumentoi se kuin päiväkirja, ennen kuin unohdat sen. Lisää ammattikuva ja vahva yhteenveto. Tätä minulla on tällä hetkellä. Se on kehittynyt vuosien varrella.

Minulla on tähän mennessä yli 7 vuoden kokemus verkkosovellusten rakentamisesta. Olen työskennellyt autoteollisuuden, finanssialan, verkkopelien parissa ja ollut alttiina räätälöityjen verkkosovellusten rakentamiselle ja ylläpidolle useille yrityksille, jotka ovat mukana: autojen myynti, digitaalinen viihde, teollisuuskaasut, vähittäiskauppa ja laajakaistavertailupalvelut. Jotkut tärkeimmistä kiinnostuksen kohteistani ovat kaunokirjallisuuden ja tietokirjallisuuden kirjoittaminen, sovellusliittymien rakentaminen ja integrointi, toistuvien tehtävien automatisointi, mobiilipelien ja animaatioiden rakentaminen Haxe-, Unity- tai JavaScript / HTML5-kankaalla.

Sen lisäksi, että olen lukenut paljon teknisiä kirjoja, olen kirjoittanut oman nimeni nimeltä Automating Node.js: n kanssa. Luin artikkeleita alustoilla, kuten Sitepoint, CSSTricks, Egghead, PHPArchitect ja Smashing. Käyn konferensseissa, kuten PHP London, ja pidän silmällä Facebookia ja Googlen kehittäjäkanavia. Olen aina avoin uusille lähestymistavoille ja etsin vinkkejä ja vihjeitä, joita voin soveltaa omaan työhöni - joita voin jakaa myös ikäisilleni.

Se on nopeatempoinen teollisuus?

Etupään maailma liikkuu erittäin nopeasti. Kirjastot / kehykset näyttävät aina nousevan vuosi vuodelta. Tulet huomaamaan, että monet roolit edellyttävät kokemusta Reactista (Facebookin luoma), Angularista (Googlen työntekijä) tai Vueesta (älykäs kaveri nimeltä Evan You). Niitä on paljon enemmän, mutta en aio mennä yksityiskohtiin nyt.

Yritä tarttua näihin kirjastoihin, koska niillä on paljon kysyntää. Työskentelen Reactin kanssa roolissani ja olen panostanut paljon aikaa taitavaan sen käyttöön. Nämä kirjastot ja kehykset ovat taso, joka istuu JavaScript-kielen päällä. Tule ensin JavaScriptin ammattilaiseksi.

Rakenna tavaraa ??

Motivoi itsesi työskentelemään projektin parissa omalla ajallaasi. Olin vuosien ajan niin kiinnostunut henkilökohtaisista pelikehitysprojekteista. Opit niin paljon prosessin aikana. Ajattelin satunnaisesti töissä eräänä päivänä: "Eikö olisikaan hyvä pitää peli kuten Taistelulaivat, mutta sen sijaan kaneilla." Tiedän oikein ... oudon ajatella .

Joten löysin taiteilijan, kerroin hänelle, mitä halusin, ja aloitin sitten käsitteen todistamisen parissa. Pelataksesi sijoitat viisi pupua ja viisi ansaa, istu sitten alas ja katsele. En pilaa yllätystä. Peli täällä.

Se on nyt. Jos haluat joskus lisää neuvoja, ota rohkeasti yhteyttä minuun! Kiitos lukemisesta ja onnea! Pudota muutama taputus, jos haluat. ?

Kaikki parhaat,

Shaun Michael Stone. ✌️