Vi repeterade AJAX i plugins. Cat API: https://github.com/fredrikwcms/cat-api SW Trivia: https://github.com/fredrikwcms/sw-trivia/tree/with-ajax Lathund till Ajax metoder: https://www.tutorialsteacher.com/jquery/jquery-ajax-method Workshop Bygg klart vårat Cat API så att pluginet hämtar en katt bild via AJAX och sedan visar ut den i våran widget. Bygg också klart all felhantering i både PHP och JS. (koden Läs mer
Dagens lektion @ github: https://github.com/fredrikwcms/my-basic-theme Länkar Internationalization (i18n) Localization (l10n) Post Types https://codex.wordpress.org/Post_Types Custom Post Type Template Files Custom Post Type UI Workshop Uppgift 1 – Lägg till stöd för i18n i ert temas mallar Alla strängar ska vara omslutna av antingen __(), _e() eller _n() (den sista behöver ni troligen inte för tillfället). Glöm Läs mer
Länkar WP_Query https://codex.wordpress.org/Class_Reference/WP_Query pre_get_posts() https://codex.wordpress.org/Plugin_API/Action_Reference/pre_get_posts Bootstrap Accordion https://getbootstrap.com/docs/4.3/components/collapse/#accordion-example Workshop Uppgift 1 – FAQ Page OBS, OM DU INTE GJORT KLART DIN FAQ PAGE: Gör en Page Template som du kallar för ”FAQ Page” där du (förutom sidans titel och innehåll) gör en egen WP_Query för posts i kategorin FAQ (slug: faq). Skriv ut dem på Läs mer
Projekt – Vue.js simple blog! Vad ska vi göra? En simpel SPA (Single Page Application) blogg med hjälp av Vue.js, local storage och Bootstrap. Vi ska kunna skapa inlägg, redigera dessa samt visa ut dem på något sätt 🙂 Godkänt: En fungerande frontend som kan spara inlägg i (minst) 3 Läs mer
Idag tänker jag att ni kan kolla på Bootstrap Vue och se om ni kan använda deras färdiga komponenter som t.ex. Form, Collapse osv.Här hittar ni en lista på komponenter:https://bootstrap-vue.js.org/docs/components Som ni kanske ser så är det samma som finns i ”vanliga” bootstrap, det enda Bootstrap Vue gör är att Läs mer
Idag pratade vi lite om Vue.js, Node.js och NPM. Vi passade även på att installera Vue och Node/NPM Node Package Manager (NPM) följer med i installationen av Node.jsInstallationen är ganska enkel, dubbelklicka på filen ni laddade ned och installera, windows-användare kan strunta i chocolatey och OS X användare kan bara Läs mer
Hej, denna vecka ska ni hämta data från ett API (se dagens screencast för mer info om hur ni gör). Här hittar ni en bra grund att utgå ifrån: Mer specifikt så ska vi hämta ”foton” från https://jsonplaceholder.typicode.com/photos . Dessa ”foton” ska vi sedan printa ut i HTML. HTML strukturen Läs mer
Vi har kollat på DOM (Document Object Model) och hur den används som ett ”lager” mellan JavaScript och HTML.https://www.w3schools.com/js/js_htmldom.aspLäs hela JS HTML DOM och JS BROWSER DOM! Om DOM på MDN (Mozilla Developer Network)https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction Dagens workshop Jag tänker att vi ska skapa en ”annonstavla” med 3 st. artiklar. Varje artikel Läs mer
Vi har börjat kolla lite på hur man kan använda klasser, när man bör använda dem och hur man kan bygga dem. Läs gärna denna:https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS