Begrippen en termen

Digi-V, Web, Webdesign

In de lessen worden veel begrippen gebruikt. Google ze voortdurend als er eentje niet duidelijk voor je is, zoals deze:

  1. 2Factor
  2. Adblcoker
  3. Bericht, Pagina, Categorie en Tag, allemaal in WP
  4. Bit en Byte
  5. Block editor in WP
  6. Browser
  7. Classic Editor van WP
  8. CMS
  9. DNS, poorten
  10. Domein
  11. Ethernet en LAN
  12. FTP
  13. HTML & CSS
  14. Kb / Mb / Gb / Tb
  15. Mb/s (Megabit per seconde) vs MB/s (MegaByte per seconde)
  16. Modem
  17. Page Builder in WP
  18. PHP, javascript
  19. Plugins
  20. Provider: hosting provider en access provider
  21. Router
  22. SEO en Yoast
  23. Server, Webhosting
  24. Slash
  25. Slider, Carousel, Lightbox
  26. Social Sharing buttons
  27. Speedtest
  28. SSD
  29. SSL, https://, http:// en www
  30. Templates in WP
  31. Top-level domain extension – TLD
  32. Upload – Download
  33. URL, adresbalk, CMD L
  34. UTP-kabel
  35. Widgets in WP
  36. WP Dashboard, admin, backend / frontend

Claude.ai

Claude.ai legt het zo uit:

  1. 2Factor: Een extra beveiligingsstap naast een wachtwoord, zoals een sms-code.
  2. Adblocker: Software die advertenties op websites blokkeert.
  3. In WordPress (WP) heb je:
    • Berichten: blog-posts gesorteerd op datum.
    • Pagina’s: Statische inhoud.
    • Categorie: Groepering van berichten en pagina’s.
    • Tags: Trefwoorden voor berichten en pagina’s.
  4. Bit: Kleinste data-eenheid (0 of 1). Byte: 8 bits.
  5. Block editor in WP: Nieuwe editor die inhoud in blokken structureert.
  6. Browser: Software om websites te bekijken (bijv. Chrome, Firefox).
  7. Classic Editor van WP: Traditionele teksteditor in WordPress.
  8. CMS: Content Management System, beheersysteem voor websites.
  9. DNS: Vertaalt domeinnamen naar IP-adressen.
    Poorten: Communicatiekanalen voor netwerken.
  10. Domein: Unieke naam voor een website (bijv. google.com).
  11. Ethernet: Standaard voor bekabelde netwerken.
  12. FTP: File Transfer Protocol, voor bestandsoverdracht tussen computers.
  13. HTML: Opmaaktaal voor webpagina’s.
    CSS: Stijltaal voor vormgeving.
  14. Kb/Mb/Gb/Tb: Kilobyte/Megabyte/Gigabyte/Terabyte, opslagcapaciteit-eenheden.
  15. Mb/s: Megabit per seconde (netwerk).
    MB/s: Megabyte per seconde (opslag).  MegaByte is 8 Megabit.
  16. Modem: Apparaat dat digitale signalen omzet voor internetverbinding.
  17. Page Builder in WP: Visuele editor voor pagina-opmaak in WordPress.
  18. PHP: Servertaal voor dynamische websites.
    JavaScript: Clienttaal voor interactieve websites.
  19. Plugins: Add-ons voor extra functionaliteit in WordPress.
  20. Provider:
    • Hosting provider: Levert webhosting.
    • Access provider: Levert internetverbinding.
  21. Router: Stuurt data tussen netwerken.
  22. SEO: Zoekmachineoptimalisatie.
    Yoast: Populaire SEO-plugin voor WordPress.
  23. Server: Computer die diensten levert.
    Webhosting: Opslagruimte voor websites.
  24. Slash: Schuine streep (/) in URL’s, geeft een map aan
  25. Slider/Carousel: Roterende afbeeldingen.
    Lightbox: Pop-up voor afbeeldingen.
  26. Social Sharing buttons: Knoppen om content te delen op sociale media.
  27. Speedtest: Meet internetsnelheid.
  28. SSD: Solid State Drive, snelle opslagschijf.
  29. SSL: Beveiligingsprotocol. HTTPS://: Beveiligde verbinding. HTTP:// en WWW: Standaard URL-prefixen.
  30. Templates in WP: Vooraf ontworpen pagina-indelingen in WordPress (sjablonen).
  31. TLD: Top-level domain, laatste deel van een domeinnaam (.com, .nl).
  32. Upload: Bestanden naar server sturen. Download: Bestanden van server halen.
  33. URL: Webadres. Adresbalk: Invoerveld voor URL’s. CMD+L: Sneltoets voor adresbalk.
  34. UTP-kabel: Netwerkkabel voor ethernet.
  35. Widgets in WP: Kleine functionaliteiten voor zijbalken of voetteksten.
  36. WP Dashboard: Beheerpaneel. Admin/backend: Beheergedeelte. Frontend: Zichtbare website.
    • Het WordPress Dashboard is het centrale beheerpaneel dat u ziet na het inloggen.
    • “Admin” en “backend” verwijzen naar het beheerdersgedeelte van WordPress, waar u content beheert en instellingen configureert.
    • De “frontend” is wat bezoekers van uw website zien.
    • De backend is beveiligd met inloggegevens, terwijl de frontend meestal openbaar toegankelijk is.

Gemini uitleg

De AI van Google deelt de antwoorden op in twee groepen en sorteert het ook verder:

Algemene computerbegrippen

  1. Bit: De kleinste eenheid van data in een computer, representatief voor een binaire waarde (0 of 1).
  2. Byte: Een groep van 8 bits, vaak gebruikt om één karakter weer te geven.
  3. Kb, Mb, Gb, Tb: Kilobyte, Megabyte, Gigabyte, Terabyte – eenheden voor het meten van digitale data, telkens 1000x groter.
  4. Mb/s vs MB/s: Mb/s staat voor megabits per seconde (dataoverdrachtssnelheid), terwijl MB/s staat voor megabytes per seconde (MB = Mb x 8).
  5. Ethernet: Een netwerktechnologie gebruikt om apparaten via een lokaal netwerk (LAN) met elkaar te verbinden.
  6. FTP: File Transfer Protocol – een standaard netwerkprotocol gebruikt voor het overbrengen van computerbestanden tussen een client en een server.
  7. DNS: Domain Name System – een systeem dat leesbare domeinnamen omzet naar machineleesbare IP-adressen.
  8. Poorten: het netwerk gebruikt poortnummers om specifieke applicaties of diensten te identificeren. Zo heeft inkomende mail een andere poort dan uitgaande mail.
  9. Router: Een netwerkapparaat dat datapakketten doorstuurt tussen verschillende netwerken.
  10. Modem: Een apparaat dat datasignalen moduleert en demoduleert om data te verzenden.
  11. Speedtest: Een tool gebruikt om de internetsnelheid te meten.
  12. SSD: Solid-State Drive – een opslagapparaat dat het veel snellere flashgeheugen gebruikt in plaats van roterende schijven.
  13. UTP-kabel: Unshielded Twisted Pair kabel – een veelgebruikt type netwerkkabel.

Web development begrippen

  1. HTML & CSS: HyperText Markup Language en Cascading Style Sheets – de fundamentele talen gebruikt om webpagina’s te maken.
  2. PHP, JavaScript: Programmeertalen vaak gebruikt voor web development.
  3. CMS: Content Management System – een software applicatie gebruikt om digitale content te creëren en beheren.
  4. WordPress (WP): Een populair open-source CMS gebruikt voor het maken van websites en blogs.
  5. WP Dashboard, Admin: Het controlepaneel waar gebruikers hun WordPress website beheren.
  6. Backend / Frontend: Het gedeelte van een website dat niet zichtbaar is voor de gebruiker (backend) en het gedeelte dat de gebruiker ziet (frontend).
  7. Templates in WP: Voorgedefinieerde lay-outs die aangepast kunnen worden om verschillende pagina’s en berichten te maken. Sjablonen.
  8. Widgets in WP: Kleine, zelfstandige modules die toegevoegd kunnen worden aan verschillende gebieden van een WordPress website.
  9. Plugins: Software-extensies die functies en functionaliteiten toevoegen aan een WordPress website.
  10. SEO: Search Engine Optimization – het optimaliseren van een website om beter gevonden te worden in zoekmachines.
  11. Yoast: Een populaire WordPress SEO plugin.
  12. Slider, Carousel, Lightbox: Interactieve elementen gebruikt om meerdere afbeeldingen of content weer te geven.
  13. Social Sharing Buttons: Knoppen waarmee gebruikers content kunnen delen op sociale media platformen.
  14. Templates: Voorgedefinieerde lay-outs die aangepast kunnen worden om verschillende pagina’s en berichten te maken. Sjablonen.
  15. Top-Level Domain Extension (TLD): Het gedeelte van een domeinnaam dat komt na de laatste punt (bijv., .com, .org, .net).
  16. URL: Uniform Resource Locator – een webadres dat de locatie van een resource op internet specificeert.
  17. Adresbalk, CMD L: Het gebied in een webbrowser waar je URL’s invoert en de toetsencombinatie om snel naar de adresbalk te gaan.
  18. Provider: Een bedrijf dat internettoegang of webhosting diensten levert.
  19. Hosting Provider: Een bedrijf dat ruimte op een server biedt voor websites.
  20. Access Provider: Een bedrijf dat internettoegang biedt.
  21. Server: Een computer die diensten levert aan andere computers op een netwerk.
  22. Webhosting: De dienst van het bieden van ruimte op een server voor websites.
  23. Domein: Een unieke naam die een website op internet identificeert.
  24. Slash: Een karakter gebruikt om verschillende delen van een URL te scheiden.
  25. Upload, Download: Bestanden overbrengen van een lokale computer naar een externe server (upload) of andersom (download).
  26. Classic Editor: De oorspronkelijke teksteditor in WordPress voor de introductie van de Block Editor.
  27. Block Editor: De nieuwe visuele editor in WordPress, die blokken gebruikt om content te bouwen.
  28. Page Builder: Een plugin of tool waarmee gebruikers aangepaste pagina-layouts kunnen maken zonder code te schrijven.
  29. Bericht: Nederlands voor ‘Post’, gesorteerd op datum, ofwel Blog-post
  30. Pagina: Nederlands voor ‘Page’. Satische pagina, ofwel traditionele website. Hier meer over het verschil
  31. Categorie: onderverdeling voor Berichten-en Pagina’s.
  32. Tag: Label of trefwoord gebruikt om Berichten en Pagina’s nog verder onder te verdelen.
  33. 2Factor: Two-factor authentication, een beveiligingsmethode die twee verschillende vormen van identificatie vereist, meestal met je telefoon erbij
  34. Adblocker: Software dat advertenties op websites blokkeert.
  35. SSL: Secure Sockets Layer – een beveiligingsprotocol dat data versleutelt die over het internet wordt verzonden.
  36. https://, http://, www: Delen van een URL die het protocol (https of http) en de domeinnaam (www) aangeven. De S staat voor Secure.

Claude.ai – wat zijn de 25 belangrijkste begrippen in web development?

  1. HTML: Opmaaktaal voor het structureren van webpagina’s.
  2. CSS: Stijltaal voor het vormgeven van webpagina’s.
  3. JavaScript: Programmeertaal voor interactieve webfunctionaliteit.
  4. Responsive Design: Ontwerpaanpak voor aanpassing aan verschillende schermformaten. Op Mobiel ziet de site er anders uit dan op Desktop.
  5. Frontend: Clientzijde van een website, wat gebruikers zien en interacteren.
  6. Backend: Serverzijde van een website, dataverwerking en -opslag.
  7. API: Application Programming Interface, voor communicatie tussen softwarecomponenten.
  8. AJAX: Asynchronous JavaScript and XML, voor dynamische webpagina-updates.
  9. DOM: Document Object Model, representatie van HTML-structuur.
  10. SEO: Search Engine Optimization, optimalisatie voor zoekmachines.
  11. CMS: Content Management System, voor beheer van website-inhoud.
  12. Framework: Softwareraamwerk met voorgeprogrammeerde functionaliteit.
  13. Version Control: Systeem voor het beheren van codewijzigingen (bijv. Git).
  14. Responsive Images: Afbeeldingen die zich aanpassen aan schermgrootte.
  15. Web Hosting: Service voor het online beschikbaar maken van websites.
  16. SSL/TLS: Beveiligingsprotocollen voor versleutelde datacommunicatie.
  17. HTTP/HTTPS: Protocollen voor gegevensoverdracht op het web.
  18. DNS: Domain Name System, voor het vertalen van domeinnamen naar IP-adressen.
  19. Cookies: Kleine databestanden opgeslagen op de computer van de gebruiker.
  20. Web Accessibility: Ontwerpen voor toegankelijkheid voor alle gebruikers.
  21. UI: User Interface, visuele elementen waarmee gebruikers interacteren.
    UX: User Experience, algehele ervaring van gebruikers met een website.
  22. PWA: Progressive Web App, webapplicatie met native app-functionaliteit.
  23. Lazy Loading: Techniek om inhoud te laden wanneer nodig.
  24. CDN: Content Delivery Network, voor snelle inhoudslevering wereldwijd.
  25. SVG: Scalable Vector Graphics, voor schaalbare afbeeldingen.

En verder nog 25:

  1. Webpack: Module bundler voor JavaScript-applicaties.
  2. NPM: Node Package Manager, voor beheer van JavaScript-pakketten.
  3. REST: Representational State Transfer, architectuurstijl voor webservices.
  4. JSON: JavaScript Object Notation, lichtgewicht data-uitwisselingsformaat.
  5. XML: eXtensible Markup Language, voor het structureren van gegevens.
  6. SPA: Single Page Application, dynamische website met één HTML-pagina.
  7. WebSocket: Protocol voor real-time, bidirectionele communicatie.
  8. Cross-browser Compatibility: Consistente werking in verschillende browsers.
  9. Microservices: Architectuur met kleine, onafhankelijke services.
  10. DevOps: Integratie van ontwikkeling en IT-operaties.
  11. CI/CD: Continuous Integration/Continuous Deployment, voor geautomatiseerde builds en releases.
  12. Web Components: Herbruikbare, geïsoleerde UI-elementen.
  13. GraphQL: Query-taal en runtime voor API’s.
  14. OAuth: Open standaard voor toegangsautorisatie.
  15. Web Workers: Scripts die op de achtergrond draaien in de browser.
  16. WebAssembly: Binair instructieformaat voor snelle uitvoering in browsers.
  17. Web Storage: Mechanisme voor het opslaan van gegevens in de browser.
  18. CORS: Cross-Origin Resource Sharing, voor veilige toegang tussen domeinen.
  19. Flexbox: CSS-layoutmodule voor flexibele containerindeling.
  20. Grid: CSS-layoutsysteem voor tweedimensionale layouts.
  21. Babel: JavaScript-compiler voor backwards compatibiliteit.
  22. ESLint: Linting tool voor het identificeren van problemen in JavaScript-code.
  23. Web Vitals: Metrics voor het meten van gebruikerservaring op websites.
  24. A11y: Afkorting voor toegankelijkheid (accessibility) in webdesign.

Opdrachten

Bekijk de filmpjes over SiteOrigin
Zie deze pagina: https://rocweb.nl/blog/amsnoord-nl-en-siteorigin/

Update je artikel over je ervaringen met deze nieuwe Wp.
Zoek uit hoe een Gallery nu anders werkt dan voorheen en beschrijf dat in je artikel.

Lever de link in

Lees deze lijst met begrippen:

Begrippen en termen

En lever daarover deze 3 dingen in:

– Geef jouw eigen TOP 10 van de begrippen die voor jou nieuw of onduidelijk waren
– Geef nog 3 ontbrekende begrippen
– Bekijk en test Claude vs Gemini vs ChatGTP: en geef de verschillen

Opdracht: Word

In groepjes van 2 of 3: Kopieer deze lijst en plak het in een nieuw online Word document, via Portaal. Nodig elkaar uit zodat jullie alle drie op je eigen laptop in hetzelfde document kunnen werken. Zo kan dat dus, ook op afstand.

  • Zoek samen via Google en overleg de antwoorden. Zet het goede antwoord (dus wat het begrip echt betekent, niet alleen waar de afkorting voor staat) erbij en lever het Word document in op Teams (ieder voor zich).
  • Zet er ook 3 nieuwe begrippen bij over Internet die er nog niet op staan.
  • Maak ten bewijs een screenshot waarin je ziet dat al jullie namen actief in het document aan het werk zijn

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *