Jump to content

c3m3d3

Members
  • Content Count

    31
  • Joined

  • Last visited

  • Days Won

    4

c3m3d3 last won the day on May 6

c3m3d3 had the most liked content!

Community Reputation

-4092

1 Follower

About c3m3d3

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Prin meniu te referi la un drawer? Nu fac Android nativ, dar, nu ai putea să creezi drawer-ul și să pui o animație de loading în el pentru toți, iar mai apoi după ce primești datele din firebase să updatezi state-ul și să adaugi iteme în el?
  2. 1. înveți Javascript 2. Înveți Electron.js -> https://electronjs.org/ 3. Folosești D3.js -> https://www.d3-graph-gallery.com/ 4. În final o să ai aplicație ce rulează independent atât pe linux, osx și windows 5. Profit??
  3. Hmmm, aveți încredere să vă țineți salariul în Revolut?
  4. Dacă scopul tău e să ai un job cât mai repede, atunci mai degrabă învață JavaScript. Caută cursuriile lui Mosh de Javascript Basics, apoi JavaScript OOP. Le găsești pe Udemy cât și pe site-uri de torrente. Mai apoi învață React.js și ești good to go
  5. c3m3d3

    Switch Color

    Perfect! Până în acest punct ai reușit să salvezi culoarea aleasă în LocalStorage. Valoarea aia o să rămână acolo și după refresh. Acum tot ce ai de făcut este să accesezi respectiva valoare după ce pagină s-a încărcat. Repet, ca să accesezi ceva din localStorage folosești: localStorage.getItem('numeCheie'); Partea asta de mai sus îți caută cheia respectivă în localStorage. Și îți returnează ce a găsit în ea. Mai departe, este cam irelevant dacă ți-o returnează și tu nu o stochezi nicăieri, deci o pui într-o variabilă în modul ăsta. let culoareaMea = localStorage.getItem('myColor'); Acum, variabila culoareaMea conține valoarea pentru cheia myColor din localStorage. Ce trebuie să faci mai departe este ca atunci când pagina s-a încărcat, să setezi culoarea pentru respectivul div cu valoarea din culoareaMea. Văd că folosești ceva CMS și mă gândesc că HTML-ul este generat din mai multe părți și poate nu vrei să te complici să vezi de unde e generat, așa că în acest context poți să te folosești de un alt event listener. Sunt două mari event-uri în JavaScript ce sunt emise în momentul în care se încarcă o pagină și anume: DOMContentLoaded și load. - DomContentLoaded este emis imediat ce DOM-ul a fost încarcat ( Doar HTML-ul fără CSS și imagini ) - load este emis după ce totul a fost încărcat ( DOM / CSS / Imagini ) În cazul tău, load este event-ul pe care trebuie să-l "asculți" deoarece tu modifici CSS. Iar treaba asta o faci în felul următor: <script> // Aici așteptăm eventul de 'load' ca să știm când s-a încărcat pagina window.addEventListener("load", function(){ const culoareaPrecedenta = String( localStorage.getItem('myColor') || '#fff' ); // Aici iau culoarea precedentă din localStorage // De asemenea o transform în String ca să nu fie probleme document.getElementById('content_box').style.background = culoareaPrecedenta; // Aici schimb culoarea actuală cu ce avem în localStorage }); </script> Pune treaba asta la sfârșitul paginii
  6. Salut, pot eu să-ți dezvolt atât pentru IOS cât și Android
  7. c3m3d3

    Switch Color

    Dacă folosești Chrome, în Developer Tools poti vedea acolo ce ai în Local Storage. Apasă F12, apoi du-te la tab-ul Application, iar în stânga o să-ți apară "Storage". Sub Storage o să ai Local Storage cu mai multe site-uri, caută site-ul tău și deschide-l. Mai departe de acolo ai să vezi toate cheiile și valoriile din LocalStorage setate de respectivul site, în cazul tău trebuie să apară ceva cu cheia "MyColor" și o anumită valoare. Rămâi cu consola deschisă atunci când schimbi culoarea și vezi dacă se adaugă ceva acolo sau nu.
  8. c3m3d3

    Switch Color

    Cum ai făcut? Încearcă ca imediat după ce s-a încărcat pagina să verifici dacă variabila din localStorage propusă de Gecko, conține culoare. Asta deoarece funcția ta este apelată doar atunci când alegi ceva din acel select, nu și când se-ncarcă pagina, prin urmare culoarea nu are cum să fie schimbată. Funcția changeBack ar trebui să arate în felul următor: const changeBack = () => { // Aici luamm o culoare let back = document.getElementById('colorPicker').value; // Aici stocam culoarea in localStorage sub denumirea 'myColor' localStorage.setItem('myColor', String(back)); // Aici setăm culoarea unui element cu valoarea aleasă document.getElementById('content_box').style.background = back; } Până în acest punct ceea ce ai făcut a fost că ai stocat o culoare în LocalStorage, mai departe trebuie să iei culoarea respectivă după ce s-a încărcat pagina și să o setezi pe un element. Pentru asta, poți de exemplu să asculți event-ul onLoad pe <body>. Ex: <body onload="functiaMea()" Iar functiaMea() poate să fie ceva de acest gen: const functiaMea = () => { // Aici iau culoarea precedenta din localStorage, iar dacă una precedenta nu există se va returna codul pentru culoarea albă const culoareaPrecedenta = localStorage.getItem('myColor') || '#fff'; // Aici schimb culoarea document.getElementById('content_box').style.background = culoareaPrecedenta } Ca și bonus: Am să asum că ești începător, și mă gândesc că modul în care Gecko verifică culoarea precedentă te pune în confuzie și ți se pare criptic, mă refer la: const culoareaPrecedenta = localStorage.getItem('myColor') || '#fff'; Aici pornește de la faptul că funcția getItem() ce aparține de LocalStorage, returnează false sau true în funcție de dacă a găsit cheia respectiva ( 'myColor' ) sau nu. Mai departe, pe baza acestui lucru poți face diferite verificări. @Gecko a ales să se folosească de modul în care expresiile sunt evaluate în JavaScript, și să folosit de operatorul OR ( || ) ca să scrie asta mai pe surt. Ca să-ți faci o idee, expresia de mai sus se poate scrie și sub forma: let culoareaPrecedenta = null; if( localStorage.getItem('myColor') === true ) { culoareaPrecedenta = localStorage.getItem('myColor'); } else { return '#fff' } // În JavaScript condițiile din if sunt toate "transformate" în booleans ( true or false ) prin urmare dacă dorești să verifici dacă ceva e adevarat, poți să renunti la " === true ", // iar if statement-ul tău poate să fie și în modul: if( localStorage.getItem('myColor') ) { // do stuff } Totuși e cam lunguiața, deci o variantă mai scurtă ar fi folosind shorthand if statements aka așa: // În prima fază verifici dacă există o culoare, în a 2-a fază dacă există o returnezi, dacă nu returnezi culoarea albă let culoareaPrecedenta = localStorage.getItem('myColor') === true ? localStorage.getItem('myColor') : '#fff'; // Totuși, ții minte ce am spus mai sus legat de evaluarea expresiilor? Ea poate să fie scrisă și mai scurt așa: let culoareaPrecedenta = localStorage.getItem('myColor') ? localStorage.getItem('myColor') : '#fff'; Știind aceste lucruri, poți să te folosești de modul în care expresiile din stânga și dreapta operatoriilor sunt evaluate și să ajungi la varianta originală care este una scurtă. În cazul operatorului OR ( || ) condițile din stânga și dreapta lui sunt evaluate la True sau False. Și la nivel fundamental, la executare o să ajungi să ai ceva de acest gen: let color = localStorage.getItem('myColor') || '#fff'; // Aici e posibil ca funcția getItem să returneze False, by default în JavaScript orice String este evaluat ca și True. // Prin urmare dacă culoarea ta nu este găsită se va ajunge la ceva de genul: let color = false || "#fff" // Mai departe, având în vedere că operatorul OR păstrează doar condițiile adevărate ( TRUE ), iar string-urile sunt TRUE, se va ajunge la: let color = "#fff"; Iar dacă ar fi ca localStorage să conțina o valoare adevărată, atunci s-ar ajunge la true || true, iar având în vedere că în JavaScript expresiile sunt executate de la stânga la dreapta, se va păstra ce este în partea stângă a operatorului. În acest mod, poți face tot felul de chestii cu operatori, să zicem că dacă dorești ca atunci când nu există o culoare precedentă, să nu faci nimic. Ei bine poți să te folosești de operatorul AND ( && ) pentru asta și să faci ceva de genul: let color = localStorage.getItem('myColor') && localStorage.getItem('myColor'); Prin treaba de mai sus, color o să fie setat 'undefined' în functie de dacă există sau nu o culoare setată înainte Poți să-mi scrii dacă ai nevoie cu ajutor legat de JavaScript în general. Spor!
  9. Bre nu ești capabil să folosești un map() și filter() și îți permiți să faci gură? :(
  10. Salut, poți să-mi trimiți și mie PM cu mai multe detalii. Eu aș fi preferat să ți-l fac în node.
  11. Ahaha BETIT. I-am scris eu acum cativa ani un articol pe blog, m-a platit cu 5 dolari apoi mi-a sters contul si si-a asumat toate drepturile de autor. Articolul a fost cel mai de success articol pe care l-a avut site-ul lui de stiri vreodata. (Inginerie Sociala & Facebook stuff)
  12. Esti Aerosol sau Kronzy? Damn, long time no see. Ohh, Sith. Imi amintesc cand m-ai invatat de networking si futut minore, ti-am folosit sfaturile. Cat despre BTC, n-aveam eu mare avere.
  13. Presupun ca vulnerabilitatea este in form-ul de pe careers.google.com. Macar acum stiu sigur ca acel mesaj este automat.
  14. Salutare RST. Planuiesc sa cumpar o subscriptie pe un an pe FrontEndMasters. Subscriptia costa $390 pe an, si ofera access la toate cursuriile si path-urile de la ei, eu sunt interesat in general de cele avansate de javascript. Ma gandeam ca poate mai gasesc pe aici persoane interesate (3-4) ce ar fi dispuse sa cumparam un cont impreuna ca sa benificiem de preturi mai reduse. Este cineva interesat?
  15. Salut gaddafi, da intr-adevar sunt trecut la 6 ore pe zi. Legat de overtime nu am fost nevoit sa fac asta pana acum. Lucrez remote si programul este foarte flexibil, in general nu ajung nici la alea 6 ore pe zi. Iar de obicei daca este mult de munca mai si dorm intre ore, aka 3 ore dimineata, dorm cateva ore, si mai bag 2-3 ore dupa. Pe langa asta, de obicei cam 30minute - 1 ora din alea 6 ore este petrecuta in sedinte de status checking. Life's good ❤️
×
×
  • Create New...