s3
s2
s1

Introducere in jQuery – selectori

jQuery este o librarie realizata in 2006 care simplifica limbajul JavaScript si ajuta foarte mult pe partea de front-end.

Cel mai important lucru pe care trebuie sa il inveti atunci cand incepi cu jQuery este partea de selectori. Selectorii stau la baza acestei librarii pentru ca ne vom lega mereu de elemente din DOM atunci cand manipula ceva cu jQuery.

Fisierele folosite in video le gasesti aici.
Exemple de selectori

Selector
Cod jQuery
Descriere

*
$(“*”)
Toate elementele

#id
$(“#lastname”)
Elementele care au un ID: id=”logo”

.class
$(“.intro”)
Elemente care au o Clasa: class=”card”

tag HTML
$(“p”)
Toate tagurile <p>

h1, .nume, #logo
$(“h1,div,p”)
O lista de elemente: un <h1>, o Clasa si un ID

:first
$(“li:first”)
Primul element dintr-o lista

:last
$(“li:last”)
Ultimul element dintr-o lista

:focus
$(“:focus”)
Elementul care este in focus

 :checked
$(“:checked”)
Elementele care sunt checked

Ce este si cum adaugam un favicon in websitul nostru?

Favorite icon-ul (sau favicon-ul) este o imagine mica, de minim 16×16 pixeli folosita in browsere pentru a arata o reprezentare grafica a unui website in bara de adrese. Acest favicon are de obicei extensia ICO si aici avem un tool util care ne poate ajuta www.convertico.com.

Care este utilitatea unui favicon?

Reprezinta brandul tau
Ajuta la gasirea websitului mai usor intr-o lista mare de taburi deschise
Ajuta la gasirea websitului in lista de bookmarks

Cum se adauga un favicon intr-o pagina HTML
<link rel=”shortcut icon” type=”image/x-icon” href=”http://yourwebsite.com/favicon.ico”>
Acesta este codul de baza pe care il adaugam cand dorim sa afisam un favicon general. Pentru alte device-uri ar trebui sa adaugam si urmatoarele icoane / cod HTML:

32×32: taskbar shortcut icon
96×96: desktop shortcut icon (and […]

“Hacking WiFi” folosind un ESP8266

Desi acum mai bine de 8 ani, prin update-ul IEEE 802.11w – 2009 a fost reparata problema pe care o exploatam azi, foarte multi producatori de device-uri nu il folosesc avand in continuare probleme majore. Vulnerabilitatea (cunoscuta si ca “deauth attack”) consta in faptul ca datele care circula prin retea sunt criptate dar nu si management frames-urile.

Aceste management frames sunt folosite atunci cand un Acces Point (router) si un Client (mobil/laptop) trimit intre ei taskuri de discovery, setup sau intrerupere de conexiune. Stiind asta poti sa trimiti frameuri de deconectare catre un device in mod repetat facandu-l sa nu se mai poata conecta la reteaua WiFi.
Daca vrei sa cumperi un device ca cel folosit in video trimite-mi numele si adresa ta […]

Cum optimizam fotografiile pentru web stergand meta-data

Atunci cand vrei sa constuiesti in web-situl tau o pagina cu multe fotografii ar trebui sa iei in considerare si timpul de incarcare. De multe ori fotografiile facute cu o camera sau cu telefonul contin foarte multe informatii (meta-data) de care nu ai nevoie. Stergerea acestor informatii poate reduce dimensiunea de pe disk cu pana la 800%. In video-ul de mai jos am reusit sa reduc dimensiunea unei fotografii de la 5.9 Mb la 0.7Mb fara sa o redimensionez.

Care sunt principalele tipuri de meta-data?

EXIF – “Exchangeable Image File Format” ofera o varietate foarte mare de informatii despre camera cu care a fost facuta fotografia, locatia GPS, setarile camerei si altele.

XMP – “Extensible Metadata Platform” a fost creata de Adobe in […]

Polihack 6

Polihack este un hackathon initiat de Organizatia Studentilor din Universitatea Tehnica din Cluj-Napoca ajuns la a 6-a editie. Evenimentul este adresat tuturor studentilor, deci si cei de la UBB sunt bineveniti. Formularul de inscriere il gasiti aici.

In ce consta

Polihack este un concurs pe echipe ce se desfasoara pe parcursul a 48 de ore. Ideile inscrise trebuie sa faca parte dintr-o categorie precum Embedded, Mobile App, Desktop/Web App. Fiecare echipa va trebui sa lucreze timp de 2 zile la idea lor, iar la final cele mai bune proiecte vor fi premiate. Studentii nu vor lucra singuri ci vor fi sprijiniti de un grup de mentori cu experienta in zona IT.

De ce sa participi

Pe langa lucrurile normale pe care le castigi precum prieteni, idei noi, […]

Tutorial JS – Functii

Functiile sunt niste blocuri de cod foarte utile in orice limbaj de programare. Ele au un scop bine definit si se pot refolosi de mai multe ori cu alte date de intrare (alti parametrii).

Sintaxa unei functii in JS este urmatoarea:
function NUME_FUNCTIE(parametru1, parametru2…){
      CORP FUNCTIE
}

NUME_FUNCTIE(val1, val2…)

function – este un cuvant cheie in JS (nu se poate modifica)
NUME_FUNCTIE – este numele pe care il dam functiei (cat mai explicit)
(parametru1, parametru2…) – contine parametrii sau variabilele care sunt folosite doar in interiorul functiei
{CORP FUNCTIE} – codul care se executa cand functia este apelata
NUME_FUNCTIE(val1, val2…) – apelarea functie (folosirea ei) prin scrierea numelui functiei si adaugarea unor valori

Functia de transformare a gradelor Fahrenheit in Celsius
function toCelsius(g){
[…]

Interviuri tehnice pe Skype

Recent aplicatia de instant messaging Skype a lansat un nou feature adresat oamenilor din IT. Ei au adaugat o functionalitate prin care in interviurile remote angajatorii pot sa testeze si competentele tehnice ale viitorilor angajati oferindu-le posibilitatea de a scrie cod live.

Functionalitatea este disponibila doar in versiunea online a aplicatiei pe Microsoft Edge si Chrome fiind suporate 7 limbaje de programare, C, C++, C#, Java, JavaScript, Python, and Ruby.

Interviurile la distanta prin Skype sunt tot mai populare si in Romania asa ca multi ar spune ca aceasta functionalitate le este de mare ajutor.

Personal cred ca pune putina presiune pe tine in momentul interviului pentru ca angajatorul e in permanenta cu ochii pe tine si pe codul pe care il scrii. […]

1 milion $ pentru 0-day exploit in Tor

Compania americana Zerodium, care are ca obiect de activitate cumpararea de exploituri zero-day a anuntat recent sa ofera 1 milion de dolari pentru o serie de exploituri ale browserului TOR (varianta Tails Linux si  Windows).

Inainte de a face acest anunt compania a mai avut o recompensa record de 500.000$ pentru exploituri in aplicatiile de messaging precum WhatsApp, Signal, Facebook Messenger, iMessage, Telegram.

Pentru cei care nu stiu Tor este un browser care asigura anonimitatea si a fost creat initial de marina americana pentru a fi folosit in comunicatiile guvernamentale ce implica informatii sensibile sau secrete. In prezent acest browser este utilizat si de catre cei care vor sa acceseze Dark Web.

Vulnerabilitatile de tip zero-day presupun gasirea unor probleme majore si exploatarea […]