Video Screencasts 2025, April

I denne skjermsendingen dekker jeg det absolutte minimumsoppsettet for å bruke jQuery på et "ekte" nettsted. Vi har en index.html-fil med den grunnleggende HTML5 "

Det kom veldig kort opp i den siste videoen: hvordan stopper du nettleseren fra å hoppe ned når du klikker på en hash-lenke? Dette er standard nettleseratferd, "

JQuery kan velge alt som CSS3 kan velge. Men det stopper ikke der! Det er en rekke tilleggsvelgere som jQuery tilbyr (via Sizzle "

Vi har snakket litt om selektorer. En jQuery-velger som $ ("h1") velger alle elementene på siden. Men hva med ... når det ikke gjør det? Her er en "

I CSS kan du velge alle elementene på siden med dette: h1 (/ * stil alle elementene * /) I jQuery kan du bruke nøyaktig samme velger. $ ("h1") // sett "

Velkommen! Målet med dette kurset er å ta deg, din vakre frontend-utvikler, fra noen med veldig liten eller ingen kunnskap om jQuery eller JavaScript. "

En måte å tenke på jQuery er "Select and Do" -biblioteket. jQuery er spesielt god til å velge elementer på siden (ting i DOM) og deretter gjøre "

WordPress driver kommentarområdet til Jeffs nettsted. Dette vil være superenkelt å rydde opp med våre CSS-superkrefter. Vi lager en .scss-fil bare for kommentarer "

Det er på tide å avslutte denne serien. Det har vært en morsom tur! Det er noen forskjell mellom hva vi dekket og hva som faktisk står på "

I denne skjermsendingen ser vi på Jeffs eksisterende nettside. Denne serien er ikke så mye "redesign" fokusert som v10-serien var, men det er en eksisterende "

For det meste så langt har vi brukt iOS-simulatoren til å teste mobilversjonen av nettstedet vårt. Det er ganske bra, mye bedre enn å teste en smal "

Da vi skrivebordsside nettstedet, flyttet vi navigasjonen på hjemmesiden til høyre side av siden for å åpne et hull på venstre side for mer "

Tilbake da vi rotet med å gi CMS-evner til glidebryteren til hjemmesiden, ga vi et tilpasset felt til hver startside en fargevelger. Som gir oss "

Bare fordi dette er en mobil-første serie, betyr ikke det at vi kan ignorere interaksjonen mellom stasjonære / bærbare datamaskiner. Vi bruker litt tid på å sørge for at "

På større skjermer har vi mer plass på alle sidene våre. Vi har taklet dette på hjemmesiden, men vi kan gjøre det bedre på de andre undersidene også. En eneste"

Vi ender opp med en veldig enkel test som lastes inn i en artikkel fra bloggen for å vise om det er plass: // Last inn ekstra innhold hvis det er nok plass til å spørre "

Vi jobber med å fikse nettstedet slik at nettstedet fortsatt ser bra ut på "desktop" (dvs. større) skjermer. Hjemmesidens navigasjon er en annen ting som blir "

Når nettleservinduet blir større, blir glidebryteren øverst på hjemmesiden latterlig stor. Dette er en mobil første serie, men siden mobilen "

Et av de fem hovedområdene på nettstedet er kontaktsiden. Det krever knapt noe tildekking i det hele tatt, for vi bygde det enkelt i Wufoo og "

Jeg trodde vi kunne scoot etter hendelser som det vi snakket om i forrige video, men da jeg utførte hendelsesområdet, måtte nok kode skrives jeg "

Med våre to arbeidshest CMS-utvidende plugins installert bruker vi litt tid på å sette dem opp. "Hendelser" på Jeffs nettsted er et perfekt eksempel. En hendelse""

Vi har en annen innleggstype som trenger de riktige egendefinerte feltene som brukes: hjemmesiden lysbildene. Dette er den typen ting som ville være lett og fristende å "

Vi lærte å lage en tilpasset sløyfe og sende tilpassede data fra våre tilpassede innleggstyper og egendefinerte felt i den siste videoen. Denne gangen må vi gjøre det "

Vi kan virkelig utvide "CMS" -egenskapene til WordPress med bare et par plugins: Advanced Custom Fields og Custom Post Typer UI. Med disse"

Hjemmesidens navigasjon oppfyller våre behov godt, men det er ikke praktisk å ha den enorme delen av navigasjonen på hver side av nettstedet. Vi trenger "

I stort sett alle WordPress-temaer er det et arkiv som heter page.php. Dette er malen som styrer "Sider" - en av standardinnholdstypene som "

Det er bare en måte å komme til bloggområdet på nettstedet fra hjemmesiden, og det er ved å klikke "Lastest Writing". Men det tar deg mest

Typografien er fremdeles ikke helt riktig, så vi bruker litt mer tid på å gjøre justeringer på den. Dette er verdt å gjøre her, fordi overskrift og kropp "

Bloggen viser hva vi vil ha den, men typografien og utformingen av den er ikke der. Vi legger til litt markering her og der etter behov for å gi "

Vi begynner å jobbe med bloggområdet på nettstedet. Vi ønsker å ha bloggområdet til nettstedet på / blog / - så vi ender opp med å lage en sidemal for det som heter "