Videozáznamy z videa 2025, Apríl
V tomto vysielaní pokrývam absolútne nevyhnutné nastavenie používania jQuery na „skutočnom“ webe. Máme súbor index.html so základným HTML5 "
V poslednom videu sa to objavilo veľmi stručne: ako zabránite skákaniu prehľadávača, keď kliknete na hash odkaz? Toto je predvolené správanie prehliadača, “
JQuery môže vybrať čokoľvek, čo môže vybrať CSS3. Tým to však nekončí! Existuje množstvo ďalších selektorov, ktoré jQuery ponúka (cez Sizzle „
Veľa sme hovorili o selektoroch. Selektor jQuery ako $ ("h1") vyberie všetky prvky na stránke. Ale čo ... keď nie? Tu je „
V CSS môžete vybrať všetky prvky na stránke pomocou tohto: h1 (/ * štýl všetkých prvkov * /) V jQuery môžete použiť ten istý selektor. $ ("h1") // set "
Vitajte! Cieľom tohto kurzu je vziať vás, vás, krásneho frontendového vývojára, od niekoho, kto má veľmi malé alebo žiadne znalosti jQuery alebo JavaScriptu. “
Jedným zo spôsobov, ako myslieť na jQuery, je knižnica „Select and Do“. jQuery je obzvlášť dobrý pri výbere prvkov na stránke (obsahu v DOM) a následnom vykonaní testu „
WordPress podporuje oblasť komentárov na Jeffovom webe. S našimi superveľmocami CSS bude čistenie veľmi jednoduché. Vytvoríme súbor .scss len pre komentáre. “
Je čas túto sériu uzavrieť. Bola to zábavná jazda! Existujú určité rozdiely medzi tým, o čom sme hovorili a o čom je vlastne “
V tomto vysielaní sa pozrieme na Jeffovu existujúcu webovú stránku. Táto séria nie je až tak zameraná na „redizajn“ ako séria v10, ale už existuje
Väčšinou sme zatiaľ na testovanie mobilnej verzie našej stránky používali simulátor iOS. To je celkom dobré, oveľa lepšie ako testovanie úzkej verzie “
Keď sme web upravovali na ploche, presunuli sme navigáciu domovskej stránky na pravú stranu stránky, aby sme otvorili dieru na ľavej strane pre ďalšie “
Keď sme sa trápili s poskytovaním schopností CMS posuvníku domovskej stránky, dali sme každému políčku domovskej stránky vlastné pole výber farieb. To nám dáva “
To, že ide o sériu určenú pre mobilné zariadenia, ešte neznamená, že môžeme ignorovať interakcie stolových / prenosných počítačov. Trávime trochu času zabezpečením “
Na väčších obrazovkách máme na všetkých našich stránkach viac priestoru. Riešili sme to na domovskej stránke, ale môžeme to urobiť lepšie aj na ostatných podstránkach. Slobodný"
Skončíme skutočne jednoduchým testom, ktorý sa načíta v článku z blogu, ktorý sa zobrazí, ak je v miestnosti: // Načítať ďalší obsah, ak je dostatok informácií o miestnosti “
Pracujeme na oprave webu tak, aby na obrazovkách typu „desktop“ (tj. Väčších) stále vyzeral dobre. Navigácia na domovskej stránke je ďalšia vec, ktorú získate “
Keď sa okno prehliadača zväčší, posúvač v hornej časti domovskej stránky sa smiešne zväčší. Toto je prvá mobilná séria, ale keďže mobilná „
Jednou z piatich hlavných oblastí webu je stránka s kontaktmi. Vyžaduje si to takmer akékoľvek pokrytie, pretože sme ho jednoducho postavili vo Wufoo a „
Myslel som si, že by sme mohli preskúmať Udalosti, o ktorých sme hovorili v minulom videu, ale keď som vysvetlil oblasť Udalostí, bolo treba napísať dostatok kódu, “
S nainštalovanými dvoma doplnkami rozširujúcimi CMS pre ťažných robotov trávime ich nastavením trochu času. „Udalosti“ na Jeffovej stránke sú dokonalým príkladom. Udalosť""
Máme ďalší typ príspevku, ktorý vyžaduje správne vlastné polia: snímky domovskej stránky. To je druh veci, ktorá by bola ľahká a lákavá “
Naučili sme sa, ako urobiť vlastnú slučku a výstupné vlastné údaje z našich vlastných typov príspevkov a vlastných polí v minulom videu. Tentokrát to musíme urobiť “
„CMS“ schopnosti WordPress môžeme skutočne rozšíriť iba pomocou niekoľkých doplnkov: Advanced Custom Fields a Custom Post Types UI. S týmito “
Navigácia na domovskej stránke dobre vyhovuje našim potrebám, ale mať tento obrovský kus navigácie na každej stránke webu nie je praktické. Budeme potrebovať "
V podstate všetky témy WordPress obsahujú súbor s názvom page.php. Toto je šablóna, ktorá ovláda „Stránky“ - jeden z predvolených typov obsahu, ktorý „
Existuje iba jeden spôsob, ako sa dostať do oblasti blogu na webe z domovskej stránky, a to kliknutím na „Posledné písanie“. Ale to vás zavedie najviac “
Typografia stále nie je celkom v poriadku, takže jej úpravám venujeme trochu viac času. To sa tu oplatí urobiť, pretože hlavička a telo “
Výstupom blogu je to, čo chceme, ale jeho typografia a rozloženie nie je celkom k dispozícii. Podľa potreby sem-tam pridáme trochu značenia “
Začneme pracovať na blogovej oblasti webu. Chceme mať oblasť blogu na stránke / blog / - takže nakoniec vytvoríme šablónu stránky s názvom „