Video Screencasts 2025, September

I denne screencast dækker jeg det absolutte minimumsopsætning for at bruge jQuery på et "rigtigt" websted. Vi har en index.html-fil med den grundlæggende HTML5 "

Det kom meget kort op i den sidste video: hvordan forhindrer du browseren i at hoppe ned, når du klikker på et hashlink? Dette er standardbrowseradfærden, "

JQuery kan vælge alt, hvad CSS3 kan vælge. Men det stopper ikke der! Der er et antal yderligere vælgere, som jQuery tilbyder (via Sizzle "

Vi har talt en smule om vælgere. En jQuery-vælger som $ ("h1") vælger alle elementer på siden. Men hvad med ... når det ikke gør det? Her er en "

I CSS kan du vælge alle elementer på siden med dette: h1 (/ * stil alle elementer * /) I jQuery kan du bruge den nøjagtige samme vælger. $ ("h1") // sæt "

Velkommen! Målet med dette kursus er at tage dig, din smukke frontend-udvikler dig, fra nogen med meget lidt eller ingen jQuery- eller JavaScript-viden "

En måde at tænke på jQuery er "Select and Do" -biblioteket. jQuery er særlig god til at vælge elementer på siden (ting i DOM) og derefter gøre "

WordPress styrker kommentarområdet på Jeff's websted. Dette bliver super nemt at rydde op med vores CSS-superkræfter. Vi laver en .scss-fil kun for kommentarer "

Det er på tide at afslutte denne serie. Det har været en sjov tur! Der er en forskel mellem hvad vi dækkede og hvad der faktisk er på "

I denne screencast ser vi på Jeffs eksisterende hjemmeside. Denne serie er ikke så meget "redesignet" fokuseret som v10-serien var, men der er en eksisterende "

For det meste hidtil har vi brugt iOS-simulatoren til at teste mobilversionen af ​​vores websted. Det er ret godt, meget bedre end at teste en smal "

Da vi desktop-sider webstedet, flyttede vi navigationen på startsiden til højre side af siden for at åbne et hul i venstre side for mere "

Tilbage, da vi rodede med at give CMS-evner til startsiden, gav vi et brugerdefineret felt til hver startside, en farvevælger. Det giver os "

Bare fordi dette er en mobil-første serie betyder det ikke, at vi kan ignorere interaktionerne mellem stationære og bærbare computere. Vi bruger lidt tid på at sikre "

På større skærme har vi mere plads på alle vores sider. Vi har behandlet dette på hjemmesiden, men vi kan også gøre det bedre på de andre undersider. En enkelt"

Vi ender med en virkelig enkel test, som indlæses i en artikel fra bloggen for at vise, hvis der er plads: // Indlæs yderligere indhold, hvis der er nok plads til at spørge "

Vi arbejder på at rette op på webstedet, så webstedet stadig ser godt ud på "desktop" (dvs. større) skærme. Hjemmesidens navigation er en anden ting, der får "

Når browservinduet bliver større, bliver skyderen øverst på hjemmesiden latterligt stor. Dette er en mobil første serie, men siden mobilen "

Et af de fem hovedområder på webstedet er kontaktsiden. Det kræver næppe nogen dækning overhovedet, for vi byggede det simpelt i Wufoo og "

Jeg troede, vi kunne scoot efter begivenheder, som det vi talte om i den sidste video, men da jeg konkretiserede begivenhedsområdet, skulle der skrives nok kode jeg "

Med vores to arbejdshest CMS-udvidede plugins installeret bruger vi lidt tid på at konfigurere dem. "Begivenheder" på Jeffs websted er et perfekt eksempel. En begivenhed""

Vi har en anden posttype, der skal bruge de rigtige brugerdefinerede felter: Hjemmesidens dias. Dette er den slags ting, der ville være let og fristende at "

Vi lærte, hvordan man laver en brugerdefineret loop og output brugerdefinerede data fra vores tilpassede posttyper og brugerdefinerede felter i den sidste video. Denne gang er vi nødt til at gøre det "

Vi kan virkelig udvide WordPress's "CMS" -egenskaber med blot et par plugins: Avancerede brugerdefinerede felter og brugerdefinerede indlægstyper UI. Med disse "

Hjemmesidens navigation opfylder vores behov godt, men det er ikke praktisk at have det enorme stykke navigering på hver side af webstedet. Vi får brug for "

I stort set alle WordPress-temaer er der et arkiv kaldet page.php. Dette er den skabelon, der styrer "Sider" - en af ​​standardtypen af ​​indhold, som "

Der er kun én måde at komme til blogområdet på webstedet fra hjemmesiden, og det er ved at klikke på "Seneste skrivning". Men det tager dig mest

Typografien er stadig ikke helt rigtig, så vi bruger lidt mere tid på at foretage justeringer af den. Dette er værd at gøre her, fordi overskrift og krop "

Bloggen udsender det, vi ønsker det, men typografien og layoutet af det er ikke der. Vi tilføjer lidt markering her og der efter behov for at give "

Vi begynder at arbejde på blogområdet på siden. Vi ønsker at have blogområdet på webstedet på / blog / - så vi ender med at lave en sideskabelon til det, der hedder "