Se afișează postările cu eticheta Retele. Afișați toate postările
Se afișează postările cu eticheta Retele. Afișați toate postările

sâmbătă, 22 septembrie 2012

Formulare in HTML


Formularele reprezinta o modalitate de comunicare intre utilizatori si server. Pentru prelucrarea lor, sunt folosite diferite scripturi server-side, ex.:PHP, Perl.

Un formular se defineste cu ajutorul marcajului <form>, iar in interiorul acestuia se gasesc diferite campuri de introducere a datelor. Campurile unui formular destinate pentru introducerea datelor se definesc prin intermediul marcajului <input>.

Exemplu

<form action="mailto:AdresaTa@email.com" method="POST">
Numele:<br>
<input type="text" name="name"><br>
Email:<br>
<input type="text" name="email"><br>
Mesajul:<br>
<textarea cols="30" rows="5"></textarea><br>
<input type="submit" name="submit" value="Trimite">
<input type="reset" name="reset" value="Reseteaza">
</form>

Rezultat:
Numele:

Email:

Mesajul:

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?


Pentru transmiterea informatiilor catre server se utilizeaza una din cele doua metode:
  • metoda get - informatiile din formular sunt vizibile in URL
  • metoda post- informatiile din formular nu sunt vizibile in URL
Atributul action are ca valoare URL-ul careia ii vor fi transmise informatiile din formular, pentru prelucrare.

Campurile unui formular sunt definite cu ajutorul marcajului <input> care poate lua urmatoarele atribute:
  • type - tipul campului. Poate lua urmatoarele valori:
    • button - definirea unui buton
    • checkbox - casute de bifat. Prin intermediul lor utilizatorul poate selecta (bifa) mai multe variante de raspuns simultan.
    • file - permite utilizatorului sa selecteze un fisier din calculatorul sau. (ex. un fisier care se doreste a fi incarcat pe server).
    • hidden - acest camp nu va aparea in formular, va fi invizibil.
    • submit - informatiile din formular sunt trimise spre prelucrare la URL-ul indicat inaction.
    • password - acest camp se foloseste la introducerea parolei. Din motive de securitate se inlocuieste fiecare caracter tastat cu un asterix (*).
    • radio - reprezinta un set de elemente cu un singur nume, din care se poate selecta doar unul.
    • text - camp in care utilizatorul poate introduce text.
    • reset - buton la apasarea careia se goleste formularul.
  • name - numele elementului
  • value - valoarea atributului elementului
  • size - lungimea campului de tip text sau password
  • maxlength - numarul maxim de caractere care pot fi introduse intr-un camp de tip text saupassword
  • disabled - dezactivarea unui element.

TextArea HTML


Un element de tip textarea defineste un control de text cu mai multe linii. Campurile de acest fel sunt folosite de obicei pentru introducerea unor comentarii, scrierea unui mesaj sau in general atunci cand utilizatorul are nevoie de mai mult spatiu de exprimare.

Definirea controlului are loc prin intermediul marcajelor <textarea> </textarea>

Dimensiunele controlului textarea se determina prin numarul de coloane si randuri specificate cu ajutorul atributelorcols si respectiv rows


Exemplu:
<textarea rows="5" cols="20"> Hello World! </textarea>
<textarea rows="3" cols="40"> Hello World! </textarea>


TextArea - atributul "wrap"
Atributul "wrap" specifica felul in care va reactiona textul atunci cand acesta va atinge sfarsitul liniei. Exista 3 valori pe care le poate lua acest atribut:
  1. soft - va plasa un enter la sfaritul fiecarei linii, dar nu va trimite la server caracterul enter (carriage return)
  2. hard - arata exact asa ca si "soft", insa spre deosebire de acesta, caracterul enter este trimis la server.
  3. off - Textul este afisat si trimis la server exact asa cum este scris.

<textarea rows="4" cols="15" wrap="soft" > Hello World! </textarea>
<textarea rows="4" cols="15" wrap="hard" > Hello World! </textarea>
<textarea rows="4" cols="15" wrap="off"> Hello World! </textarea>
SoftHardOff
TextArea - Readonly si Disabled
  1. readonly - acest atribut poate lua valorile "yes" sau "no". Cu ajutorul acestui atribut se specifica daca continutul campului de text va putea sau nu, fi modicat.
  2. disabled - atributul disabled este asemanator lui readonly, deasemenea nu permite modificarea textului, insa spre deosebire de acesta, textul va fi afisat in gri. In asa fel utilizatorul va percepe vizual ca campul respectiv nu poate fi modificat.
De mentionat ca textul dintr-un textarea definit cu "readonly" putea fi selectat cu mouse-ul, si ulterior copiat, pe cand "disabled" nu ofera aceasta posibilitate. 

<textarea rows="4" cols="15" readonly="yes" > Hello World! </textarea>
<textarea rows="4" cols="15" disabled="yes" > Hello World! </textarea>
disabledreadonly


Radio butoane HTML


Radio butoanele permit utilizatorului sa aleaga doar o singura optiune din cele disponibile. Pentru gruparea mai multor radio butoane intr-o singura categorie, fiecare camp trebuie sa fie definit cu acelasi nume.
Exemplu:
<p>Tip transfer </p>

Western Union: <input type="radio" name="transfer"/>
PayPal: <input type="radio" name="transfer"/>
Check:<input type="radio" name="transfer"/>


<p>Valuta </p>

USD: <input type="radio" name="valuta"/>
EU: <input type="radio" name="valuta"/>

Buton radio selectat implicit (by default):

Pentru ca o optiune sa fie implicit selectata, trebuie sa se adauge atributul checked="yes" optiunii respective:
<p>Tip transfer </p>

PayPal: <input type="radio" name="transfer"/>
Check:<input type="radio" name="transfer" checked="yes" />

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?

Butoane HTML




Butoanele, ca si campurile sunt definite prin intermediul marcajului <input />
Buton:
<input type="button" /> defineste un buton


Butonul Reset:
<input type="reset" /> defineste un buton de tip reset. El are menirea de a goli toate campurile unui formular.

Pentru functionarea corecta, butonul reset trebuie sa fie inclus intr-un formular. 
<form>
<input type="text"/>
<input type="reset" />
</form>

 

Butonul Submit:
<input type="submit" /> defineste un buton de tip submit. Butonul submit trebui sa fie inclus intr-un formular pentru ca sa fie functional. El are menirea de a trimite toate datele dintr-un formular la server.
<form method="GET" action="http://w3schools.com/html/html_form_action.asp">

<input type="text" name="user"/>
<input type="submit" value="Submit"/>
</form>


  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?

Text fields

Campuri (Text fields)


1. Text

2. Password

3. File

Campurile reprezinta niste controale care au menirea de a prelua de la utilizator date, care ulterior sa fie prelucrate.

Definirea unui camp se face prin intermediului marcajului <input />: <input type="text" name="email"/>

Atributul type determina tipul campului, si poate lua valorile: "text", "password" si "file", pentru definirea unui camp de tip text, parola si respectiv fisier, asa dupa cum se vede in exemplele 1, 2 si 3 aratate mai sus.

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?



Tabele in HTML


Cu ajutorul tabelelor informatia capata o claritate mai mare. Deasemenea, importanta tabelelor se remarca si prin faptul ca acestea pot fi folosite la definirea structurii paginii (layout-ul), ex: headerul, meniul, footerul, etc. Desi in zilele noastrea aceasta numai este o practica obisnuita (locul ei fiind luat de CSS), totusi ramane ca o alternativa.Un tabel este compus din randuri sicoloane si se se defineste cu ajutorul marcajului <table>, continand in sine definitiile randului - <tr> (tr - table row) si definitiile coloanei - <td> (td - table data).

In continuare vom crea un tabel cu doua randuri si trei coloane:

Exemplu:
<table>
<tr>
<td>Randul 1, celula 1</td>
<td>Randul 1, celula 2</td>
<td>Randul 1, celula 3</td>
</tr>
<tr>
<td>Randul 2, celula 1</td>
<td>Randul 2, celula 2</td>
<td>Randul 2, celula 3</td>
</tr>
</table>

Rezultat:
Randul 1, celula 1Randul 1, celula 2Randul 1, celula 3
Randul 2, celula 1Randul 2, celula 2Randul 2, celula 3

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?


Pentru a reda forma tabelara, adica fiecare celula sa fie luata intr-un chenar, este necesar adaugarea atributului border=1 .

<table border="1">

Rezultat:
Randul 1, celula 1Randul 1, celula 2Randul 1, celula 3
Randul 2, celula 1Randul 2, celula 2Randul 2, celula 3

Atributele tabelului:

Cele mai uzuale:
align - alinirea tabelului, valori posibile: left,center,right.
valign - alinierea pe verticala, valori posibile:top (sus), middle (mijloc), bottom (jos).
width - latimea, se specifica in pixeli
height - inaltimea, se specifica in pixeli
bgcolor - culoarea de fundal
border - chenar. In cazul cand border=0, chenarul este invizibil.
cellpadding - distanta dintre marginile celulelor si continutul acestora
cellspacing - distanta dintre celulele unui tabel

In afara de aceste atribute, exista inca doua atribute foarte importante ale marcajului <td>.
Acestea sunt:
colspan - numarul de coloane pe care se intinde celula
rowspan - numarul de randuri pe care se intinde celula

Exemplu colspan:
<table border="1" align="center" width="200">
<tr>
<td colspan="2" bgcolor="orange"><b>Vechime in munca </b> </td>
</tr>
<tr>
<td>Ion Paladi</td>
<td width="30">5</td>
</tr>
<tr>
<td>Mihai Cretu</td>
<td>3</td>
</tr>
<tr>
<td>Anton Stolbetski</td>
<td>6</td>
</tr>
</table>

Rezultat:
Vechime in munca
Ion Paladi5
Mihai Cretu3
Anton Stolbetski6

Datorita faptului ca am specificat in celula primului rand colspan="2", in rezultat celula se intinde pe distanta celor doua celule.
Sa analizam un exemplu cu rowspan


Exemplu rowspan:
<table border="1" align="center" width="200">
<tr>
<td rowspan="3" bgcolor="orange"><b>Angati</b></td>
<td>Ion Paladi</td>
<td width="30">5</td>
</tr>
<tr>
<td>Mihai Cretu</td>
<td>3</td>
</tr>
<tr>
<td>Anton Stolbetski</td>
<td>6</td>
</tr>
</table>

Rezultat:
AngatiIon Paladi5
Mihai Cretu3
Anton Stolbetski6

rowspan i-a valoarea "3", doarece acum celula trebuie sa se intinda pe toata inaltimea celor treicelule.
Atat am avut a spune cu privire la tabelele din HTML. Acestea sunt notiunile de baza insa cel mai des folosite!

Am vazut o multime de saituri in care autorii acestora, pentru a mentine contact cu vizitatorii lor, aveau intro pagina niste campuri in care se cerea sa se introduca email-ul, numele si mesajul propus spre expediere, dupa care trebuia sa apesi un buton si mesajul era trimis la destinatar.
Cum se realizeaza aceasta? Se realizeaza cu ajutorul formularelor!


Imagini in HTML

Imaginile in paginile web sunt foarte importante. Cu ajutorul lor saitul prinde viata si capata atractivitate dar trebuie luat in consideratie si faptul ca excesul de imagini va duce la incarcarea greoaie a saitului.

Inserarea unei imagini in pagina se face cu ajutorul marcajului <img> care are ca atribute:
src - fisierul imagine (src - source)
width - latimea imaginii
height - inaltimea imaginii
alt - valoarea acestuia este un text. Poate fi o descriere a imaginii sau paginii. Textul este afisat in browser doar atunci cand imaginea inca nu sa incarcat sau nu poate fi gasita.
border - chenar. Poate lua valorile 1 (cu chenar) sau 0 (fara chenar).
align - alinierea imaginii la dreapta - right, stanga - left, centru - center.

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?


Exemplu 1: 
<img src="flowers.jpg" >
Vezi rezultatul aici 

Exemplu 2: 
<img src="flowers.jpg" align="right" border="1" alt="Frumusetea naturii" >
<p>Textul in partea stanga, imaginea in dreapta.</p>
Vezi rezultatul aici 

De mentionat faptul ca marcajul <img> nu este un marcaj cu pereche. Adaugarea la sfarstit a marcajului de genul </img> va fi inutila.


Imagini linkuri
O simpla imagine poate avea rol de link in cazul cand se include in interiorul marcajului <a>...</a>

Exemplu 1:
<a href="next_page.html">
<img src="flowers.jpg" border="0" alt="Frumusetea naturii" >
</a>
Vezi rezultatul aici

Atat despre imagini. Ne adancim si mai mult in HTML incepand a studia tabelele, un subiect foarte important din limbajul HTML.

Linkuri in HTML


Linkurile (sau referintele) constitue un element fundamental in elaborarea unui sait. In lipsa lor, saitul s-ar forma doar dintr-o pagina de dimensiuni foarte mari si aceasta ar duce la la o nestructure a saitului.

Un link se defineste cu ajutorul marcajului<a>...</a> care trebuie sa includa atributulhref continind calea pana la fisierul destinatie.

Exista doua tipuri de legaturi: interne siexterne.
Legatura interna este o legatura in interioul saitului tau. Deci, daca ai un sait in care ai definit linkul Servicii si acesta duce catre o pagina din interiorul saituluiservicii.html, atunci codul va arata ca cel de mai jos:

Link intern

<a href="servicii.html">Servicii<a>

Legatura externa este o legatura care duce spre un sait extern. In cazul acesta, accesarea unei pagini servicii.html de pe saitul www.un_sait_oarecare.com se va efectua astfel:

Link extern
<a href="http://www.un_sait_oarecare.com/servicii.html">Servicii<a>

Implicit, dupa accesarea linkului, pagina nou ceruta va fi afisata in fereastra curenta. In cazul cand doresti ca pagina sa se deschida intr-o noua fereastra, marcajului <a> i se adauga atributultarget=_blank.
<a href="http://www.un_sait_oarecare.com/servicii.html" target="_blank"> Servicii<a>
Vezi rezultatul exemplului aici!

De mentionat ca legaturile pot fi si catre alte tipuri de fisiere, ex: imagini, fisiere audio, fisiere video.

Un sait format doar din text nu pare prea atractiv. Iar pentru ai da atractie saitului se pot utiliza imaginile! Subiectul urmator: inserarea imaginilor in pagina!

Liste HTML



Exista trei tipuri de liste in HTML:

Liste de definitii
Liste neordonate
Liste ordonateListe de definitii:
Listele de definitii se creaza cu ajutorul marcajelor:
<dl>...</dl> - lista de definitii
<dt>...</dt> - termenul definit
<dd>...</dd> - definitia


<dl>
<dt><b>Ingrediente</b></dt>
<dd>100g zahar</dd>
<dd>50g faina</dd>
<dd>3 oua</dd>

<dt><b>Prepararea</b></dt>
<dd>Se dau la mixer</dd>
<dd>Se pun in cuptor pe 10 minute la 150 grade</dd>
</dl>

Rezultat:
Ingrediente
100g zahar
50g faina
3 oua
Prepararea
Se dau la mixer
Se pun in cuptor pe 10 minute la 150 grade

Liste neordonate:
Listele neordonate se capata cu ajutorul marcajelor:
<ul>...</ul> - lista neordonata
<li>...</li> - elementul listei

<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

Rezultat:
  • HTML
  • CSS
  • JavaScript

  1.   Ce să mai citim?

  2. Ce să mai citim?

  3. Tatăl fondator al Uniunii Europene.            

  4. Colonizarea de pe Marte !

  5.   Ne pregătim pentru Marte

  6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

  7. Cine mai urăște să poarte mască?

Liste ordonate:
Listele ordonate se definesc cu ajutorul marcajelor:
<ol>...</ol> - lista ordonata
<li>...</li> - elementul listei

<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

Rezultat:
Liste ordonate:
  1. HTML
  2. CSS
  3. JavaScript

Atat despre liste!
De obicei un sait este alcatuit din mai multe pagini si fiecare pagina contine legaturi (linkuri) catre celelalte pagini din interiorul saitului sau catre pagini externe.
Cum se realizeaza aceste legaturi este tocmai subiectul ce il vom discuta in continuare!

Introducere in HTML

Limbajul HTML este usor de invatat dar pentru aceasta 
este necesar sa exersezi cat mai mult

Aparitia 
HTML

HTML apare in anul 1989 la CERN(Centrul European de Cercetari Nucleare de la Geneva) iar dezvoltatorul initial este Tim Berners-Lee. Scopul acestuia a fost facilitarea accesului rapid la informatiile tehnice cuprinse in manualele de utilizare a calculatoarelor.

Ce este HTML?
HTML este prescutarea de la HyperTextMarkupLanguage, este un limbaj de marcare universal interpretat de browsere si se foloseste pentru elaborarea deferitor documente text cu linkuri si elemente multimedia - pagini web, prezentari, carti electronice.
Fisierele HTML sunt fisiere text. Datorita acesteia ele pot fi afisate si modificate pe orice calculator cu orice sistem de operare. Extensia unui fisier html este .htm sau .html.


HTML este limbaj de programare?
HTML nu este limbaj de programare. Sarcina lui este afisarea documentului html si pune la dispozitie diferite mijloace de formatare a textului. Deaceea, pentru ca paginile HTML sa execute ceva ca raspuns la actiunile utilizatorului, de exemplu sa afiseze un mesaj sau sa interschimbe niste imagini, se recurg la mijloace specializate care largesc posibilitatilie HTML-ului, cum ar fi limbajul de programare JavaScript.

Instrumente necesare
Pentru crearea paginilor HTML se poate utiliza orice editor text sau editor grafic.
Din categoria editoarelor text, cel mai simplu si la indemana este editorul notepad. Dupa scriera codului in notepad salvati fisierul cu extensia .html si in rezultat veti obtine o pagina web. Exista editoare text specializate care ofera mai multe avantaje, cum ar fi evidentierea tag-urilor limbajului, ceea ce e necesar pentru o mai buna lizibilitate a codului (de exemplu HTML Kit care este distribuit gratis).
Din categoria editoarele grafice fac parte Macromedia Dreamweaver, WebPageMaker. 
Sunt medii care nu cer cunostinte avansate de HTML. Mai mult, unele iti permit sa creezi pagini web fara sa ai ideie de limbajul HTML. 
Cu ajutorul acestor programe vei reusi sa creezi o pagina web intr-un timp rapid, insa editarea acesteia va deveni costisitoare din cauza ca aceste programe genereaza un cod lung, neoptimal si de multe ori greu de inteles.

Cat de greu se invata HTML?
Limbajul HTML este usor de invatat dar pentru aceasta este necesar sa exersezi cat mai mult, si cel mai important este sa scrii tu codul pentru fiecare exemplu in parte. Chiar daca unele exemple ti se par prea simple si te gandesti ca taparea lor ti-ar stoarce din timp, sfatul meu este sa le scrii pentru ca asa vei memora mai bine. Scriind chiar si lucruri simple de multe ori vei face greseli si in asa mod vei dobandi mai multa practica!

Cum poţi deveni programator în mai puţin de 6 luni şi să ajungi să câştigi aproape 1.000 de euro/lună

Poţi să înveţi bazele programării singur, în mai puţin de o lună, indiferent de studiile pe care le ai, cu condiţia să fii pasionat, motivat şi ambiţios şi să investeşti suficient timp, însă pentru a deveni un programator de top sunt necesare cel puţin 6 luni de efort susţinut, sunt de părere unii specialişti din domeniu.
Salariul pentru un programator entry-level într-o companie de top porneşte de la 800-1.000 de euro, iar după 3-5 ani poate ajunge la un nivel de 2.000 de euro, spune Răzvan Rughiniş, profesor la Facultatea de Automatică şi Calculatoare.
Deşi nu poţi să înveţi programare de la A la Z singur, bazele limbajelor sunt accesibile oricui vrea să înveţe, susţine Rughiniş. El recomandă celor care vor să înveţe programare singuri să înceapă cu limbaje mai uşoare, precum Python, a cărui popularitate se datorează simplităţii şi conciziei codului. Alte limbaje recomandate începătorilor sunt Java sau C#, spune Brânduşa Fecioru, director de HR la TotalSoft.
Şi Cătălin Alexandru, lead programmer la Ubisoft, este de părere că este uşor să înveţi singur programare şi algoritmică, întrucât, spune el, toate informaţiile necesare pot fi găsite în cărţi şi tutoriale online. Condiţia, consideră programatorul, este să stabileşti încă de la început un rezultat final către care să-ţi îndrepţi efortul de învăţare. “Bazele unui anumit limbaj de programare se pot învăţa repede, în câteva săptămâni, dar este nevoie de multă practică pentru a ajunge la un nivel înalt de performanţă. Mai mult, există multe subiecte conexe care trebuie învăţate în funcţie de contextul în care este utilizat respectivul limbaj de programare, precum fizică, matematică sau economie”, spune Alexandru. Tot el spune că, deşi  cunoaşterea unuia sau a mai multor limbaje de programare este importantă, esenţială este învăţarea procesului logic de exprimare a algoritmilor în cod, abilitate necesară indiferent de limbajul de programare utilizat.
Deşi există un număr mare de limbaje de programare (C, C++, C#, Java, Python, Ruby, Haskell, Scheme, prolog, Javascript, HTML/CSS), cele mai căutate limbaje sunt, potrivit Brânduşei Fecioru, Java, C, C#  şi JavaScript.
În ceea ce priveşte programarea pentru jocurile video, “cel mai important limbaj este C++, deoarece oferă un amestec ideal între performanţă, uşurinţă de utilizare şi putere de expresivitate”, spune Cătălin Alexandru. De asemenea, spune el, pentru cazuri particulare există alte limbaje de programare care sunt mai potrivite: C# când este nevoie de interfeţe complicate cu utilizatorul, Java când este nevoie de o portabilitate mare sau Python pentru unele categorii de plugin-uri (programe care se integrează altor programe de bază pentru a îndeplini funcţii specifice).
Pentru cei care vor să devină programatori, fără a avea însă facultate de profil, există cursuri şi seminarii, unele dintre ele gratuite. Organizaţia ROSEdu (rosedu.org) precum şi DevAcademy (devacademy.ro) au astfel de cursuri. “Deşi sunt numeroase platforme de unde poţi învăţa limbajele de programare, în general cele mai sigure sunt chiar tutorialele disponibile pe site-urile tehnologiilor respective”, spune Rughiniş.
Cătălin Alexandru recomandă cursurile online disponibile pe site-urile coursera.com, edx.org şi udacity.com, realizate în colaborare cu profesori de la facultăţi cunoscute. Cursurile, spune el, permit învăţarea în ritmul fiecăruia, iar unele dintre ele se bazează pe participarea activă a cursanţilor.
Povestea de viaţă a unor tineri care au învăţat programare singuri
Liviu, 28 de ani, absolvent al Facultăţii de Instalaţii pentru Construcţii din cadrul Universităţii Tehnice de Construcţii Bucureşti, a învăţat programare singur, condiţionat de situaţia financiară proastă pe care i-o oferea jobul în construcţii. El a învăţat cu ajutorul tutorialelor de pe internet şi al prietenilor, iar din 2012 lucrează la o firmă din domeniu şi câştigă 3.600 de lei (aproape 800 de euro), cu 2.000 de lei (440 de euro) mai mult decât la jobul anterior.
Liviu spune că a început cu câteva tutoriale de pe site-ul lynda.com şi symphony.com şi a citit mai multe cărţi de programare, deşi lucra în continuare la fostul job cu normă întreagă.
După 3-4 luni, Liviu a renunţat definitiv la construcţii şi s-a angajat la firma unor prieteni, aceiaşi care l-au sfătuit să-şi schimbe domeniul de activitate. Deşi a avut un traseu rapid, el spune că mai are încă multe de învăţat.
Un alt exemplu de autodidact, Marius, 25 de ani, care lucrează într-o firmă de programare încă de când era student, spune că ce ştie a învăţat tot pe cont propriu, deşi a urmat o facultate de profil. Marius a început să se familiarizeze cu bazele programării încă din liceu, iar apoi a continuat la Facultatea de Automatică şi Calculatoare, unde a studiat limbaje pe care nu le-a mai folosit niciodată după absolvire. Aşadar, el a trebuit să studieze singur, folosind site-uri precum w3schools.com sau stackoverflow.com.
Marius crede că cele mai uşoare limbaje de programare, recomandate pentru începători, sunt HTML şi JavaScript, iar cel mai greu, dar şi cel mai utilizat, este Java, urmat în topul cerinţelor pe piaţa din România de rivalul de la Microsoft, tehnologia .Net.
Trebuie menţionat, totuşi, că învăţarea programării este un proces continuu, care trebuie să se desfăşoare de-a lungul întregii cariere, spune Cătălin Alexandru.
Unde găseşti tutoriale
 Alte site-uri de unde poţi învăţa programare
 https://www.devmind.ro - preţul unui curs porneşte de la 550 de lei 
 http://www.lec-academy.ro/ - cursurile costă între 140 şi 890 de ron în funcţie de gradul de dificultate al limbajului de programare şi de nivelul dorit, încăpători sau avansaţi, de numărul de ore necesare pentru finalizarea cursului şi dacă se desfăşoară online sau în clasă
http://www.link-academy.com/Academy-_770_2_77_213 - un curs costă 1900 de lei şi pot fi plătit în rate; cursurile se pot desfăşura online sau în modul tradiţional de şcolarizare
https://www.invata-online.ro/   - preţul unul curs este de 160 de ron
 http://www.cursuri-programare.ro/ - preţul unui curs este de 450 de lei