Pagrindiniai įgūdžiai, skirti pagrindiniams kūrėjams

Darbo skelbimai skiriasi atsižvelgiant į tai, ką jie ieško priekinio kūrėjo. Kai kurios įmonės nori, kad pareiškėjai žinotų tokius dalykus kaip Ruby, Git, dizaino įrankiai, vaizdo redagavimas - ir sąrašas tęsiasi.

Tačiau yra keletas įgūdžių, kurių reikės bet kokiam „front-end“ kūrimo darbui - „pagrindiniams“ įgūdžiams ir keliems kitiems, kuriuos turėtumėte rimtai apsvarstyti papildydami savo repertuarą.

Ką tu turi žinoti

Naršykite darbo skelbimus internete, ieškodami to, kas yra svarbiausia priekinių programų kūrėjams, kad jie žinotų ir suprastų; yra trys pagrindiniai dalykai. Nesiderėtina.

Ir jie yra:

1. HTML
2. CSS
3. „JavaScript“ (jQuery)

Tai yra pagrindai. Laimei, yra nemažai nemokamų ar prieinamų internetinių mokymosi platformų, kuriose galite išmokti šių įgūdžių, jei jų jau nežinote.

HTML

„HyperText Markup Language“ arba „HTML“ yra pagrindinis visų interneto svetainių struktūrinis komponentas. Kaip sako Jennifer Kyrnin,

„Tai žiniatinklio puslapių kalba - žymėjimo kalba, kurią naršyklės skaito, kad pateiktų tinklalapius.“

Interneto puslapiai negali egzistuoti be HTML.

CSS

CSS ir HTML veikia kartu: CSS prideda stilių HTML. Man patinka naudoti analogiją, kurią HTML yra kaip veidą, ir CSS yra kaip makiažas.

Nors CSS nėra būtina norint gauti internetinę svetainę, iš esmės kiekviena internetinė svetainė naudoja tam tikrą stilių.

Priešingu atveju tai būtų gana nuobodu. Su naujausiomis CSS versijomis galite daryti tokius dalykus kaip animacijos ir labiau pažengęs stilius, kuris buvo įmanomas tik su „JavaScript“ ar „Flash“.

„JavaScript“

„JavaScript“ arba „JS“ per daugelį metų sparčiai auga. Šiandien ji turi daugybę tikslų ir gali būti naudojama priekyje arba gale.

Kalbant apie „front-end“ plėtrą, JS yra svarbus, nes padeda interaktyviai kurti tinklalapius. Jūs galite padaryti nuostabius dalykus, pvz., Sukurti apklausas, viktorinas ar formą. Šiandien internete yra daug JS bibliotekų, kurios padės jums perkelti savo tinklalapius į kitą lygį.

Tačiau, norėdami tapti pagrindiniu kūrėju, jūs turite suprasti pagrindinius „JavaScript“ ir populiariausius „JS“ bibliotekas - jQuery.

„Nice-to-Have“ įgūdžiai

Po to, kai nusileisite pagrindai, tai yra kiti malonūs įgūdžiai. (Ir ieškoma daugybė „front-end“ kūrinių.)

MV * JavaScript sistemos

„JavaScript“ sistemos padeda jums organizuoti ir sutvirtinti jūsų kodą.

Kiek tai susiję su MV * (arba MVC) parinktimis, ten yra trisdešimt: du iš populiariausių yra backbone.js ir angular.js.

Be abejo, JS sistemos mokymasis yra sudėtingiausia tapti tikra priekinio kūrėjo dalimi, tačiau tai geriausias būdas įgyti įgūdžių į kitą lygį.

CSS įrankiai

Palyginti su aukščiau pateiktomis „JavaScript“ sistemomis, žemiau pateiktos CSS priemonės yra gana lengva išmokti. Ieškoma trijų tipų:

• Kompiliatoriai: Naudojant išankstinį kompiliatorių (arba išankstinį procesorių) yra daug privalumų - nuo kodo valymo iki palaikymo organizacijos. Tai paprastas būdas parašyti CSS ir skatina DRY (ne kartoti save) principus. Populiariausi CSS pirmtakai yra „Sass“, „Less“ ir „Stylus“. Jei tik pradedate, laikykitės mokymosi.
• CSS sistemos: CSS sistemos padeda optimizuoti darbo eigą su integruotais tinklais ir kitais CSS komponentais. Du populiarūs pavyzdžiai yra „Bootstrap“ ir „Foundation“.
• Atsakingas dizainas: Šiomis dienomis yra tiek daug skirtingų įrenginių, kuriuos jūsų svetainė turėtų pritaikyti visiems. Reaguojantis dizainas padeda kurti svetaines, kuriose veikia visi ekrano dydžiai - darbalaukis, planšetinis kompiuteris ir išmanusis telefonas. Tokios struktūros, kaip „Bootstrap“ ir „Foundation“, sukurtos reaguojant į dizainą, todėl, jei sužinosite vieną iš tų, kuriuos nustatėte.

„Front-End Build Tools“

Kaip kūrėjas, turite sugebėti valdyti failo dydžio optimizavimą ir darbo eigos efektyvumą. Šios priemonės gali padėti.

• Paketų valdymas: Gali būti sunku organizuoti visas bibliotekas, turtą ir kt., Ypač dideliems projektams ar tiems, kuriuose dirbate su komanda. Naudokite paketų tvarkyklę, pvz., „Bower“, kad gautumėte viską, kad išsiaiškintumėte ir atnaujintumėte savo atnaujinimus.
• Yeoman.io: Jei kartais sunku gauti projektus iš žemės, naudokite „Yeoman“, kad galėtumėte greitai pradėti projektus ir išlikti produktyvūs. Jis veikia komandų eilutėje.
• Užduotys: Naudokite „Grunt“ arba „Gulp“, kuri taip pat veikia komandinėje eilutėje, kad suspaustų failus ir optimizuotų darbo eigą. Jie gali veikti kaip „Sass“ arba „Mažiau išankstinio apdorojimo“ kompiliatoriai, taip pat turi daugybę papildomų priedų, turinčių kitų funkcijų.

Išvada

Nors gražus skubėjimas gali atrodyti kaip daug, pagalvokite apie juos kaip įgūdžius, kuriuos turėtumėte pridėti per tam tikrą laiką. Pagrindiniai dalykai, kuriuos reikia žinoti, yra HTML, CSS ir JavaScript.

Jei turite kokių nors kitų žiniatinklio įgūdžių, net jei jie nėra susiję su „front-end“, atneškite juos prie stalo, pvz., Dizaino, vaizdo redagavimo, SEO ir kt.