reprezentare logo Kosson

Tehnologie, biblioteci, arhive și mulți biți

SolutionForODT

Pentru că a fost un chin pentru mine să găsesc o soluție pentru paginarea unei cărți dedicate programării în Javascript.

Pentru a introduce cod colorizat, mai întâi iei textul sursă, îl introduci în https://tohtml.com/jScript/ după care copiezi ce este în Previe într-un fișier Writer (LibreOffice). Salvezi fișierul iar în Scribus faci un frame de text și imporți odt-ul. Modifici fontul să fie un Courier sau un FreeMono și cam asta ar fi.

Asta mi-a luat vreo câteva zile să găsesc soluție. Sper să vă taie timpul de căutare!

Comment (0) Hits: 86
Pentru toți cei care au nevoie de materiale de referință pentru a înțelege anumite aspecte ale limbajului de programare JavaScript, vă invit să considerați spre consultare acest prim release oficial de la https://github.com/kosson/javascript-invat-eu-inveti-si-tu/releases/tag/0.0.1 Este un efort de doi ani deja și încă nu s-a încheiat. Cu drag pentru voi toți.
Comment (0) Hits: 189
Aceste gânduri s-au născut în timpul pregătirii unei prezentări pentru conferința PUBMET, care s-a desfășurat la Zadar, Croația.

Prezentarea o puteți descărca de la următorul link: http://www.slideshare.net/kosson/research-output-as-api-accessible-data

Am visat un vis a unui spațiu colaborativ dincolo de suferințele și convulsiile domeniului comunicării științifice și al prezervării patrimoniului cultural nativ-digital existent. Este un vis tehnologizat a unuia care închide monitorul rar pentru a visa astfel de vise... cel puțin pentru o perioadă.

Prima întrebare este și prima provocare: la ce servește aprecierea printr-un indicator care este contestabil?

Alunecând în vis către nucleu, am văzut un singur limbaj de programare dinamic (JavaScript) care să unească serverul/ele (Node.js) cu aplicația clientului (HTML5 + CSS3), care folosește același limbaj (JavaScript) pentru a construi dinamic aplicația.
Am văzut că datele în sine sunt reprezentate ca un subset al aceluiași limbaj de programare (JSON-LD). Am văzut baza de date care era motorizată tot de JavaScript (MongoDB) și am văzut și motorul de căutare care folosește tot JavaScript (JSON) pentru a face interogările către bază iar rezultate se întorc către client tot în aceeași formă.
Comment (0) Hits: 235

Pentru cei interesați de o resursă deschisă dedicată înțelegerii JavaScript, vă invit să accesați bit.ly/JS-tu-eu

Va fi actualizată cât de des posibil iar scopul final este un manual vizual, care să vină în sprijinul celor care doresc să netezească multe asperități legate de acest limbaj de programare. Resursa nu este una finală și poate suferi multe modificări de acum încolo.

Unele lucruri sunt abia la început, altele chiar sunt bine ilustrate, dar vă las să aruncați un ochi.

Comment (0) Hits: 390

Pentru că este weekend și orice legat de muncă mă face să mă gândesc la o țară caldă, m-am uitat la lista de proiecte de plăcere. Și am găsit notat că trebuie să fac o instalare de LibraryBox. Am aflat că pe 29 decembrie, 2015 lansaseră o versiune actualizată și mă mâncau degetele. Deci, un stick luat de la PirateBox-ul vechi (PirateBox-ul l-am dotat cu un stick e 8 G și am actualizat firmware-ul) și am pus ddwrt-ul și peste am TP-LINK-ul meu MR3040 am pus ultima versiune de LibraryBox.

Trebuie spus din capul locului că LibraryBox este un proiect dezvoltat din codebase-ul celor de la PirateBox: https://www.piratebox.cc

DSC 0030

Pot spune că are o interfață ok, are funcționalitatea lui PirateBox, dar nu are posibilitatea de încărcare a resurselor din interfața web. Acesta este un mare minus față de proiectul original. Deci, cred că voi mai folosi mult și bine PirateBox pentru că tocmai asta era șmecheria, de fapt, să poți distribui rapid resurse între colegi... Nițel dezamăgit.

LibraryBox 2.1 2016 01 16 15 57 19

Comment (0) Hits: 507

 flippingCardCSS

Primul pas este crearea unei liste.
Un element de listă conține două divuri care conțin fața și verso.
Fața are un șir iar pe verso este o imagine.

<div>
  <ul>
    <li>
      <div>1</div>
      <div>
        <img src="/card.svg" alt="verso de card">
      </div>
    </li>
    <li>
      <div>2</div>
      <div>
        <img src="/card.svg" alt="verso de card">
      </div>
    </li>
    <li>
      <div>3</div>
      <div>
        <img src="/card.svg" alt="verso de card">
      </div>
    </li>
    <li>
      <div>4</div>
      <div>
        <img src="/card.svg" alt="verso de card">
      </div>
    </li>
  </ul>
</div>

Stilizarea listei
1. Dai dimensiuni fiecărui element al listei
2. Pui culoare fundalului pentru a vedea efectul diferitelor transformări
3. Float la stânga și scoți bulleturile afișate în listei
4. Pentru că folosim svg-uri, va trebui să le dăm dimensiune și acestora
5. Ceva distanță se pune cu margin între elemente

li-urile la primirea dimensiunilor

li urile primesc dimensiuni 300wh

  
  li {
  width: 300px;
  height: 300px;
  background: green;
  list-style: none;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

li img{
  width: 300px;
}
  
Comment (0) Hits: 463

Extinderea prototipului - schemă

Sper să vă ajute să înțelegeți mai bine așa-zisa „moștenire” prin prototip în JavaScript.

JavaScript un mecanism clasic de moștenire așa cum este așteptat în cazul tipic al moștenirii unei clase copil a caracteristicilor clasei părinte, în fapt, o copiere a acestor caracteristici, după care se nu mai există nicio relație la instanțierea într-un obiect, nu există în JavaScript. De fapt, se poate vorbi de o „delegare comportamentală” și nu de o moștenire în sensul clasic. Obiectele stabilesc legături prototipale prin care se pot face delegări pe lanțul prototipal.

Comment (0) Hits: 519

Pentru că există foarte puțină documentați în limba română pentru JavaScript m-am hotărât să scriu și eu câte ceva. Pentru că îmi place să și desenez, am făcut o schemă după explicațiile lui Kyle Simpson.

JavaScript este un limbaj bazat pe moștenire prototipală - prototypal inheritance

Mantre
- Nu există clase!
- Motorul Javascript construiește automat o metodă Obiect în obiectul window. Această metodă are un obiect foarte important care se numește prototype.
- În cazul tuturor funcțiilor, motorul JavaScript generează un obiect prototype (numeFunctie.prototype).
- Funcțiile sunt legate de obiectul prototip prin metoda .constructor
- Funcțiile nu sunt cele care generează obiectul prototype.
- Fiecare funcție are un prototype object diferit.
- O funcție apelată cu ```new``` în fața sa este un constructor.
- Obiectele pot moșteni alte proprietăți direct din alte obiecte
- [[Prototype]], adică proprietatea .prototype este o legătură de la un obiect la altul. Se obține legătura prin Object.create() sau ca efectul numărul 2 al folosirii cuvântului cheie ```new```. Mecanismul pe care-l realizează .prototype este unul de delegare a cererii pentru referința unei proprietăți sau metode către un oiect mai sus pe lanțul prototipal către un alt obiect.

Comment (0) Hits: 626

Cred că de Markdown sunteți deja sătui... dar ce spuneți de o soluție de construit diagrame direct în text fără să mai treceți prin Inkscape. Iaca soluția vine sub formă de sirenă :)))) da, da, nu e o cioacă.

http://knsv.github.io/mermaid/#mermaid

și repo de pe github https://github.com/knsv/mermaid

Ce-i fain este că au suport și pe Atom (yuuuuum). Mai rămâne de văzut o integrare mai organică în workflowul de editare.

DiagramaCuMermaid

Comment (0) Hits: 501

Diverse prezentări ale unor produse sau edificii ori servicii.

Da, viitorul este unul al mașinilor și al oamenilor care consumă date exprimate lizibil pentru amândoi. aici sunt pașii mei în a înțelege resorturile și eforturile spre acest punct.

Locul în care respectul meu se îndreaptă spre cei mai mari ca mine. Muuuult mai mari ca mine.

Categoria backlogurilor

Pentru că am să împărtășesc și din experiențele mele în lucrul cu softwareul, fie că-l scriu, fie că-l folosesc.
Categoria tehnologiilor web cu care mă jos
Diverse gânduri care sunt doar un fitil pentru posibile articole.