Uuring: front-end arenduskeskkonnas kasutatavad tehnoloogiad

  • aare 9 a

    hei,

    pöördun teie poole väikese abipalvega. Otsustasin teha lõputöö front-end arenduse teemal aga töökohast tulenevalt on antud valdkond võib-olla natuke kaugeks jäänud. Töö ja kooli kõrvalt ei jää just väga palju aega, aga olen üritanud võtta sellest viimast, et front-end maailmas meel teravana hoida.

    Selleks, et mul midagi olulist katmata töös ei jääks, uuriksin, milliseid tehnoloogiaid kasutate (või olete kasutanud) front-end rakenduse arenduskeskkonnas? Pean silmas just rohkem tehnoloogiaid kui rakendusi, mis neid realiseerivad (nt css preprocessors - mitte sass, less, stylus jne).

    Võib-olla leiab nii mõnigi siit teemast omale kasulikku informatsiooni ;)

    23. märts 2015 - 20:13:23 · Otselink

  • Märksõnad, mis enda töölaualt igapäevaselt läbi käivad

    version control (git)
    css preprocessors (sass, less)
    modular css (oocss, smacss, bem)
    css autoprefix
    livereload (edit: valetan, aga pidavat popp olema)
    build systems, task automators (gulp, grunt)
    js modules / dependancy management (browserify, require.js, webpack)

    see piir läheb kiiresti häguseks, mida siin tehnoloogiaks nimetame — igas js'i framework'is/library's sisaldub neid küll ja veel (templates, data binding, virtual dom jmt moekad sõnapaarid)

    Edit: tööd teevad lihtsamaks ka kõiksugu editori (sublime text) lisad, nt erinevad linterid

    23. märts 2015 - 20:44:01 · Otselink

  • wuzz 9 a

    minu igapäevased töövahendid lisaks, osad kattuvad

    mod:
    * css preprocessors (autoprefix asemel less/scss mixins)
    * advanced http server (livereload ja ka mobiilivahendite nagu nt edge inspect asemel kergelt modifitseeritud browsersync (livereload, server, weinre ja srcroll/input sync))

    add:
    * package managers (node -> npm, bower)
    * webfont generaator (sõltuvalt grunt/gulp spetsiifikast erinevad) ikoonide jaoks
    * favicon & related generaatorid
    * projekti spetsiifikast sõltuvalt HTML frameworkid (boilerplate, enda tehtud kompott)
    * projekti spetsiifikast sõltuvalt JS/MVC frameworkid, (angular, marionette, jquery)
    * projekti spetsiifikast sõltuvad combo frameworkid (bootstrap//ionic)
    * prototüüpimisvahendid (photoshop või axure)
    * IDE (intellij platformi jupid, phpstorm, webstorm või android studio, enamus lintereid sees juba)
    * mobiiliemulaatorid (android, ios, win mo, symbian vahel üliharva)
    * virtuaalmasinad brauseritestideks (ie peamiselt)
    * browserbite
    * ligipääsetavuse värvi ja kontrasti kalkulaatorid
    * phonegap/cordova
    * standardid (wcag, html)

    23. märts 2015 - 22:06:46 · Otselink

  • + svg/svgo, svg-edit, gumby, skeleton, modernizr

    24. märts 2015 - 11:14:47 · Otselink

  • tfk 9 a

    Lisaks mõned mida siin ei olnud:
    pngquant - teeb png failid kuskil 2x väiksemaks,
    fontcustom - svg to web font
    uglifyjs - minifetseerib js'i

    24. märts 2015 - 11:35:03 · Otselink