Spuneam acum ceva timp în urmă că va urma ceva. Well… Din mai multe motive a durat mult mai mult decât s-a prevăzut iniţial, dar… Mai bine mai târziu decât niciodată

Doamneeeelooooor şi domniiiiiloooooooooooor! În această seară, Claudiu Nenu !

În curând… Va mai urma ceva

Ok, văd pe o grămadă de forumuri această întrebare. Mai nou, sunt întrebat de tot mai multe persoane pe messenger cum am învătat eu CSS/HTML/Javascript. Şi hai să le răspund tuturor, să fie toată lumea fericită. Este un post generalist, fiind valabil pentru ORICE platformă sau limbaj de programare.

În primul şi în primul rând, eu nu ştiu javascript. Da, sună ciudat, dar ăsta este adevărul crunt. Eu ştiu să folosesc jQuery şi cam atât. Dacă îl dau pe ăla la o parte… Sunt terminat. În schimb, îmi place să cred că ştiu HTML & CSS la un nivel mulţumitor, atât pentru mine cât şi pentru cei cu care lucrez.

În al doilea rând, trebuie să-ţi PLACĂ asta. Un exemplu clasic de „aşa nu” este cam pe orice forum mai mare şi începe cu :

Sal. Am 14 ani shi vreau sa invat programare. Pana akum stateam si ma jukam toata ziua CS dar mam plictisit si am zis sa fac un site mijto pentru clan. pute-ti sa ma ajutati? thx. pupici

(greşeli intenţionate, să nu se înţeleagă greşit)

În al treilea rând trebuie să cunoşti bine limba maternă (în cazul nostru româna) şi limba engleză. Din două motive:

1. Cât timp nu ştii să vorbeşti şi să scrii corect româneşte, nu poţi învăţa o altă limbă. E ceva logic şi de bun simţ
2. Cam tot ce ţine de programare este legat în mod direct de limba engleză. Că este documentaţie sau că este limbajul în sine, NU poţi face nimic dacă nu ştii engleză la un nivel acceptabil.

Programarea NU se invaţă din cărţi¹. Şi nici din tutoriale video (există tutoriale video de css, php, javascript, ruby, c#, etc). La unele am încercat să mă uit. Unele din curiozitate, altele dintr-o voinţă ciudată de genul „vreau să învăţ Ruby” şi de fiecare dată am tras această concluzie: nu se învaţă din cărţi! Este la fel ca sex-ul: poţi să memorezi toate imaginile din kamasutra, poţi să citeşti toate Playboy & Hustler, dar până nu treci la treabă, pe material real, nu ai de unde să ştii cum e

Majoritatea programatorilor pe care îi cunosc au învăţat programare cu diverse resurse online (articole/tutoriale scurte, nu întinse pe sute de pagini din care nu înveţi nimic) şi, cel mai important cu un proiect REAL. Eu m-am trezit peste noapte că trebuie să fac pentru un client front-end-ul ditamai aplicaţiei web. Am început cu prototype/scriptaculous dar, deoarece mi s-a părut prea încurcat şi nu găseam scripturile necesare, am trecut la jQuery.

Dacă nu ai un proiect real, îţi propui unul sau cauţi ceva gata făcut şi te apuci să-l modifici. Eu am învătat HTML salvând pagina de la Yahoo! şi apucându-mă să o editez. Desigur, asta se întâmpla prin 97-98 când abia descoperisem că există şi sisteme de calcul mai performante decât un HC Vrei idei de proiecte? Caută un program (fie executabil, fie site) de complexitate simplă spre medie şi încearcă să-l refaci de la zero. Ai reuşit? Caută ceva mai complex.

Nu te satisface metoda asta? Aruncă un ochi pe Rentacoder.com (nu uita să-ţi faci cont în prealabil) şi caută proiecte. Nu contează cu cât sunt plătite! Eşti acolo să înveţi, banii îi laşi pe mai târziu. După ce găseşti un proiect provocator te apuci să-l faci. Nu contează că nu vei face nimic cu respectivul proiect.

Vrei să te apuci de programare web? Fă un CMS! Oh, nu, iar un CMS? E plin internetul de ele. O fi, dar câte sunt făcute de tine? Pentru a face un CMS de la zero ai nevoie de cunoştinţe de tot ce ţine de web: programare server side şi client side, poate un pic design, SEO, usability. Îţi pune la muncă toate simţurile legate de web development

Dacă ai avut tangenţe cu programarea până acum, deja poţi sări de bazele oricărui limbaj (în special web) pentru că tipurile de date sunt aproximativ la fel (boolean, integer, array, etc), singurul lucru pe care trebuie să te axezi este sintaxa. Apoi, cu manualul la îndemână poţi face orice. ORICE!

Ok, ai învăţat bazele. Care este următorul pas? FII LA CURENT cu TOT ce mişcă pe web despre acel limbaj de programare. Fii la curent cu noutăţile! Foloseşte un feed reader şi nu rata nimic. Eu am peste 20 site-uri în feed reader despre javascript. Încă vreo 10 despre wordpress şi vreo 15-20 despre html/css.

Cunosc pe cineva care a învăţat programare (web) după un tutorial video. Deşi are zeci de site-uri la activ (şi asta fără să exagerez!) nivelul la care este nu îl depăşeşte cu mult pe cel al unui începător. De ce? Pentru că merge! E corect? Nu neapărat… Citeam mai demult pe un site despre filozofia indienilor: „If it Compiles, Ship it”. Care este legătura? Ghici…

_____________________________________________

¹Programarea nu se învaţă din cărţi. În schimb, te perfecţionezi citind cărţi. Cunosc un programator care, deşi lucrează în domeniu de cel puţin 4-5 ani, a rămas fix la acelaşi nivel ca atunci. Iar asta nu este ceva neapărat bun…

Azi am avut primul contact cu RNC. Anularea unui domeniu se face strict prin fax. Asta mi-a zis-o o tanti sictirită la telefon. Da’ sictirită, nu glumă.

Eh, în 2008 ne bazăm pe FAX-uri…

Să nu spun şi că plata se poate face prin card. DAR:

Prin card la sediul ICI sau completand formularul disponibil la adresa: http://portal.rotld.ro/site_media/downloads/credit-card-form_ro.txt
Dupa completare trimiteti formularul prin fax la 021-316-1084, ICI-ROTLD;

Adică… un mare WTF?

În urmă cu câteva zile am primit un task de la un client: vreau un template pentru myspace. Uh… wtf? Cât de greu poate fi? Well… Greu nu e. Doar idiot

• cea mai enervată şi idioată treabă este că nu poţi folosi #. Adică nici la id-urile din css şi nici la culori. Culorile le setezi folosind color:FFFFFF. Nu merge shorthand (doar 3 caractere) şi nici # în faţă. Probabil să fie siguri că nu le sunt ascunse chestiile din pagină. Kinda lame că în primele 2 minute am ascuns headerul
• Următoarea prostie este că bagi codul html în box-urile pentru descriere & craps like that. Asta înseamnă cod inline în prostie…
• La ei pe site scrie: You may enter HTML/DHTML or CSS in any text field. Javascript is not allowed. Adică un fel de… WTF?! Păi ori este voie ori nu cu js? Pentru că DHTML este o combinaţie de html, css şi… JAVASCRIPT!
• Tot codul este o amestecătură de tabele şi DIV-uri

Per total a ieşit rezonabil (ce a iesit până acum). În mai puţin de o oră am reuşit să pun alt header, alt background şi să fac un meniu. Mă oftic rău de tot că nu pot să fac layout-ul aşa cum era el în psd (şi chiar dacă este FOARTE mac-ish, arată bine). Se pare că sistemul de template-uri de la blogger nu e suficient de bun…

Între timp s-a răzgândit clientul şi a zis că schimbă designul (renunţă la o grămadă de rounded corners & gradients - my love). Aşteptăm şi… vedem ce o ieşi

Dacă eşti curios să-mi vezi myspace skillz : www.myspace.com/iamntz . În momentul de faţă este prima versiune (cea lăsată baltă după o oră). Sper doar că următoarea versiune trimisă este mai… do-able iar în viitor voi pune un tutorial pentru myspace

Piticu zice că eOk.ro a suferit mici modificări. Aşa o fi, dar prototype tot se încarcă de două ori… Hai băi băieţi, ce dracu, n-aveţi un front end developer să vă rezolve cu o singură versiune şi să vă bage şi un gzip? Totuşi, 200kb pentru o librărie js nu e cam… hmm… MULT???