Tehnici SEO pentru a repara greselile facute

Google este o sursa grozava de informaii, de fapt toate motoarele de cautare sunt o sursa eficienta de a ajunge pe monitoarele oamenilor.Ok, sa nu mai lungesc vorba si sa intru in alte discutii pe care nu mi le-am propus pentru acest articol am sa incep sa discut despre subiectul actual. In ultimele luni, toate acele site-uri care se aflau in top-ul Google au suferit caderi majore.
Ce vreau sa spun prin greseli – Acestea pot fi definite ca si actiuni manuale luate de Google impotriva mai multor site-uri ce par a incalca guideline-ul Google pentru Webmasteri.
Posibile motive de penalizare
Aglomerare Keyword-uri – atunci cand punem mai multe keyword-uri decat sunt necesare. Aceasta repetitie sau aglomerare este considerata ca si spam.
Cloaking- atunci cand continutul afisat crawlerilor Google este diferit de continutul afisat utilizatorilor.
Continut duplicat sau copiat - Google prefera continut de calitate si mai ales unic. Deci, continutul duplicat sau copiat este respins din start.
Back link-uri platite – Presupun ca toata lumea stie ce sunt back link-urile.
Text ascuns – textul ascuns este acela ce este pozitionat intr-o pozitie foarte putin vizibila. Acesta este considerat spam in guideline si nu este acceptat.
 Cum aflam daca am fost penalizati sau nu?
Avertismenete ale link – cand Google gaseste un site ce incalca guideline-ul trimite mesaje de avertizare.
De-indexarea – o mare problema este de-indexarea siteului tau din Google. Cum afli? Scrie adresa site-ului tau in cautarea Google si daca nu apare in lista sau daca este apare cu un rank mai mic decat ininte ai o problema.
Google ranking- cum am spus si mai sus, un rank mai mic indica penalizarea site-ului tau.
Tipuri de penalizari
Penalizare manuala – in acest tip de penalizare orice analist Google iti poate face o recenzie a site-ului si il poate penaliza daca nu respecta guideline-ul. Aceasta metoda te poate lasa fara 90% din trafic.
Penalizarea Panda – acest tip de penalizare apare atunci cand Google schimba algoritmul pentru a penaliza in mai rapid site-urile cu continut duplicat sau copiat.
Penalizarea Penguin – aceasta penalizare se refera strict la acele site-uri ce au link-uri nedorite de Google.
Penalizarea EMD - EMD este prescurtarea de la Exact Match Domain. Cu acest tip de penalizarea Google tinteste site-urile care ajung mai sus pe pagina de rezultate doar din cauza keyword-urilor din domeniu si nu au continut de calitate.
Cum se reparam aceste penalizari?
Penalizarea Penguin – O data ce esti sigur ca ai primit aceasta penalizare este timp-ul sa iti reevaluezi site-ul si sa stergi toate link-urile suspicioase.
Acestea pot fi:
-link-uri side wide (de obicei in footer sau header)
-Link-uri catre directoare de link-uri cu rank scazut
-back link-uri platite
Foloseste uneltele de analiza a link-urilor precum webmaster tools, link detox, majestic seo, s.a.m.d. Pentru a-ti evalua link-urile si sa stergi ce iti face mai mult rau decat bine.
Penalizarea Panda – O data ce ai primit acest tip de penalizare trebuie sa evaluezi tot continutul site-ului tau. Asigurate ca ai continut original si asigurate ce nu ai articole duplicate, si mai ales ai grija la continutul copiat (Google nu accepta acest gen de continut sub nicio forma). Este indicat sa verifici si keyword-urile. Poti folosi unelte precum copyscape pentru a verifica daca continutul tau mai exista si pe alte site-uri.
Penalizarea EMD – Daca ai ajuns sa fii penalizat cu aceasta metoda trebuie sa te gandesti la imbunatatirea brandului tau. Creaza back link-uri de calitate si incearca sa iti concentrezi site-ul si pe retelele de socializare. Poti investii si in continut de calitate si in construirea link-urilor. Incearca sa iti asigur numele brandului pe toate forumurile cu rank mare din domeniul tau. Ultima, dar nu ce-a din urma exista si optiunea de a-ti schimba domeniul
Penalizarea manuala – Din aceasta penalizare iti revii ce-l mai greu, dar tot ai optiunea de a trimite o cerere de reevaluare catre Google Quality Analysts. Aceasta poate fi remediata scapand de toate reclamele din pcartea de sus si pozitionarea continutului in locul lor.
C-am asta este tot ce am avut de spus despre subiect….daca aveti intrebari sau aveti ceva de adaugat astept cometariile voastre….

Psihologia culorilor din logo

Toti stim ce este Coca-cola, o firma ce produce o bine cunoscuta bautura carbogazoasa in competitie stransa cu Pepsi. Nu discutam de preferintele noastre cand vine vorba de cele doua, ci despre logo-urile acestora. Evident Coca-cola castiga competitia cand discutam despre logo pentru ca  au o strategie de marketing feroce, dar motivul este “The colors, man, the colors” (am auzit-o intr-un film cu hipioti, dar se potriveste de minune).
Exista o psihologie in spatele acestor culori, in modul in care publicul le percepe in designul unui logo. Deci, am sa va dau cateva exemple de logo-uri si am sa va explic in ce mod este folosita aceasta psihologie a logourilor.5 culori ce iti scot logoul in evidenta

1.Rosu – ca cel din Red Bull

Te face sa te simti mai energic doar cand te uiti la el, dar in acelasi timp iti transmite ideea logoului. Doi tauri ciocninduse – poate cineva sa spune care “castiga”? Design-ul este relativ simplu, dar publicul va observa o imagine intensa, feroce.

Ce transmite culoarea rosie folosita in lgouri:

• Intensitate
• Sange si Razboi
• Agresivitate
• Indrazneala
• Actiune si aventura
• Pericol
• Pasiune
• Energie

2.Galben – ca cel din McDonalds

Servind miliarde si miliarde de oameni anual, este evident ca cineva il iubeste (“I’m lovin’ it”). Regele fast food-urilor, ce poate fi gasit in peste jumatate din tarile intregii lumi, iar logoul este galben (unii ar spune auriu, eu prefer sa raman la galben) format dintr-o litera “M”.



Ce vad oamenii cand folosesti o culoare positiva din spectru, precum galbenul?

• Bucurie
• Curiozitate
• Veselie, sentiment de binedispunere
• Aceasta culoare are un caracter jucaus
• Pozitivism
• Rasarit
• Caldura

3.Verde – Ca cel din Animal Planet

Chiar si fara elefantul din logoul precedent Animal Planet a folosit culoarea verde intr-un mod genial pentru a transforma un brand relativ nou intr-un clasic. Companiile ecologiste folosesc foarte mult verde in logo-uri (asa si trebuie), dar Animal Planet foloseste o tehnica deosebita.

Iata ce emotii pozitive transmite culoarea verde folosita in logo:

• Eco-Friendly
• Liniste
• Te duce cu gandul la natura
• Sanatate
• Bani
• Prospetime

4.Negru – ca cel din NHL

Chiar daca acesta nu este atat de popular sau cunoscut (cel putin la noi in Romania), logoul lor este considerat a fi un exemplu important. Folosirea negrului emana putere si indrazneala.

Daca te-ai hotarat sa faci un logo negru, iata ceparere vor avea clientii dupa ce il vor vedea:

• Indrazneala
• Autoritate
• Infatisare clasica
• Traditie
• Mister
• Distinctiv
• Formalitate

5.Mov – Ca cel din Hallmark

Mov, de obicei are o conotatie negativa in randul brandurilor noi ce cauta un logo sa le reprezinte, dar publicul vede cu ochi buni aceasta culoare. Dupa cum ne arata si Hallmark, movul poate fii foarte roial.

Cum iti face aceasta logoul sa para:

• Sofisticat
• Roial, regal
• Ceremonios
• Costisitor, scump
• Nobil
• Corect, drept
• Misterios

Cand faci un logo pentru site-ul sau pentru firma ta, dar si cand faci un logo pentru un client sau pentru un prieten aduti aminte ce reprezinta fiecare culoare. Este important sa gasesti o schema ce reprezinta brand-ul respectiv, o schema a culorilor ce comunica atat cu clientii cat si cu personalul site-ului sau companiei pentru care faci.

Integrare Twitter, Facebook si Google+ in Wordpress

In acest articol va voi arata cum sa integrati manual trei dintre cele mai populare servicii media in site-ul tau: Twitter, Facebook si Google+. In primul rand va voi arata cum sa integrati aplicatia de comentarii facebook in wordpress.Apoi am sa va arat cum puteti afisa cele mai noi tweet-uri in sidebar si in final va voi arata cum sa cum sa adaugati butoanele de sharing in pagini si postari.In primul rand trebuie sa faci un backup fisierelor temei pe care vrei sa o modifici, astfel incat daca faci vre-o greseala sa fii asigurat ca nu faci vre-o prostie. Instalarea acestor modificari pe un site de teste este recomandata (eu fac toate modificarile intai pe un wordpress instalat pe computerul de acasa cu WAMP).
Integrare comentarii FacebookPentru ca majoritatea oamenilor sunt autentificati pe facebook in timp ceviziteaza diverse site-uri web, aceste comentarii facebook sunt grozave pentru a incuraja socializarea, dar nu in ultimul rand nu ve-i mai avea probleme cu spam-ul.
Stiu ca exista atatea solutii de prevenit spam-ul din comentariile wordpress, dar majoritatea sunt inaficiente sau te pun sa faci ceva in plus de fiecare data cand apar aceste comentarii.Sistemele de comentarii precum IntenseDebate si Disqus au anumite beneficii, pentru ca permit adaugarea de comentarii folosind Facebook sau alte servicii similare, dar inainte de a le folosii, vizitatorii trebuie sa permita accesul aplicatiei in contul lor, lucru ce ii descurajeaza pe foarte multi. Deci, integrarea sistemului de comentarii facebook permite discutarea fara pra mari probleme.

1.Aplicatie Facebook

Pentru a folosi sistemul de comentarii de la facebook trebuie sa creezi o aplicatie de pe pagina Facebook Application. Acest pas este necesar, indiferent ca folosesti un plugin sau adaugi sistemul de comentarii manual.Pur si simplu apasa pe butonul ” + Create New App” de pe pagina Facebook Application si scrie un nume unic pentru aplicatia ta in campul “App Display Name”, campul “App Namespace” poate fii lasat gol.Acum ai primit un cod numit “App ID/API key” si un cod numit “App secret key”, nu trebuie sa le memorezi pentru ca pluginul oficial de comentarii Facebook le adauga automat in codul pe care trebuie sa il adaugi in fisierele site-ului tau.2. Adauga codul in siteAcum, mergi pe pagina pluginului Facebook pentru Comentarii si obtine codul pentru site-ul tau. Fereastra aceasta iti va permite se setezi URL-ul site-ului pe care v-or aparea comentariile, numarul de comentarii, latimea si schema de culori (alb/negru).Nu trebuie sa iti faci griji din cauza setarilor pe care le faci aici pentru pot fi modificate ulterior manual, si nu conteaza ce URL pui pentru ca il v-om inlocui cu permalink-ul:Cand apesi pe butonul “Get Code” iti va fi afisata o fereastra cu codul plugin-ului (alege HTML5).  Asigura-te ca selectezi aplicatia pe care ai setat-o mai devreme pentru a seta automat ID-ul corect.Primul cod adaugal in fisierul header.php exact dupa codul <body>:
[cc name=”fbfcdht5″]
Al doilea cod il pui unde vrei sa apara sistemul de comentarii. Asigura-te ca URL-ul este inlocui cu permalink-ul WordPress ( <?php the_permalink(); ?> ) astfel incat comentariile v-or fi afisate corect pe fiecare pagina.
[cc name=”fbscdht5″]
Pentru a pune comentariile facebook deasupra comentariilor WordPress adauga codul de mai sus dupa codul </form>.
Daca vrei sa inlocuiesti complet sistemul de comentarii wordpress cu sistemul de la facebook nu trebuie decat sa inlocuiesti functia care apeleaza fisierul comments.php, de exemplu daca vrei sa inlocuiesti sistemul de comentarii din paginile cu postari inlocuieste codul <?php comments_template(); ?> cu codul de comentarii facebook in fisierul single.php, pentru pagini acelasi lucru in fisierul page.php
poza comentarii facebook din sectiunea freebies
Pentru a fii anuntat de fiecare data cand cineva lasa un comentariu trebuie sa te faci moderator al aplicatiei din pagina Comment Moderation tool .

Ultimele Tweeturi in sidebar

Afisarea ultimelor tweet-uri este o metoda foarte buna de a incuraja vizitatorii sa te urmareasca pe Twitter. C-ea mai des intalnita zona de afisat aceste tweet-uri este sidebar-ul, chiar daca pot fi adaugate in orice parte a site-ului.Afisarea Tweet-urilor manualAm incercat mai multe solutii de implementat tweet-uri manual pe site, dar preferata me-a este versiunea lui Chris Coyier (autor CSS-Tricks). Codul lui de RSS fetching reprezinta o metoda simpla si eficienta pentru a afisa cele mai noi tweet-uri din contul tau. Adresa contului tau de twitter este de forma http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=xxxxx (unde xxxxx este numele de pe twitter), pentru rweet-urile tale favorite foloseste http://twitter.com/favorites/xxxxx.rss.[cc name=”tweet1″]Afisare tweet-uri cu widget-ul officialWidgetul Twitter official arata foarte bine si este usor de modificat. Poti selecta numarul de tweeturi, sau daca widget-ul sa se mareasca sau sa afiseze un scrollbar pentru a vedea toate tweet-urile.Dimensiunea poate fi ajustata manual sau din optiunea auto-width. Culoarea  poate fi schimbata din zona setarilor. O data ce a-ti setat dimensiunea si culoarea copiati codul in fisierul in care doriti sa apara din template.Afisare Tweeturi cu plugin-uri wordpressDaca nu vrei sa umblii in cod sub nici o forma sau nu vrei sa folosesti widget-ul official poti incerca unul din aceste plugin-uri wordpress:

• Cardoza Twitter Box
• Floating Tweets
• Latest Twitter Sidebar Widget
• My Twitter Ticker
• Tweet Blender
• Twitter Plugin for WordPress
• Twitter Widget Pro

Adauga butoane de social sharing

Butoanele de social sharing reprezinta una dintre cele mai bune metode de a indemna vizitatorii sa de-a mai departe articolul tau pe una dintre retelele de socializare. Nu trebuie decat sa copiati codul de pe paginile urmatoare:

• Facebook
• Google+
• Twitter

Butoanele pe care le-ati gasit la adresele de mai sus sunt perfecte pentur paginile cu detaliile/comentariile articolelor (single.php). Dar nu v-or functina pe prima pagina a site-ului (index.php), sau un arhiva (archive.php).Pentru a functina corect asigurati-va ca fiecare buton foloseste permalink-ul articolului, nu URLul siteului.
Pentru a pune aceste butoane pe site nu trebuie decat sa alegeti tipul de buton si sa copiati codul in single.php sau pe page.php pentru pagini.
Pentru a functina pe prima pagina si pe pagina de arhiva urmeaza instructiunile de mai jos.FacebookButon Facebook Like vine cu o multime de optiuni.Un buton numit “Send” poate fi adaugat, poti seta latimea, poti alege sa fie afisate si imaginile de profil sub butoane, poti alege intre textul “Like” si “Recommand”, poti alege intre schema de culoare alba sau neagra, poti seta fontul.

Trebuie sa adaugi 2 coduri in site-ul tau. In primul rand SDKul JavaScript exact dupa tag-ul <body> (in header.php). Acest cod trebuie sa fie adaugat doar odata.Al doilea cod il pui unde vrei sa apara butonul de Like. Pentru a te asigura ca este selectata pagina corecta seteaza href=”<?php echo get_the_permalink($post->ID); ?>”, de genul:[cc name=”fblbop”]Google + Google+ vine cu butoane de 4 dimensiuni: mic, mediu, standard si inalt. Numarul de voturi pe care pagina le-a primit pot fi afisate inline, intr-un balon sau sa nu fie afisate.Sa faci legatura in permalink-ul articolului si buton este la fel de simplu ca in cazul facebook-ului, seteaza href=”<?php the_permalink(); ?>”, pentru un buton inalt codul va arata in felul urmator:[cc name=”gptb”]TwitterTwitter ofera 4 tipuri de butoane: unul pentru sharing de link-uri, unul pentru a invita oamenii sa te urmareasca, un buton pentru hash tag,  si altul pentru mentiuni. Butonul de care ai nevoie pentru a afisa numarul de tweet-uri ale unui articol se numeste “Share a link”.Pe pagina de edita butoanele poti alege daca doresti sa fie afisat numarul de retweet-uri si poti alege intre “Via”, “Recommend” si “Hastag”.Pentru a te asigura ca Twitter-ul va folosi titlul articolului tau si URL-ul articolului in mod corect adauga data-text="<?php the_title(); ?>" si data-url="<?php the_permalink(); ?>" in link. De exemplu, daca folosesti butonul mic vei avea urmatorul cod:[cc name=”twsvrhbtn”]
Pentru a afisa butonul mare schimba data-size la large: data-size=”large”. pentru a afisa butonul de popular vartical schimba data-count=”vertical”.

Concluzia

O multime de utilizatori de WordPress folosesc in continuare plugin-uri de social media sharing, dar am spus si mai sus, integrarea manuala a acestor medii de socializare poate fi o solutie mai buna.Integrarea sistemului de comentarii facebook dureaza decat cateva minute si procesul de instalare este mult mai simplu decat al pluginurilor.Nu stiu ce sa mai zic, deja m-am lungit prea mult, am acest articol in drafturi de aproape 2 saptamani…sper ca ai inteles ceva si sper ca ti-a fost de ajutor, oricum pentru orice nelamurire lasa un comentariu.

Greseli des intalnite in WebDesign

1. Absenta casutei de Cautare (Search Box)

Web-ul este un loc in ce abunda de informatie. Fie ca vorbim despre site-ul de prezentare al unei firme sau de un blog, o casuta de cautare trebuie sa fie prezenta. Daca vizitatorii tai cauta o informatii ce se gaseste pe site o vor gasi cu mult mai multa usurinta cu ajutorul unei casute de cautare.

2.Design-uri scrise pentru un anumit browser

O idee foarte proasta este sa pui un banner cu ajutorul caruia incerci sa sa iti convingii utilizatorii sa foloseasca un anumit browser pentru vizualizarea site-ului pentru ca in facut design-ul in asa fel incat sa se comporte cum trebuie decat in acel browser. Vizitatorilor le place sa navigheze cu browserul lor preferat, nu le place sa le fie impus un anumit browser.

3. Foloseste URL-uri prietenoase

Folosind URL-uri fara sens ii va dezorienta pe vizitatori.  Acest lucru este valabil si despre motoarele de cautare (Google, Bing si Yahoo), le este greu sa inteleaga. Fiecare pagina ar trebuii sa aiba un URL ce contine cuvinte cheie sau chiar titlul paginii respective. De exemplu, in loc de http://www.siteulmeu.ro/index.php?id=24 ar trebuii sa folosesti ceva de genul http://www.siteulmeu.ro/echipament-recomandat-paintball

4.Folosirea gresita a ultimelor tehnologii

Sunt sigur ca orice designer incearca sa incorporeze in munca sa ultimele tehnologii aparute. Dar, daca folosesti tehnologii noi intr-un mod gresit, astfel incat nu functioneaza corespunzator in toate browserele risti sa iti pierzi vizitatori/clienti.

5.Sunete sau Clipuri video ce pornesc automat

Chiar daca sunt  apreciate sunetele si clipurile video pe site-uri, nu este bine sa le setezi astfel incat sa porneasca automat. Poate vizitaorii deja ruleaza un sunet sau un clip video in computerul lor si ii va deranja, sau poate se afla intr-un loc in care este necesara pastrarea linistii.

6.Lizibilitate redusa

Lizibilitatea este un element vital al designului web. Desigur, designul nu va avea acelasi farmec pe care il da un anumit font, dar va oferi lizibilitate, lucru ce le este mai folositor vizitatorilor ce cauta o anumita informatie.

7.Meniuri Neingrijite

Meniul de navigare al site-ului trebuie sa fie usor de inteles si usor de folosit. Vizitatorii ar trebuii sa poata explora site-ul cu mare usurinta. Foloseste texte scrute si semnificative in meniuri. Fa link-urile sa se poata distinge usor de celalalt continut. Ai grija la link-urile moarte pentru ca fac vizitaorii confuzi si dupa ce realizeaza ca isi pierd timpul pleaca.

8.Text in interiorul imaginilor

Nu este recomandat sa adaugi text in interiorul imaginilor. Cititorii nu pot sa il acceseze si este dificil de citit.

10 site-uri pe care poti incepe sa inveti programare

Programarea a avut intotdeauna un aer mai misterios, intotdeauna a fost vazuta ca un limbaj complicat, ce poate fi inteles decat de foarte putine persoane. Intradevar, este un lucru ce necesita timp si o cantitate mare de efort psihic, dar nu este imposibil.
Drept dovada, o multime de website-uri ofera tutoriale si ghiduri destinate persoanelor ce vor sa invete programare.  Unele dintre acestea ofera acces la articole teoretice, iar altele iti permit sa folosesti interfete interactive. Toate aceste site-uri ofera informatii bune, din punct de vedere calitativ, deci, indiferent de stilul tau preferat de invatare, vei gasi un site sa ti se potriveasca. Am facut un top de 10 cele mai bune site-uri.

Codecademy

Codecademy este unul dintre cele mai bune site-uri de elearning valabile online.
Acest site a strans o multime de utilizatori atrasi de serviciile gratuite si lectiile bine explicate. Utilizatorii pot invata sa foloseasca JavaScript, HTML, CSS, PHP, Python, Ruby si diverse API-uri, trecand printr-o serie de exercitii bine explicate.Interfata este simpla si curata, iar instructiunile sunt usor de urmarit, chiar si pentru persoanele care nu au mai intalnit vre-un limbaj de programare pana acum. Pentru cei ce deja au experienta in programare, codecademy permite trecerea peste lectiile usoare.

Code School

Code School ofera patru ‘cai’ de invatare – Ruby, JavaScript, HTML/CSS si iOS. Utilizatori invata urmarind o serie de clipuri video si tutoriale interactive.Code School este similar Codecademy din mai multe puncte de vedere. Principala diferenta este pretul – in timp ce Codecademy este complet gratuit, Code School este un serviciu ‘freemium’. Tutorialele de baza (basics) sunt gratuite, dar lucrurile mai complicate cer sa fiti abonat pentru a le accesa (scubscription – 29$/month).Code RacerCode Racer este un concept inovator de invatat programare, creat de Treehouse. Pentru a folosi exprimarea lor: “acesta este un joc multiplayer real-time”, ce implica crearea de cod HTML cu diverse cinditii de timp. Timpul este comparat cu al alor ‘jucatori’, cu care mai apoi te intreci in scrierea de cod.este un mod rapid si amuzant de a invata lucrurile de baza ale HTML-ului, dar as sugera ca daca sunteti incepatori in HTML, mai intai sa cititi cateva materiale (Treehouse sau w3schools).

Code Avengers

Code Avengers face parte din sfera site-urilor de tipul Code Racer – “Hai sa facem invatatul distractiv”. Acesta este un site pentru icnepatorii de orice varsta, chiar daca template-ul pare a tinti o audienta mai tanara.Instructiunile sunt usor de urmarit, iar mesajele de ajutor sunt valabile peste tot. Site-ul permite utilizatorilor sa joace un mini-joc dupa fiecare lectie terminata. Momentan sunt oferite doar lectii de HTML/CSS si JavaScript, dar sunt sanse destul de mari ca acest lucru sa se schimbe in viitor.
Echipa din spatele Code Avengers administreaza si Code Camps pentru copii de 18 ani, in incercarea de a atrage mai multi tineri catre programare.

Udemy

Udemy face parte dintr-o miscare de elearning, construit pentru a aduce educatie de calitate oamenilor. Expertii posteaza lectii si cursuri (unele gratuite, iar altele nu) dintr-o gama variata de categorii.O categorie populara este programarea. Se gasesc clipuri video de calitate superioara ce variaza intre cateva minute si analize de ore intregi.In functie de cunostintele tale, timpul disponibil si ambitia, poti alege cursul care ti se potriveste cel mai bine si sa te apuci de treaba. Nu exista taxe suplimentare, platesti doar ce doresti sa accesezi.

Khan Academy

Khan Academy este similar Udemy, ofera cursuri online pe o multime de subiecte. Oricum, intre acestea doua exista 2 mari diferente. In timp ce pe Udemy se gasesc o gama variata de subiecte, Khan Academy se axeaza pe tehnologie, stiinta si matematica. De asemenea, si-au luat angajamentul ca serviciile lor vor putea fi accesate gratuit mereu.Sectiunea de programare este destul de mare si include de la articole si tutoriale pana la clipuri video. Dar, exista si cateva unelte interactive in interfata de programare.Pe majoritatea site-urilor, scrii codul si apesi un buton “Run” si codul tau este testat, dar pe Khan Academy totul functioneaza in timp real si poti vedea tot ce se intampla chiar in timp ce scrii.

MIT Opencourseware

Alt site ce ofera cursuri de programare online  este MIT Opencourseware. Acest site este dezvoltat de Massachusetts Institute of Technology – renumita universitate – pentru a oferi cusruri gratuite peste tot in lume.Dupa cum deja va asteptati, cursurile sunt de calitate superioara, iar tutorialele de programare sunt unele dintre cele mai bune de pe internet. De exemplu, sectiunea “Introduction to Computer Science and Programming” contine un mare numar de resurse, precum cursuri, fisiere, slide-uri si teste.

Learn Street

Learn Street este un site relativ nou in segmentul de eLearning ce ofera cusruri de JavaScript, Python si Ruby.
Anumite site-uri isi ghideaza utilizatorii pe parcursul exercitiilor, dar nu te invata destul de mult incat sa poti folosi acele lucruri in viata reala.Learn Street face tot posibilul sa rezolve aceasta problema – ofera un glosar cu termeni tehnici si concepte cheie in interfata de utilizare.De asemenea, ofera diverse oportunitati utilizatorilor sa isi practice noile lucruri invatate. Learn Street a deschis o serie de proiecte – incepand cu crearea unui joc de tipul Snakes and Ladders pana la un calculator de Taxe.

Mozilla Developer Network

Majoritatea siteurilor din aceasta lista ofera diverse unelte interactive  de invatare, dar nu trec de lucrurile de baza.
Mozilla Developer Network ofera mai multe resurse teoretice, resurse ce te ajuta sa inveti printr-un proces ‘reading-based’. Contine un numar vast de documente, ghiduri si articole de tipul How To, scrise de unii dintre cei mai cunoscuti programatori din lume.
Chiar daca se gasesc si resurse pentru incepatori, acest site este mai folositor celor ce deja stiu lucrurile de baza si isi doresc sa aprofundeze anumite subiecte si sa isi inbunatateasca tehnica.

Dash

Dash, este o platforma General Assembly fantastica pentru a invata bazele programarii in HTML, JavaScript si CSS. In loc sa te treaca printr-o serie de tutoriale, Dash te invata sa scrii cod trecandu-te printr-o serie de proiecte.
Utilizatorul este ghidat pas cu pas prin fiecare proiect, de la construirea unui website mic pentru prieten fictiv, pana la programarea unui robot construit in CSS. Pe masura ce avansezi iti sunt “deschise” noi abilitati ce sunt explicate pe larg.

Concluzia

Gandeste-te ce stil de invatare ai inainte sa alegi un site. Daca esti o persoana ce prinde mai bine prin exercitiu, alege un serviciu precum Codecademy sau Dash. Daca esti o persoana ce prefera teoria mai intai, atunci iti recomand sa incepi cu Mozilla Developer Network sau MIT OpenCourseWare.
Sa inveti programare este ca si cum ai invata o noua limba, ai nevoie de practica pentru a deveni mai bun. Este mai bine sa inveti perioade mici de timp pe decursul saptamanii, decat o sesiune lunga. Nu te da batut la prima problema intalnit, programarea nu este chiar atat de grea pe cat crezi tu. Inregistreaza-te pe unul din aceste site-uri si incearca, s-ar putea sa te surprinzi singur.