markdown + bongeszok Flashcards
Jelölőnyelvek
A jelölőnyelvek szöveg annotálására szolgáló számítógépes nyelvek.
Lehetővé teszik szövegrészekhez metaadatok megadását a szövegtől jól elkülöníthető módon.
példák jelölőnyelvekre
- AsciiDoc https://asciidoc.org/
- Markdown https://daringfireball.net/projects/markdown/
- TeX, LaTeX https://www.latex-project.org/
- troff (man oldalak) https://www.gnu.org/software/groff/
- Wikitext https://en.wikipedia.org/wiki/Help:Wikitext
- XML https://www.w3.org/XML/
Mi a Markdown?
A Markdown egy pehelysúlyú jelölőnyelv sima szöveges formázási szintaxissal.
A Markdown jellemzői
- Könnyen olvasható és könnyen írható sima szöveges formátum.
- Különféle kimeneti formátumokba alakítható (például HTML-be).
- Kifejezetten a speciális ismeretekkel nem rendelkező felhasználókat célozza meg.
- Szintaxisát főleg a sima szöveges email formázás ihlette.
Szabványosítás
- A Markdown-t eredetileg John Gruber fejlesztett ki 2004-ben Aaron Swartz közreműködésével.
-CommonMark:- A Markdown egy egyértelmű szintaxis specifikációja.
- Egy tesztkészlet is biztosít az implementációk a specifikációnak való megfelelésének ellenőrzéséhez.
Markdown változatok
- GitHub Flavored Markdown (GFM)
- Pandoc’s Markdown
markdown Gyakorlati felhasználások
konverzios eszkozok:
- Pandoc: css kodda alakit
- Mermaid: folyamatabrat keszit
A böngészők felépítése és komponensei
- UI (UI backend)
- bongeszo motor (data storage)
- renderelo motor (network, JS motor, UI backend)
felhasználó felület
- A felhasználói felülethez tartozik a címsor, a
gombok (például, vissza, előre, frissítés),
menük, stb. - Beletartozik a böngésző minden látható része,
annak a területnek a kivételével, ahol a
weboldal megjelenítésre kerül.
böngészőmotor
- Egy magas szintű interfészt biztosít a
renderelő motor manipulálásához. - Közvetítő szerepet tölt be a felhasználói felület
és a renderelő motor között. - Kezeli az adattároló komponenst.
renderelő motor
- A böngészők egy kulcskomponense.
- Feladata webes tartalom (például egy HTML
vagy XML dokumentum) vizuális
reprezentációjának létrehozása egy kimeneti
eszközön való megjelenítés céljából.
hálózati komponens
A hálózati komponens felelős a hálózati
kommunikáció kezeléséért, beleértve:
– HTTP kérések és válaszok
– WebSocket API
– WebRTC
Egy platformfüggetlen interfészt biztosít, mely
mögött platform specifikus API-k kerülnek
felhasználásra.
fo js motorok
- SpiderMonkey (programozási nyelv: C++/Rust/JavaScript; licenc: Mozilla Public License 2.0)
- V8 (programozási nyelv: C++; licenc: New BSD License), chromium
- JavaScriptCore (programozási nyelv: C++; licenc: LGPLv2), apple
UI back-end
- Az UI back-end felelős a böngészőben a
rajzolásért. - Egyaránt használják a felhasználói felület
elemek és a weboldal megjelenítéséhez. - Egy platformfüggetlen interfészt biztosít, mely
mögött platform specifikus API-k kerülnek
felhasználásra.
adattároló
Az adattároló felelős az adatok perzisztens
tárolásáért, a következőkhöz használják:
– HTTP sütik
– HTTP gyorsítótárazás
– Indexed Database API (IndexedDB)
– Web Storage API
A főbb renderelő motorok
- WebKit (apple, c++)
- Blink (chromium, c++)
- Gecko (mozilla, c, c++, js, rust)
fő asztali és mobil böngészők
- Chromium, Google Chrome
- Firefox
- Opera
- Safari
- Microsoft Edge
Böngésző kiegészítők
Egy böngésző kiegészítő egy böngésző
megjelenését vagy viselkedését testreszabó
szoftvermodul.
– A kiegészítők fajtái: kiterjesztések, nyelvi
csomagok, témák, plugin-ek
böngésző kiterjesztések
Egy böngésző kiterjesztés egy olyan
kiegészítő, mely egy böngésző viselkedését
módosítja, azaz új funkcionalitást ad hozzá
vagy létező funkcionalitást módosít.
“Fej nélküli” (headless) böngészők
Egy „fej nélküli” (headless) böngésző egy grafikus
felhasználói felület nélküli böngésző.
– Programozottan vezérelhető.
Lehetséges alkalmazások:
– Webalkalmazások automatikus tesztelése
– Weboldalakkal történő interakció automatizálása
– Képernyőképek készítése weboldalakról
– Információ kinyerés weboldalakból (web scraping)
Az about URI séma
- Az about URI sémát széles körben használják a
böngészők ahhoz, hogy hozzáférést adjanak a belső
erőforrásaikhoz, mint például a beállítások,
alkalmazás információk vagy rejtett beépített
funkciók (például „húsvéti tojások”). - Bizonyos böngészők az about URI-kat a saját
ekvivalens megfelelőikre képezik le, a
sémanevet (about) a nevükre (mint például
chrome, opera vagy edge) kicserélve.