Professional:

1. Poti sa-mi povestesti un pic despre tine ?

Acum 3 ani am facut un training de javascript si m-am angajat la prima firma,
acuma se numeste Life is Hard. Acolo am lucrat pe un proiect, poate ati auzit de
eOkey, folosind AngularJS si ocazionat PHP. Dupa aceea m-am angajat la 3Pillar unde
am lucrat pe diverse proiecte, folosind React, Angular si Node. Unul dintre cele
mai interesante proiecte a fost pentru National Geographic care avea cateva
feature-uri foarte interesante, cum ar fi ca in stanga puteai sa citesti un articol
iar in dreapta aveai imagini sau harti, iar in timp ce faceai scroll harta se
completa cu drumul pe care l-au facut cercetatorii, precum o harta de pirati. Acuma
lucrez pe unul din proiectele de la Cisco, insa nu prea avem taskuri si simt ca
stagnez, si ca sa nu-mi rugineasca skilurile de tot mai lucrez seara la un proiect.

2. Povesteste-mi despre acest proiect.

Sigur. Este vorba de o platforma care genereaza site-uri web folosind un
builder. Ca tehnologii folosesc Angular si Node, iar ceea ce genereaza sunt pagini
statice folosind PUG (Jade).

3. Ce stii despre Greppy ?

Nu tare multe. Am auzit de la un coleg ca de fapt numele firmei este grep.py
si ca faceti mult python. Puteti sa-mi povestiti despre politica firmei ?

4. Ce asteptari ai de la compania noastra ?

Sa pot invata mai mult. Sunt foarte curioasa de Angular si Node si vreau sa
lucrez pe un proiect cu amandoua. Desigur, pot sa invat singura acasa lucrand la
proiectul meu, dar e obositor sa am "2 joburi" in acelasi timp.

5. Care sunt slabiciunile si atuurile tale ?

(Retarded question, interviewer has no idea what she's doing)

6. Ai de gand sa ramai insarcinata in curand ?

Nu ne-am hotarat in privinta asta inca. Momentan si eu, si sotul meu, ne
concentram pe cariera noastra, si trebuie sa recunosc ca-mi place sa ma distrez. Un
copil ar aduce un sfarsit stilului nostru de viata si nu vrem asta inca.

Note: Evita discutiile despre salariu pana la sfarsitul interviului. Nu raspunde la

intrebari de genul "cat castigi acuma", "cate zile de concediu mai ai" si nu
mentiona de vacanta din Thailanda.

7. Cum te-ar descrie prietenii tai ?

(Retarded question, try to be funny)

8. Folosesti cod de pe GitHub sau Stackoverflow ? Contribui ?

Folosesc foarte des dar nu am contribuit niciodata. (Simple and honest this
time)

Note: Raspunde la intrebari cu incredere (chiar si atunci cand nu esti sigura pe

tine) si fi naturala. Ia-ti cateva secunde sa te gandesti cand trebuie sa
povestesti ceva, precum un challenge pe care l-ai avut sau ceva ce te-a enervat.
Respira adanc si vorbeste normal, poti incerca sa faci o gluma sau sa fi
sarcastica, it's all good.

9. Ai intrebari pentru noi ?

- voi putea lucra pe un proiect cu tehnologiile pe care mi le doresc sau dupa
2 luni voi fi mutata pe Backbone sau altceva ?
- cum isi petrec colegii vostri pauzele ?
-
10. Povesteste-mi cateva proiecte la care ai lucrat si ce ti-a placut la ele.
Note: La genul asta de intrebare povestesti business-ul aplicatiei si challenge-ul
care ti-a placut
National Geographic, dupa cum am zis mai devreme, un site cultural care mi-a
si dat batai de cap cand am implementat harta cu articolele ce se incarcau lazy
loading, eOkey care a fost primul meu mare proiect pentru care pot sa zic ca totul
a fost nou si super interesant, iar acum pe proiectul de la Cisco, din pacate nu va
pot da multe detalii deoarece nu vreau sa incalc NDA-ul, dar ce pot sa va zic este
ca am folosit ultimile tehnologii, dedicam mult timp sa testam fiecare feature,
facem scram in fiecare zi, in mare este foarte strict si precis.
Definition: NDA - Non Disclosure Agreement - un contract prin care esti deacord sa
nu oferi date sensibile din afacerea clientului

Note: Daca mentionezi de NDA si nu dai detalii multe, angajatorii vor avea mai
multa incredere in tine si ca nu vei imparti informatiile cu oricine.

11. Ai zis ca ai lucrat cu Node, ce ne poti spune despre asta ?

Nu pot spune ca e o diferenta uriasa intre a lucra pe front-end sau back-end
cu javascript. Marea diferenta o fac librariile pe care le folosesc, de exemplu:
Express pentru a crea rute, restrictiona acces, pentru a crea un API, Mongoose,
care este un ORM pentru MongoDB, pe care l-am folosit sa-mi creez structura bazei
de date impreuna cu toate functiile pe care le ofera (find, findOne, update, save,
etc), Multer pe care l-am folosit sa trimit fisiere catre server, PUG ca sa creez
fisiere HTML din template-uri pe server in loc de front-end, si multe altele.
Definition: ORM - Object Relationship Mapping - adica exista un tabel in baza de
date care arata exact ca obiectul tau si mapeaza fiecare coloana din tabel
(username, password, etc) la un field din obiect.

Note: Daca vrei sa mai insiri librarii poti mentiona: mailer (trimite emailuri
catre GMail, Yahoo, etc), moment (precizie si parsare de timp), request (trimite
requesturi catre un alt server), socket.io (web-sockets), fs (file system - crezi
fisiere, stergi, modifici, etc)

12. Unde te vezi in urmatorii 5 ani ?

(Retarded question) Cel mai probabil ca team-lead sau chiar arhitecta pe un
proiect. Nu prea am inclinatii spre project management.

13. Poti sa-mi descrii procesul prin care rezolvi un bug ?

Ah, depinde foarte mult de bug. Dar ca sa incerc sa fac o generalizare, intai
incerc sa-l reproduc apoi incerc sa-i gasesc cateva simptome: ma uit in consola
daca este vreo eroare, verific in network daca requesturile se executa in ordine,
daca sunt url-urile corecte, metodele corecte (GET, POST, etc), daca se trimit
datele care trebuie si daca primesc de la server ce ma astept, urmaresc codul linie
cu linie pana ajung la o discrepanta. Alteori ma uit in DOM, nu o data mi s-a
intamplat ca codul sa fie corect dar actiunea sa fie ascunsa din cauza unei clase
de CSS gresita. Alteori e o problema de pointeri, dar cele mai frecvente sunt
cazurile in care cineva a scris gresit un cuvant.

14. Ce tool-uri folosesti pentru a depista bug-urile ?

Consola si browserul. Nu am nevoie de nimic mai mult.

15. Ai fi dispusa sa lucrezi peste program cand e nevoie ?

De ce, e un lucru care se intampla frecvent ?
Nuuuu, nu, doar intreb.
Atunci sunt dispusa s-o fac intr-o situatie exceptionala, dar in niciun caz
nu va deveni o obisnuinta.

16. Cat de confortabila esti in a scrie HTML si CSS ?

(Red flag) Ma descurc destul de bine cu amandoua insa sper ca nu in asta
consta acest job.

Note: Arata ca esti dispusa sa ajuti in cazuri grave, nu ca te doare-n cot, dar
exprima ferm faptul ca te astepti ca asta sa nu se intample.

Technical:

Note: Cand nu stii un raspuns incearca sa zici ce crezi ca ar fi decat sa spui "nu
stiu". Efortul este mult apreciat, inseamna ca ai incercat, indiferent daca
raspunsul e la o mila distanta.

1. Ce este REST ?
Un protocol de comunicare intre client si server folosind ajax. In standard-
ul REST se gasesc metodele de GET (Read), POST (Create), PUT (Update) si DELETE
(Delete). Altele de mentionat ar fi OPTIONS si PATCH.

2. Care este diferenta intre Null si Undefined ?

Undefined este o valoare global setata de javascript cand o instanta nu
primeste valoare, iar null este o valoare setata de programator sa indice ca
valoarea a fost stearsa.

3. Ce este Delegation ?
Delegation e des intalnit la meniuri sau liste, dar nu numai. In loc sa
atasezi un event listern, de exemplu click, pe fiecare item in parte, atasezi unul
singur pe parinte si delegi itemurile, astfel incat sa optimizezi codul.

4. Cum rezolvi un closure in loop ?

Pui un self executing function in loop:

let array = [1, 2, 3]

for (let i = 0; i < array.length; i++) {
setTimeout(function() {
console.log(i); // 3 3 3
}, 100);
}

for (let i = 0; i < array.length; i++) {

(function(index) {
setTimeout(function() {
console.log(index); // 0, 1, 2
}, 100);
})(i);
}

5. Ce sunt socketurile ?
Socketurile sunt canale de comunicare persistente prin care clientul si
serverul pot timite mesaje oricand, de exemplu daca ai nevoie de notificari in real
time sau chat.

6. Ce este long pool ?

Solutia preistorica a socketurilor. Clientul face un request la care serverul
va raspunde daca are date noi. De indata ce datele sunt primite sau requestul
expira, se face un altul.

7. Ai folosit vreodata prototype ?

Nu, dar inteleg conceptul. Atasezi functii si variabile unui obiect, e
echivalentul creari claselor in alte limbaje sau ceea ce face typescript acuma.

8. Ce este CORS ?
 Cors este un protocol care permite share-urirea de resurse intre domenii.

9. Ce optimizari ai face ca sa cresti performantele unei aplicatii web ?

Optimizarea de imagini, cel putin pentru mobile si desktop.
Minifierea fisierelor de css si js, iar daca HTTP 2 nu este disponibil,
combinarea lor intr-un singur fisier.

Note: Mentioneaza cu orice ocazie de tool-uri pe care le folosesti: Atom ca IDE,

librarii precum color picker, file upload, harta, etc.

10. Ce sunt si daca ai folosit vreodata SVG-uri.

Nu am folosit, dar sunt imagini vectoriale generate folosind o formula
matematica. In general sunt folosite atunci cand se doresc animatii, dar procesul
de creare a unui SVG e destul de lung.

11. Care este diferenta intre bind, apply si call ?

Toate 3 fac o functie sa fie apelata de oricine este desemnat ca "this". Bind
creaza o functie noua ce poate fi apelata oricand in timp ce Call si Apply apeleaza
functia in acel moment. Diferenta intre Apply si Call este ca unul primesti
parametrii insiruiti normal, dupa this, iar cealalta primeste un array in care se
afla toti parametrii.

12. Cum creezi CSS responsive ?

Daca va referiti la framework-uri, Bootstrap. De obicei aplicatiile pe care
le fac sunt atat de custom incat Bootstrap nu ma ajuta, asa ca-mi fac propriul meu
CSS responsive avand flex la baza. Flex este un atribut destul de nou dar suportat
de toate browserele care, impreuna cu width, max-width si min-width, poate face un
design responsive foarte usor si fara batai de cap.

Note: La toate intrebarile tehnice, chiar daca nu stii exact care-i raspunsul
incearca sa faci o asociere cu altceva ce stii. De multe ori o sa vezi ca stiai
doar ca au folosit termeni la care nu te asteptai.

13. Cu ce te ajuta atributul de "data" intr-un tag ?

Atributul data este folosit pentru a asigna valori custom unui tag, spre
exemplu de identificare sau valori ascunse.

14. Poti sa-mi spui cateva API-uri din browser pe care le cunosti ?
Media API, Application Cache API, History API, Local Storage API, Geolocation
API, etc.

15. Cum creezi un link catre un element din aceeasi pagina ?

Tagului de <a> va contine ca redirect un url care incepe cu # si se continua
cu un id care exista in aceeasi pagina. In acest caz, pagina se va deschide direct
la id sau va face scroll la el.

16. Care este marea diferenta intre visibility: hidden si display: none ?
Visibility va ascunde obiectul dar inca va ocupa spatiul alocat lui, in timp
ce display nu.

17. Ce este event bubbling ?

Event bubbling este ideea ca un event trece prin mai multe controllere,
precum o bula de aer prin mai multe straturi de apa. Mai exact, daca atat un tag
cat si parintele sau are atasat cate un event listener de click, ambele vor fi
apelate in ordinea importantei, intai cel de pe tag apoi cel de pe parinte. De
asemenea, acest concept se aplica si pentru cand ai mai multe event listenere
atasate aceluiasi tag, ele executandu-se in ordine. Aceasta ordine poate fi oprita
folosind functia de stopPropagation.
18. Ce este o functie anonima ?
O functie fara nume. (doooh)

19. Ai auzit de MVC ? Dar de MVVM ?

Ambele sunt design patterns. MVC inseamna Model View Controller si presupune
ca ai un Model, sa zicem un obiect user cu username si password, un View, sa zicem
un formular cu cele 2 field-uri, si un Controller, o clasa de javascript care
injecteaza datele din model in view si invers. MVVM este foarte asemanator doar ca
lipseste controller-ul, lucru des intalnit in framework-uri precum Angular.

20.

Foreign Languages

1. Ce limbi straine cunosti ?

Engleza, etc, si romana (poti sa fi funny aici, etaleaza-ti umorul).

2. Poti sa-mi spui ceva in engleza ?

Sure. Let me see (gandeste-te vreo 2-3 secunde)... I enjoy reading, quite a
lot, mostly romantic or adventure stories. One of my colleagues recommended me a
fantasy book, not a huge fan, but I gave it a shot and to my surprise I actually
enjoyed it more than I thought I would. So far I think I've read over 100 books.