Screencasty wideo 2025, Styczeń
W tym screencastie przedstawiam absolutne minimum konfiguracji do wykorzystania jQuery w "prawdziwej" witrynie. Mamy plik index.html z podstawowym HTML5 "
Pojawiło się to bardzo krótko w ostatnim filmie: jak powstrzymać przeglądarkę przed przeskakiwaniem po kliknięciu linku z krzyżykiem? To jest domyślne zachowanie przeglądarki ”,
JQuery może wybrać wszystko, co może wybrać CSS3. Ale to nie koniec! Istnieje wiele dodatkowych selektorów, które oferuje jQuery (poprzez Sizzle "
Dużo rozmawialiśmy o selektorach. Selektor jQuery, taki jak $ ("h1"), wybierze wszystkie elementy na stronie. Ale co z ... kiedy tak się nie dzieje? Oto „
W CSS możesz zaznaczyć wszystkie elementy na stronie za pomocą tego: h1 (/ * style all elements * /) W jQuery możesz użyć dokładnie tego samego selektora. $ ("h1") // ustaw "
Witamy! Celem tego kursu jest zabranie Ciebie, pięknego programisty front-endowego, od kogoś z bardzo małą lub żadną znajomością jQuery lub JavaScript ”
Jednym ze sposobów myślenia o jQuery jest biblioteka „Wybierz i wykonaj”. jQuery jest szczególnie dobry w wybieraniu elementów na stronie (rzeczy w DOM), a następnie wykonywaniu „
WordPress obsługuje obszar komentarzy w witrynie Jeffa. Będzie to bardzo łatwe do wyczyszczenia dzięki naszym supermocom CSS. Tworzymy plik .scss tylko dla komentarzy ”
Czas zakończyć tę serię. To była fajna jazda! Istnieje pewna różnica między tym, co omówiliśmy, a tym, co się aktualnie dzieje ”
W tym screencastie przyjrzymy się istniejącej witrynie internetowej Jeffa. Ta seria nie skupia się tak bardzo na „przeprojektowaniu”, jak w przypadku serii v10, ale istnieje „
Do tej pory w większości przypadków używaliśmy symulatora iOS do testowania mobilnej wersji naszej strony. To całkiem nieźle, dużo lepsze niż testowanie wąskiej "
Podczas tworzenia witryny na komputery stacjonarne przenieśliśmy nawigację na stronie głównej do prawej części strony, aby otworzyć otwór po lewej stronie, aby uzyskać więcej informacji ”
Kiedy próbowaliśmy nadać możliwości CMS suwakowi strony głównej, do każdego slajdu na stronie głównej dodaliśmy niestandardowe pole selektor kolorów. To daje nam „
To, że jest to seria przeznaczona dla urządzeń mobilnych, nie oznacza, że możemy ignorować interakcje komputerów stacjonarnych / laptopów. Spędzamy trochę czasu, upewniając się, że „
Na większych ekranach mamy więcej miejsca na wszystkich naszych stronach. Poradziliśmy sobie z tym na stronie głównej, ale na pozostałych podstronach też lepiej. Pojedynczy"
Kończymy naprawdę prostym testem, który ładuje artykuł z bloga i wyświetla go, jeśli jest miejsce: // Załaduj dodatkowe treści, jeśli wystarczy zapytać o pokój "
Pracujemy nad poprawieniem witryny, aby na ekranach „stacjonarnych” (czyli większych) wyglądała nadal dobrze. Nawigacja na stronie głównej to kolejna rzecz, która „
Kiedy okno przeglądarki się powiększa, suwak u góry strony głównej robi się śmiesznie duży. To pierwsza seria dla telefonów komórkowych, ale ponieważ wersja mobilna „
Jednym z pięciu głównych obszarów serwisu jest strona kontaktowa. Jednak prawie nie wymaga żadnego pokrycia, ponieważ po prostu zbudowaliśmy go w Wufoo i „
Pomyślałem, że możemy przeglądać zdarzenia, o których rozmawialiśmy w poprzednim filmie, ale kiedy opracowywałem obszar wydarzeń, należało napisać wystarczający kod.
Po zainstalowaniu naszych dwóch wtyczek rozszerzających CMS dla koni roboczych, poświęcamy trochę czasu na ich konfigurację. Doskonałym przykładem są „Wydarzenia” na stronie Jeffa. Wydarzenie""
Mamy inny typ posta, który wymaga zastosowania odpowiednich pól niestandardowych: slajdy na stronie głównej. Takie rzeczy byłyby łatwe i kuszące, aby ”
Dowiedzieliśmy się, jak wykonać niestandardową pętlę i wyprowadzić niestandardowe dane z naszych niestandardowych typów postów i niestandardowych pól w ostatnim filmie. Tym razem musimy to zrobić ”
Możemy naprawdę rozszerzyć możliwości „CMS” WordPressa za pomocą zaledwie kilku wtyczek: Zaawansowane pola niestandardowe i interfejs użytkownika niestandardowych typów postów. Z nimi"
Nawigacja na stronie głównej dobrze spełnia nasze potrzeby, ale posiadanie tak dużej części nawigacji na każdej stronie witryny nie jest praktyczne. Będziemy potrzebować "
Niemal we wszystkich motywach WordPress znajduje się plik o nazwie page.php. To jest szablon kontrolujący „Strony” - jeden z domyślnych typów treści, który „
Jest tylko jeden sposób, aby przejść do obszaru blogu witryny ze strony głównej, a jest to kliknięcie przycisku „Ostatni tekst”. Ale to prowadzi do najbardziej ”
Typografia nadal nie jest do końca poprawna, więc poświęcamy trochę więcej czasu na jej poprawianie. Warto to tutaj zrobić, ponieważ nagłówek i treść ”
Blog wyświetla to, co chcemy, ale nie ma tam typografii i układu. W razie potrzeby dodajemy trochę znaczników, aby „
Rozpoczynamy pracę nad obszarem blogowym serwisu. Chcemy mieć obszar blogu witryny pod adresem / blog / - więc w końcu tworzymy szablon strony o nazwie „