How to become one with or without formal education? What to learn in what order?

  • Tann 2 a

    Tere,

    Minust:
    Olen Tanel.
    Olen IT alal töödanud üle 6 aasta kuid näen, et on vaja ennast täiendada.
    Disain ja video effektid on mulle alati huvi pakkunud kuid sellel alal töödanud ei ole.
    Huvi disaini vastu algas kui avastasin enda jaoks Adobe Photoshop-i peale mida leidsin ka Adobe After Effects programi.
    Hakkasin jälgima tutoriale selliselt lehelt nagu http://www.videocopilot.net/
    hakkasin nokitsema erinevate tutorialitega ja nii kasvas ka huvi teha enda esimene weebileht kus kasutan ntx mingisugust effekti või videolõiku mille olen teinud adobe after effects programmis.

    Nüüd on aga soov ennast täiuendada ja harida, kuid ei tea kust alustada.
    On palju erinevaid programme ja paljud programmid kirjutavad html koodi mu eest ära, et mu rida on vaid tekstid ja pildid ja muu säärane programmis paika panna, kuid kui soovin tulevikus sellel alal töödata peaks ju ka koodi oskama ja sis pole vist sellisest programmist alustamine mõistlik? (ntx: weebly või adobe indesign vms)
    Küsimus on, et millist programmi soovitaksite ja miks?

    Kas selline järjestus mida see leht kirjeldab on teie arvates õige kui soov sammuda front end web designeriks?
    https://www.udacity.com/career-paths/front-end-web-developer

    Hetkel alustasin html õppimist sellisel lehel nagu https://www.codecademy.com/
    Tegin posu ülesandeid eile ära magama sai alles kella poole 4 aeg öösel.
    Saan aru, et see õppimine võtab aega, aga mis seal ikka.
    Pikem eesmärk paika ja lühikesed eesmärgid paika. Aasta kuudele ära jagada kuud nädalatele ja iga nädal ja päev ja vaba võimalus asjaga tegelema.
    Kokkuvõttes tahan ennast arendada selles suunas, et saaks sellel alal tööd teha.
    Portfooliot mul veel ei ole kuid tulevikus peaks tulema.

    Siin aga näidis mille tegin adobe after effects lehel.
    Tean, et video saab weebilehel kasvõi "looped" versioonina võikorra (ilma, et kasutaja vajutab play nuppu vms) jooksma panna.

    Ehk siis nii, et kasutaja tuleb lehele ja on see pilt ja suitsuna tekivad kirjad nagu tatood kehale, peale mida on need clickitavad.
    PS! see vaid näidis, ehk effekt ja kirjad pole veel täitsa valmis. Vajab teatud kohendamist.

    05. november 2015 - 17:11:09 · Otselink

  • jüri 2 a

    Arvan, et sul oleks lihtsam kui kitsendaksid enda jaoks valikuid.
    Disain, veeb, front-end arendus, motion fx on kõik päris suured ja erinevad maailmad. Kõikides nendes teemades prof. tasemele jõuda, ja seal püsida, on suur väljakutse.

    Sisuliselt võiksid otsustada, et mis sind rohkem huvitavb.
    1) Veebi disainimine
    2) Front-end arendus, vähem disainimist
    3) Disain väljaspool veebi
    4) Video, animatsioon ja special fx

    Siit võiks valida ühe variandi millele rohkem keskenduda. Ei ütle, et muuga ei peaks tegelema, kindlasti tasub tegeleda, aga rõhuasetus võiks olla ühel valikul. Nii on võimalik kiiremini ja kergemini jõuda ühes konkreetses valdkonnas väga heale tasemele, kus tööd ja tegemist jagub piisavalt.

    Ilmselt on front-end arendajana kõige lihtsam reaalset tööd leida ja alustada ning seda just tiimis kus veebi disaini ja UX pool on juba ette ära tehtud. Ehk sa ei pea alguses täit vastutust terve veebi eest võtma vaid saad õppida kujundajalt ja/või UX inimeselt, et kuidas tööprotsess käib, mis on head praktikad jne. Pärast mõningat kogemust on juba lihtsam õppida juurde kujundamist, cms liidestamist, back-end poolt jms.

    HTML/CSS õppimist peaks alustama puhtalt koodi kirjutamisest. Igasugused programmid on kindlasti väga pädevad tänapäeval, aga selleks, et nendest hästi aru saada ja nende kiikse kontrollida, peab olema hea arusaam koodi tasemel olemas. Sama kehtib ka igasuguste frameworkide kohta.

    Kõige parem front-endi õppimise viis on praktika. Lihtsalt võta ette ja hakka otsast tegema ja uurima. Alustuseks näiteks tõesti enda kodulehte. Kui juba piisav kogemus ja arvad, et oled konkurentsivõimeline, võid näiteks proovitööna teha mõnest hea mainega agentuuri viimasest veebist screenshoti, selle lahti lõigata ja tööle panna. Võrreldes enda koodi ja agentuuri koodi õpid kindlasti väga palju. Kui tulemus, lähenemine ja loogikad on agentuuri lehele sarnased, siis võid kindel olla, et oled homne päev tööl ükskõik millises IT või veebifirmas.

    05. november 2015 - 17:43:06 · Otselink

  • Tann 2 a

    Selge,

    Suured tänud, et vastasid.
    Siis sellel kohal olen õigel teel, et alustasin html-ist ja sealt liigun edasi CSS-ile
    Hetkel kasutan sis õppimiseks https://www.codecademy.com lehte.
    Küsimus.
    * Millist programmi soovitate kasutada alustades sis enda kodulehe tegemist.
    Idee esilehe kohta on üleval.
    Nimelt tahaks panna taustale ntx loobis jooksma video mida kasutaja kinni ei saa keerata.
    Näitena 1 leht:
    http://www.wix.com/#038;c=124&s1=under221
    Milline front end programm sellist lahendust toetab?
    Kas ka mõni toetab sellist lahendust kus menüü kirjad tulevad lehele ntx nii nagu mul videol siin:
    Tahaks teha oma weebilehe esimese lehe selliselt, et menyyd tulevad sarnaselt ette mis peale seda on clickitavad
    Ma mõtlesin et panna see video jooksma alati kui kasutaja lehele läheb ja nö video jookseb vaid korra kuniks menyyd on nähtaval peale mida see enam ei jookse ja tekitab miskist hetkest ette teise layeri millel sis identsed kirjad samal kohal milledele tahaks tekitada effekti kui kasutaja hiirega peale liigub.
    Loodan et ei seletanud segaselt.
    Mul tekivad küsimused just siinkohal, et kas võimalik seda nö responsive asjana teha.
    Et kui keegi külastab lehte oma ipadiga vms et kuvab samamoodi nagu tavalisest arvutist asja vaadates või kuidas seda tegema peaks?

    05. november 2015 - 21:51:49 · Otselink

    1

    • märksõnad: html5 video, css transitions, javascript (bootstrap, angular, jquery jne). lisaks huvitavat lugemis algajale: http://hackdesign.org/lessons

    Loe kõiki

  • Builderiga alustada on ikka mõistlik, kui see on kasvõi korra proovida paar tundi ja valmis. Ega sa ei pea jääma seda kasutama, aga vähemalt mõistad kuidas süsteemid praktikas töötavad, kood ainult kuvab seda ju =) Kuidas saad muidu koodida või õppida midagi, mida ei tea kuidas praktikas ennast kuvab.

    1) Idddeeee
    Ideee arusaadav. Realimiseeriseks Flashi vaja. Enam pole.

    Ongi lihtsam. Video taustaks. Navi tattoodeta. Slogaan navi linkideks. Wollaa ja valmis. Mingi logo ja mõni sotsmeedia birdi juurde ning käib küll kui ilus vidjooo.

    Responsiivsena ei töötaks niiguinii. Väikeseid linke ei loe 320px klotsist niiguinii. Kui tavaliste sõrmedega ei saa linkidele pihta, siis musklis sõrmedega pole lootustki.

    2) Ehittaaaa isseee
    Nääääh ain't nobody got time for that.

    Aga kui ise tahad teha, siis siin bg video näidis kood, mida ise proovida saad: http://demosthenes.info/samples/polina.html

    Salvestad vidjooo lihtsalt mp4 / webm. Ja need paar elementi video peale html/css pole keeruline. Samas alguses on ikka küll iga asi ja ma ei tea kui palju sa oled varem koodinud üldse, siis proovi parem builder varianti alguses.

    3) Las masssiiiin ehhhiiitab
    http://www.mobirise.com

    Ise koodimise õppimiseks läheb palju aega (no s*it), kiirema tulemuse saad õhtuga valmis ja siis otsustada edasi.

    Tehniline pool mida küsisid ei ole keeruline, aga viimane lihv tuleb parem kui ise teha. Aga kui oskad videosi teha, siis alumine video hea inspiratsioon tausta video ja layerite ühendamiseks ka selliselt, et võiks responsiivsena töötada tattoode asemel. Video originaalsus ongi siin see peamine.

    PS: Seda minagi, õige responsiivne ongi SAMA leht iLeludes ja mujal ka, need lehed kus on erinevalt ongi katkised responsiivsed LOL :D

    "Simple can be beautiful, but when it's too simple, an AI can do it"

    09. november 2015 - 21:06:07 · Otselink