Screencasty wideo 2025, Styczeń

04: Dlaczego SVG? Mały. - CSS-Tricks

04: Dlaczego SVG? Mały. - CSS-Tricks

Rozmiar pliku SVG zależy od tego, jak jest on złożony, a nie od tego, jak „duży” jest. Pamiętaj, że SVG tak naprawdę nie obchodzi, w jakim rozmiarze są renderowane, są ”

08: Korzystanie z formatu SVG: iframe / object / embed - CSS-Tricks

08: Korzystanie z formatu SVG: iframe / object / embed - CSS-Tricks

Wybacz mi, jeśli trochę nie znoszę tych metod. Nigdy nie spotkałem przypadku użycia, w którym są one zdecydowanie do zrobienia. Był czas, kiedy „

03: Dlaczego SVG? Elastyczne. - CSS-Tricks

03: Dlaczego SVG? Elastyczne. - CSS-Tricks

Właśnie dowiedzieliśmy się, że pliki SVG wyglądają ostro wizualnie. Pliki SVG są również elastyczne. Nie jest to unikalne dla elementów w internecie, ale jedyną cechą jest to, że ”

06: Używanie SVG - SVG jako obrazu tła - CSS-Tricks

06: Używanie SVG - SVG jako obrazu tła - CSS-Tricks

Obrazy SVG mogą być również używane jako obrazy tła w CSS, tak jak PNG, JPG.webp lub GIF. .element (background-image: url (/images/image.svg);) Tak samo "

# 29: Przygotowanie produkcji - CSS-Tricks

# 29: Przygotowanie produkcji - CSS-Tricks

W tym screencastie przeniesiemy go z powrotem do normalnego edytora tekstu, tak jak zaczęliśmy. W sytuacji „prawdziwego świata” te rzeczy są prawdziwe: Ty ”

07: Używanie SVG - Inline SVG - CSS-Tricks

07: Używanie SVG - Inline SVG - CSS-Tricks

Być może najlepszym sposobem wykorzystania SVG jest „Inline SVG” - czyli umieszczenie kodu SVG bezpośrednio w HTML. Działa świetnie! Zobacz Pen gpcDi autorstwa Chrisa Coyiera ”

02: Dlaczego SVG? Ostrość. - CSS-Tricks

02: Dlaczego SVG? Ostrość. - CSS-Tricks

Na początku tego kursu chciałbym podkreślić, dlaczego SVG jest tak atrakcyjne w użyciu. Być może najbardziej przekonujący powód dla projektantów: wyglądają ”

# 30: Podsumowanie serii - CSS-Tricks

# 30: Podsumowanie serii - CSS-Tricks

Zrobiłeś to! Dziękuję bardzo za udział w kursie. Mam nadzieję, że nauczyłeś się wystarczająco dużo o jQuery i JavaScript, że Twój poziom zaufania do nich wzrósł i "

# 28: Tworzenie bardziej złożonej wtyczki - CSS-Tricks

# 28: Tworzenie bardziej złożonej wtyczki - CSS-Tricks

Teraz, gdy rozumiemy podstawy tworzenia wtyczek, możemy poszukać trochę głębiej. Ponieważ ostatecznie wtyczka jest funkcją, zapewnia nam zakres "

# 27: Tworzenie prostej wtyczki jQuery - CSS-Tricks

# 27: Tworzenie prostej wtyczki jQuery - CSS-Tricks

Teraz, gdy przyjrzeliśmy się używaniu wtyczek jQuery, absolutnie warto zrozumieć, jak je również zbudować. Wspomnieliśmy już krótko, że „

# 26: Używanie wtyczki jQuery ze środowiska naturalnego - CSS-Tricks

# 26: Używanie wtyczki jQuery ze środowiska naturalnego - CSS-Tricks

Każdy widział super fajną wtyczkę jQuery w dzikim, dzikim Internecie, prawda? Być może zainteresował Cię fakt, że naprawdę chcesz dowiedzieć się więcej ”

# 25: Organizacja! - CSS-Tricks

# 25: Organizacja! - CSS-Tricks

Jak dotąd wykonaliśmy całkiem dobrą robotę, organizując się. Rozbicie naszego kodu HTML w szablonie było dużym krokiem. Już błotnimy wody, aby "

# 24: Tworzenie szablonów z podkreśleniem - CSS-Tricks

# 24: Tworzenie szablonów z podkreśleniem - CSS-Tricks

W ostatnim filmie omówiliśmy tworzenie szablonów z kierownicą. Ale kierownica nie jest jedynym rozwiązaniem do tworzenia szablonów w okolicy. W tym filmie użyjemy „

# 23: Tworzenie szablonów z kierownicą - CSS-Tricks

# 23: Tworzenie szablonów z kierownicą - CSS-Tricks

W ostatnim filmie zakończyliśmy trochę poplątanego bałaganu. W jednym bloku JavaScript mieszaliśmy pobieranie danych, wyświetlanie i logikę biznesową oraz „

# 21: Po prostu zmień klasy! - CSS-Tricks

# 21: Po prostu zmień klasy! - CSS-Tricks

Jeśli z tej serii nauczysz się jakiejś większej filozofii architektury frontendu, naucz się tego. Po prostu zmień zajęcia. W tym screencastie zaczynamy „

# 22: Potrzeba tworzenia szablonów - CSS-Tricks

# 22: Potrzeba tworzenia szablonów - CSS-Tricks

Tworzenie szablonów jest ważną częścią pracy z aplikacjami JavaScript. Dość często zdarza się, że dane są dostępne, ale nie w formacie „

# 19: To tylko JavaScript - CSS-Tricks

# 19: To tylko JavaScript - CSS-Tricks

Jedną z rzeczy, które chcę w tej serii całkowicie wyjaśnić, jest to, że nikt z nas nie powinien być anty-waniliowym JavaScriptem. „Wanilia” oznacza „surowy” lub „rodzimy”

# 17: Wysyłanie postów z Ajaxem - CSS-Tricks

# 17: Wysyłanie postów z Ajaxem - CSS-Tricks

Rozmawialiśmy o GET w ostatnim filmie, ale nie poświęciliśmy wystarczająco dużo uwagi POST. Więc pomyślałem, że zrobimy to tutaj. Duża różnica między POST polega na tym, że „

# 15: Łączenie - CSS-Tricks

# 15: Łączenie - CSS-Tricks

Wiele razy rozmawialiśmy teraz o małych akcentach w API jQuery, które są naprawdę całkiem fajne. Wszystko jest przemyślane i dopracowane. Łańcuch ”

# 18: Ajax i JSON - CSS-Tricks

# 18: Ajax i JSON - CSS-Tricks

Istnieje duża szansa, że ​​w „prawdziwym świecie” najważniejszą rzeczą, do której używasz Ajax, jest wysyłanie i odbieranie danych JSON. I nie bez powodu. JSON nie ”

# 16: Wprowadzenie do Ajax - CSS-Tricks

# 16: Wprowadzenie do Ajax - CSS-Tricks

Ajax zajmuje wysokie miejsce w najważniejszych powodach, dla których warto używać jQuery. JQuery nie tylko rozwiązuje problemy z różnymi przeglądarkami, ale także sprawia, że ​​składnia jest bardzo łatwa do "

# 20: Dane! dane-*! .dane()! .attr (data- *)! - CSS-Tricks

# 20: Dane! dane-*! .dane()! .attr (data- *)! - CSS-Tricks

Dane. W świecie jQuery chodzi o bity informacji, które są dołączane bezpośrednio do elementów (a nie, powiedzmy, zmienna, której jedynym zadaniem jest „

# 14: Zdarzenia niestandardowe - CSS-Tricks

# 14: Zdarzenia niestandardowe - CSS-Tricks

Ponieważ właśnie rozmawialiśmy o wydarzeniach, teraz jest dobry moment, aby wspomnieć o niestandardowych wydarzeniach. Wszystkie wydarzenia, o których do tej pory rozmawialiśmy, są „prawdziwymi” wydarzeniami.

# 13: Wprowadzenie do wydarzeń - CSS-Tricks

# 13: Wprowadzenie do wydarzeń - CSS-Tricks

Obsługa zdarzeń to kolejny z ważnych powodów, dla których warto używać jQuery. Istnieją pewne różnice między przeglądarkami, jeśli chodzi o to, jak to zrobić, które jQuery normalizuje do jednego ”

# 11: Animowanie za pomocą jQuery - CSS-Tricks

# 11: Animowanie za pomocą jQuery - CSS-Tricks

Jeśli po raz pierwszy zajmowałeś się jQuery wiele lat temu, może to być umiejętność tworzenia animacji. To było prawdopodobnie jedno z pierwszych wielkich losowań jQuery. Te"

# 12: Funkcje oddzwaniania - CSS-Tricks

# 12: Funkcje oddzwaniania - CSS-Tricks

Ulubiony przez wszystkich: koncepcyjny czas na wideo! Wywołania zwrotne to ważna koncepcja w JavaScript. Są to funkcje wywoływane, gdy akcja ma „

# 09: Gettery i setery - CSS-Tricks

# 09: Gettery i setery - CSS-Tricks

Pojęcie getterów i seterów w JavaScript to tylko jedna z rzeczy, które powinieneś zrozumieć. Są fajne w jQuery, ponieważ API jest takie ”

# 10: Jawna a niejawna iteracja - CSS-Tricks

# 10: Jawna a niejawna iteracja - CSS-Tricks

Kolejny film koncepcyjny! To jest „tylko jedna z tych rzeczy”, którą musisz zrozumieć w jQuery. W rzeczywistości jest nieco wyjątkowy dla jQuery, w tym innym popularnym ”

# 07: Zrób! - CSS-Tricks

# 07: Zrób! - CSS-Tricks

Jak już wspomnieliśmy, jQuery można traktować jako bibliotekę typu „wybierz i wykonaj”. Sporo rozmawialiśmy o wybieraniu, więc teraz porozmawiajmy o niektórych „