Videocasty 2025, Leden

04: Proč SVG? Malý. - Triky CSS

04: Proč SVG? Malý. - Triky CSS

Velikost souboru SVG závisí na tom, jak je složitý, ne jak „velký“. Pamatujte, že SVG je opravdu jedno, na jaké velikosti jsou vykresleny, jsou to "

08: Používání SVG: iframe / object / embed - Triky CSS

08: Používání SVG: iframe / object / embed - Triky CSS

Odpusťte mi, pokud jsem trochu na tyto metody. Nikdy jsem nenarazil na případ použití, kde jsou určitě cestou. Byla doba, kdy byla „

03: Proč SVG? Flexibilní. - Triky CSS

03: Proč SVG? Flexibilní. - Triky CSS

Právě jsme se dozvěděli, že SVG vypadají vizuálně ostře. SVG jsou také flexibilní. To není ve skutečnosti jedinečné pro prvky na webu, ale jedinečné je pouze to, že “

06: Using SVG - SVG as background-image - Triky CSS

06: Using SVG - SVG as background-image - Triky CSS

Obrázky SVG lze použít jako obrázek na pozadí také v CSS, stejně jako PNG, JPG.webp nebo GIF. .element (background-image: url (/images/image.svg);) všechny stejné "

# 29: Příprava výroby - Triky CSS

# 29: Příprava výroby - Triky CSS

Právě jsme to v tomto screencastu přivedli zpět do normálního textového editoru. V situaci „skutečného světa“ jsou tyto věci pravdivé: „Vy“

07: Používání SVG - Inline SVG - Triky CSS

07: Používání SVG - Inline SVG - Triky CSS

Snad nejlepším způsobem použití SVG je „Inline SVG“ - to znamená vložení SVG kódu přímo do vašeho HTML. Funguje to skvěle! Podívejte se na pero gpcDi od Chrisa Coyiera “

02: Proč SVG? Ostrost. - Triky CSS

02: Proč SVG? Ostrost. - Triky CSS

Na začátku tohoto kurzu bych rád zdůraznil, proč je SVG tak přitažlivé. Snad nejpřesvědčivější důvod pro designéry: vypadají “

# 30: Série Wrapup - Triky CSS

# 30: Série Wrapup - Triky CSS

Dokázal jsi to! Děkuji za absolvování kurzu. Doufám, že jste se o jQuery a JavaScriptu naučili dost, že vaše úroveň důvěry v něj vzrostla a “

# 28: Vytváření složitějšího pluginu - Triky CSS

# 28: Vytváření složitějšího pluginu - Triky CSS

Nyní, když rozumíme základům vývoje pluginů, můžeme se ponořit trochu hlouběji. Protože plugin je nakonec funkce, poskytuje nám rozsah “

# 27: Vytvoření jednoduchého pluginu jQuery - Triky CSS

# 27: Vytvoření jednoduchého pluginu jQuery - Triky CSS

Nyní, když jsme se podívali na používání pluginů jQuery, stojí za to pochopit, jak je také sestavit. Již jsme se krátce dotkli skutečnosti, že „

# 26: Používání pluginu jQuery z divočiny - Triky CSS

# 26: Používání pluginu jQuery z divočiny - Triky CSS

Každý viděl super cool plugin jQuery na divokém a divokém internetu, že? Možná vás zajímalo, že se vlastně dozvíte víc “

# 25: Organizace! - Triky CSS

# 25: Organizace! - Triky CSS

Zatím jsme odvedli docela dobrou práci, protože jsme se organizovali. Získání našeho kódu HTML v šabloně byl velkým krokem. Už déle blátíme vody, abychom “

# 24: Šablona s podtržítkem - Triky CSS

# 24: Šablona s podtržítkem - Triky CSS

V posledním videu jsme zakryli šablonování pomocí řídítek. Řídítka však nejsou jediným templátním řešením v bloku. V tomto videu použijeme „

# 23: Šablona s řídítky - Triky CSS

# 23: Šablona s řídítky - Triky CSS

V posledním videu jsme skončili s trochou zamotaného nepořádku. Vše v jednom bloku JavaScriptu jsme míchali získávání dat, zobrazení a obchodní logiku a „

# 21: Stačí změnit třídy! - Triky CSS

# 21: Stačí změnit třídy! - Triky CSS

Pokud se z této řady naučíte jakýkoli hlavní kousek filozofie front-end architektury, naučte se tuto. Stačí změnit třídy. V tomto screencastu začneme

# 22: Potřeba šablony - Triky CSS

# 22: Potřeba šablony - Triky CSS

Šablona je důležitou součástí práce s aplikacemi JavaScriptu. Je docela běžné, že máte k dispozici data, ale ne ve formátu „

# 19: Je to jen JavaScript - Triky CSS

# 19: Je to jen JavaScript - Triky CSS

Jedna věc, kterou chci v této sérii zcela jasně říci, je, že nikdo z nás by neměl být anti vanilkový JavaScript. „Vanilka“ znamená „syrový“ nebo „nativní“ “

# 17: POSTING s Ajaxem - Triky CSS

# 17: POSTING s Ajaxem - Triky CSS

Mluvili jsme o GET v posledním videu, ale POST jsme nevěnovali dostatečnou pozornost. Takže jsem si myslel, že to uděláme tady. Velký rozdíl v POST je, že vy “

# 15: Řetězení - Triky CSS

# 15: Řetězení - Triky CSS

Už jsme několikrát mluvili o drobných dotycích v rozhraní jQuery API, které jsou opravdu docela pěkné. Všechno je dobře promyšlené a rafinované. Řetězení "

# 18: Ajax a JSON - Triky CSS

# 18: Ajax a JSON - Triky CSS

Existuje velká šance, že ve „reálném světě“ je věcí č. 1, pro kterou Ajax používáte, odesílání a přijímání dat JSON. A z dobrého důvodu. JSON ne “

# 16: Úvod do Ajaxu Triky CSS

# 16: Úvod do Ajaxu Triky CSS

Ajax se tam řadí na velmi vysoké místo z největších důvodů, proč používat jQuery. Nejen, že jQuery opravuje problémy mezi prohlížeči, ale také velmi usnadňuje syntaxi "

# 20: Data! data-*! .data()! .attr (data- *)! - Triky CSS

# 20: Data! data-*! .data()! .attr (data- *)! - Triky CSS

Data. Ve světě jQuery je to všechno o bitech informací, které jsou připojeny přímo k prvkům (spíše než, řekněme, proměnné s břemeny pouze k "

# 14: Vlastní události - Triky CSS

# 14: Vlastní události - Triky CSS

Jelikož jsme právě hovořili o událostech, je nyní vhodný čas zmínit vlastní události. Všechny události, o kterých jsme zatím mluvili, jsou „skutečné“ události

# 13: Úvod do událostí - Triky CSS

# 13: Úvod do událostí - Triky CSS

Zpracování událostí je dalším z těch velkých důvodů, proč používat jQuery. Jak se to dělá, existuje několik rozdílů mezi prohlížeči, které se jQuery normalizuje do jednoho “

# 11: Animace pomocí jQuery - Triky CSS

# 11: Animace pomocí jQuery - Triky CSS

Pokud jste se s jQuery poprvé zabavili před mnoha lety, mohla to být schopnost dělat animaci. To byl možná jeden z prvních velkých losování jQuery. Tyto"

# 12: Funkce zpětného volání - Triky CSS

# 12: Funkce zpětného volání - Triky CSS

Každý má rád: čas na koncepční video! Zpětná volání jsou důležitým konceptem v JavaScriptu. Jsou to funkce, které se nazývají, když akce má „

# 09: Getters and Setters - Triky CSS

# 09: Getters and Setters - Triky CSS

Koncept getterů a setterů v JavaScriptu je jen jednou z věcí, kterým byste měli rozumět. V jQuery jsou milí, protože API je tak "

# 10: Explicitní vs Implicitní iterace - Triky CSS

# 10: Explicitní vs Implicitní iterace - Triky CSS

Další koncepční video! Toto je „jen jedna z těch věcí“, kterým musíte v jQuery rozumět. Je to vlastně trochu jedinečné pro jQuery, v tom jiném populárním "

# 07: Dělej! - Triky CSS

# 07: Dělej! - Triky CSS

Jak jsme již mluvili, jQuery lze považovat za knihovnu „select and do“. Mluvili jsme o výběru dost, takže si nyní promluvme o některých “