Arhive categorie: Javascript

Introducere format JSON

Cunosti formatul JSON? Te intereseaza mai multe informatii despre acesta?

IT-ul este un domeniu care a inceput sa se dezvolte pentru a usura viata oamenilor. Din acest motiv, IT-ul va fi mereu intr-o continua cautare pentru a gasi cele mai bune solutii spre satisfacerea clientilor.

Numele JSON este un acronim pentru JavaScript Object Notation. Acesta un format text pentru date care a fost conceput pentru a putea fi human-readable si usor de transmis intre un server si un client web. Sintaxa acestuia provine din JavaScript, dar chiar si asa poate fi folosit in majoritatea limbajelor de programare, incluzand C# si AS3.

Arrays

Ca si programator web cu experienta, cu siguranta intelegi ce inseamna aranjarea in formatul JSON, dar ca si programator web incepator notiunea s-ar putea sa nu iti fie atat de clara.

Good to know! Aranjarea se refera la o colectie de itemi, fiecare dintre acestia fiind atribuiti unui specific intreg.

De exemplu, in JSON, o etalare a primelor sase litere din alfabet ar putea fi reprezentate in acest fel:

["a", "b", "c", "d", "e", "f"]

Cu siguranta, programatorii web care au mai lucrat in JavaScript si AS3 vor gasi asezarea de mai sus familiara. De asemenea, si in cazul limbjaului de programare C# pentru definirea unui etalon, insiruirea se face in acelasi mod.

Remember! Parantezele drepte se folosesc pentru a descrie etalarea, iar virgulele sunt folosite pentru a separa elementele diferite.

Exista si o modalitate mai usoara pentru ca aceasta aranjare sa fie citita mai usor, si anume:

[
  "a", 
  "b", 
  "c", 
  "d", 
  "e", 
  "f"
]

PS: Se poate observa ca dupa ultimul element nu mai exista nicio virgula.
Etalarea JSON functioneaza si sub forma altor elemente precum false, true sau null, sau chiar numere. Nu exista o scriere tipica, ceea ce ofera libertate pentru a combina tipurile de valori de care ai nevoie. De exemplu:

[
 "apple",
 3,
 912,
 null,
 -7.2222202,
 "#",
 true,
 false
]

Good to know! Pentru a incadra fiecare insiruire ai nevoie de ghilimele duble (“), intrucat cele single (‘) nu sunt permise.

Objects

Un array reprezinta o colectie de elemente in care fiecare element este distribuit intr-o anumita unitate. Un obiect (object) este o colectie de elemente in care fiecare element este distribuit unui sir specific.

Elementele sunt numite valori, iar sirurile folosite pentru a le identifica sunt numite chei (keys). In anumite limbaje de programare aceasta structura de date poate fi gasita sub numele de hash map sau hash table.

Poti folosi objects pentru a utiliza sirurile ca si valori si nu doar keys. De exemplu:

{
 "PHP": 10,
 "CSS": 8,
 "HTML": 10,
 "JavaScript": 9
}

Folosirea JSON cu alte platforme

JSON este un format popular, motiv pentru care acesta functioneaza si cu platforme diferite. Acest mod de functionare este posibil datorita generators si parsers. Acestea sunt unelte si librarii (tool-uri si libraries) care ajuta colaborarea dintre JSON si alte platforme sa functioneze.

Mai exact, generatorii ajuta cu encodarea unui limbaj de programare intr-un altul, iar parsers decodeaza un limbaj de programare pentru a putea fi inteles de un alt limbaj de programare. Ambele optiuni sunt disponibile pentru aproape toate limbajele de programare.

Daca iti doresti sa inveti mai multe despre formatul JSON, sa inveti programare web de la zero, si nu numai, ma poti contacta aici!

 

Anunțuri

Ce altceva ar mai trebui sa invat ca si programator web junior?

Inceputurile de drum in cariera sunt provocari pe care fiecare dintre noi incercam sa le depasim cat mai bine posibil. Si fiind la inceput va fi necesar sa intelegi ca nu va fi atat de simplu sa imparti viata profesionala cu viata personala asa cum iti doresti.

Insemnand ca pentru a ajunge profesional unde iti doresti va fi nevoie de multe sacrificii si multa dedicatie din partea ta. In orice domeniu alegi sa activezi, invatarea continua e cheia succesului. Totul e intr-o continua miscare si schimbare, iar ceea ce ai invatat acum doi ani s-ar putea sa nu iti mai fie de atat de mare folos.

Sigur, acest lucru nu inseamna ca va fi necesar sa fii la munca mereu si partea personala sa o pui deoparte. Balanta intre cele doua o vei gasi, totul depinde de ceea ce iti doresti. Ca si programator junior si ca mai apoi sa avasenzi, invatarea continua e un must, deoarece vei lucra intr-unul dintre cele mai competitive si schimbatoare domenii, iar ca sa ajungi si la partea salariala, de care cu siguranta ai auzit, nu poti scapa mingea din mana.

Asadar, daca deja ai cunostinte de HTML, CSS, PHP, MySQL, in acest articol iti voi prezenta ce poti sa mai inveti pentru a fi mereu in radarul angajatorilor si pentru a evita munca repetitiva:

Invata GIT

Git este un sistem distribuit creata de Linus Torvalds, creatorul sistemului de operare Linux, in 2005. Este cel mai folosit si modern sistem de control versiune in lume. Sunt nenumarate proiecte de software, inclusiv cele comerciale, care se bazeaza pe Git pentru controlul versiunii.

Git are o arhitectura distributiva fiind un exemplu de DVCS (acronim pentru Distributed Version Control System). Sistem a fost creat sa ofere securizare, flexibilitate si performanta. Mai mult, acesta functioneaza ca o magazie, in care se salveaza toate schimbarile de cod pe care programatorul alege sa le faca.

Good to know! Programatorii care au lucrat si lucreaza in continuare cu Git, sunt foarte bine vazuti pe piata.

Invata Bootstrap

Bootstrap a fost dezvoltat de Jacob Thornton si Mark Otto, de la Twitter in 2011. Este un framework creat pentru dezvoltarea interfetelor unui site web. Acesta este unul dintre cele mai utilizate framework-uri in aria sa, in momentul de fata.

Bootstrap include template-uri bazate pe CSS si HTML pentru butoane, tabele, tipografie, formulare, navigatie, plugin-uri JavaScript (optionale) si multe altele.

Care sunt avantajele lui Bootstrap? Este simplu de folosit, intrucat ai nevoie de cunostinte de baza in CSS si HTML. Te ajuta sa creezi design-uri care se adapteaza la orice tip de dispozitiv si de asemenea compatibil pentru orice fel de browser.

Invata Ajax

Ajax este acronimul pentru Asynchronous JavaScript and XML. Rolul sau este acela de a putea actualiza anumite parti dintr-o pagina web fara a fi necesar sa reincarci intreaga pagina.

Acest lucru e posibil prin schimbul date in cantitati mici cu serverul. Astfel, creste viteza, usurinta si interactivitatea in folosirea site-urilor si aplicatiilor web.

Pentru a putea folosi aceasta tehnologie e nevoie de cunostinte de baza in HTML si JavaScript. Aplicatiile care folosesc AJAX sunt YouTube, Gmail, Facebook si Google Maps.

Invata JSON

Numele de JSON este un acronim pentru JavaScript Object Notation. JSON este un modalitate usoara pentru interschimbarea datelor. Acest format se bazeaza pe o parte a limbajului JavaScript si este creat pe doua structuri: o lista ordonata de valori si o colectie de perechi nume/valoare.

Motivele pentru care sa folosesti JSON in aplicatiile AJAX este usurinta si rapiditatea pe care o ofera fata de XML. Mai mult, formatul suporta aproape toate limbajele de programare moderne.

Daca te intereseaza sa inveti programare de la zero, sau iti doresti sa inveti tehnologii noi pe langa cele pe care le stapanesti deja, ai aici datele mele de contact.

Ce limbaje si frameworkuri ar fi bine sa inveti in 2016

Fiecare an aduce noutati pentru fiecare domeniu. Si nu numai… La inceput de fiecare an ne setam niste target-uri atat profesionale cat si personale pe care dorim sa le atingem.

Fie ca esti programator  web de mai mult timp, sau esti la inceput de drum, e indicat sa cunosti tendintele din fiecare an. Astfel, vei putea sa te pregatesti din timp, iar clientii tai cu siguranta vor aprecia devotamentul si munca ta.

PHP 7

Desi PHP 7 a aparut pe la mijlocul anului trecut, ramane inca printre limbajele pe care ar fi bine sa le inveti in acest an. Noua versiune e mult imbunatatita, aducand multe caracteristici noi, viteza mai mare, precum si rezolvarea unor probleme mai vechi.

Specificand viteza, la PHP 7 aceasta e de doua ori mai mare decat la PHP 5.6, ceea ce imbunatateste performanta si usureaza munca aplicatiilor web dar si a sistemelor CMS precum Drupal si WordPress.

Recomand: Invata PHP

Python 3.5

La fel ca si PHP 7 si Python 3.5 a aparut in anul 2015, dar care ramane de invatat in acest an. Versiune aduce multe noi caracteristici: indicii de scriere si Asyncio.

Se pare ca Python 3 aduce in sfarsit popularitatea pe care o merita, asa ca acesta e timpul potrivit pentru a invata cum merg lucrurile cu acest limbaj.

Angular.js

Angular.js este un framework JavaScript menit pentru companiile mari. Versiunea noua a Angular a aparut anul trecut, facand o schimbare completa fata de versiunea Angular 1.

Deoarece Angular 2 va deveni frameworkul dedicat companiilor mari, cu siguranta cunoasterea acestuia iti va imbunatati CV-ul.

Polymer 1.0

Framework-ul Polymer a fost lansat in Mai 2015. E bazat pe componente web, acestea fiind standardul pentru pachete CSS, HTML, JavaScript in widget-uri separate care pot fi importante in aplicatiile web.

Pana in acest moment, Componentele Web au fost suportate doar de Opera si Chrome, dar cu Polymer ai acces la toate.

Daca iti doresti sa inveti anumite limbaje, framework-uri, sau programare de la zero, alaturat gasesti datele mele de contact.

Vreau sa invat programare. Cu ce incep?

Iti doresti sa inveti programare? Esti interesat/a de pasii pe care ar trebui sa ii urmezi pentru a studia acest domeniu?

Programarea nu se afla pe lista celor mai usoare joburi, asta deoarece contine multe tehnologii, fiecare axandu-se pe diferite sarcini. Mai mult, IT-ul s-a dezvoltat atat de mult incat acum aproape orice e facut sa se adapteze si mediului online.

Totusi, programarea ramane unul din domeniile in care se vor cauta mereu candidati competenti. Insemnand ca oriunde alegi sa traiesti, ca si programator sigur vei avea unde sa lucrezi, plus salariul va fi intotdeauna pe masura muncii tale.

In acest articol mi-am propus sa iti prezint ordinea tehnologiilor pe care ar trebui sa le inveti, daca doresti sa devii programator.

HTML

HTML e fundatia unui site. De asemenea, e baza si primul pas pentru a studia programarea.

Numele sau este un acronim pentru Hyper Text Markup Language, fiind un limbaj de programare prin care poti construi site-uri web pe care browserele de internet sa le poata intelege.

HTML consta in niste etichete care te ajuta sa iti creezi site-ul web. Pentru inceput vei invata ce inseamna aceste etichete si cum sa te folosesti de ele pentru a construi un site web mai simplu.

CSS

In termeni mai simpli, CSS este partea de design a HTML-ului. Prin CSS poti schimba si aranja diferite elemente ale unui site web. Sigur ca, pe masura ce acumulezi mai multe cunostinte in CSS vei avea mai multe optiuni de aranjare a unui site, precum animatiile.

Intr-un articol precedent de-al meu poti vedea cum se desfasoara si ce inveti in cursul CSS de la zero.

PHP

PHP este tot un limbaj de programare avand rolul de a modifica pagini web. Numele reprezinta un acronim recursiv pentru Hypertext Preprocessor. Pentru a putea invata PHP va fi necesar sa stapanesti notiunile de baza, cum ar fi:  variabile, instructiuni, functii si clase.

MySQL

Acum, ca ai cunostinte despre ce inseamna baza unui site web si ce anume poti face, poti sa treci la sarcini mai avansate, precum administrarea unei baze de date. MySQL este un sistem care gestioneaza bazele de date cu ajutorul limbajelor de programare precu PHP.

Invata MySQL de la zero e un articol in care explic ce cunostinte poti dobandi in urma acestui curs.

jQuery

jQuery este o biblioteca sau o platforma de dezvoltare JavaScript care are rolul de a usura sarcinile mai complicate din JavaScript. Desi jQuery se ocupa cu task-uri mai complicate, e mai usor de utilizat.

Afla ce informatii poti sa asimilezi din cursul meu Invata jQuery de la zero.

Daca iti doresti sa inveti programare de la zero, sau sa deprinzi abilitati in alte tehnologii decat cele pe care le stapanesti, alaturat gasesti datele mele de contact!

Invata JavaScript de la zero

JavaScript este un limbaj de scripting folosit pentru introducerea unor functionalitati in pagnile web. Fisierele javascript au extensia js si sunt interpretate / rulate de browser. Codul javascript se ruleaza pe calculatorul utilizatorului.

Pentru a invata JavaScript este nevoie doar de un sistem de operare, fie ca este vorba despre o distributie Linux sau Windows sau OSX. Ca si editor se poate folosi Sublime-Text . In ziua de azi se folosesc mai mult framework-uri JavaScript, singurul lucru ce trebuie sa stii este includerea unui framework . Mai departe voi detalia cateva chestii de baza, ce ar trebui stiut de catre orice programator:

Includerea codului de JavaScript

Varianta 1: Insereaza in codul HTML.

<script>
// codul meu javascript
</script>

Varianta 2 – Daca codul javascript se afla intr-un fisier numit script.js

<script src="script.js"></script>

Variabile

var number = 30;     // number
var fullname = "Pop Ion"; // string
var fruits = ["Apple", "Banana"]; // array
var user = {username: "popion", email: "popion@yahoo.com"}; // object

Functii

Crearea unei functii:

function suma(a,b){
     return (a+b);
}

Instructiuni in JavaScript

IF / ELSE / ELSEIF

var a = 10;
var b = 20;
if ( a>b ) {
    alert(a + ' este mai mare decat ' + b); // afiseaza mesaj in browser popup 
} else {
  alert(a + ' este mai mic sau egal cu  ' + b); // afiseaza mesaj in browser popup
}

SWITCH

var a = 5;
switch(a) {
    case 4:
        alert ('a este egal cu 4');
        break;
    case 5:
        alert ('a este egal cu 5');
        break;
    default:
        alert('a nu este nici 4, nici 5')
}

FOR

var a = [4,5,6];
for (var i = 0; i < a.length; i++ ) {
   alert(a[i]); // afisam fiecare element din array in browser popup
}

 

WHILE

 var i = 0;
 while (i < 3) {
    console.log(i); // afiseaza valorile lui i in console de browser ( apasa F12 in browser pt consola )
    i++;
 }

 

jQuery – Datepicker – Activeaza doar datele specificate

In jQuery Datepicker se poate specifica un array cu datele ce sa fie selectabile din calendar.


var available_dates = ["12-9-2011","14-9-2011","16-9-2011","16-10-2011","16-11-2011"];

function available_callback(date) {
dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
if ($.inArray(dmy, available_dates) == -1) {
return [false,"","Indisponibil"];
} else {
return [true, ""];
}
}

$('#iDate').datepicker({ beforeShowDay: available_callback });

Si sa fie perfect codul, variabila available_dates ar trebui populat dintr-un fisier json.