Web development od podstaw: HTML5, CSS3 i jQuery

Zwróć uwagę: Kody żródłowe zawarte są w pierwszej lekcji każdej części kursu w postaci pliku ZIP.

Kurs Front-end od podstaw: HTML5, CSS3 i jQuery jest idealnym kursem dla rozpoczynających projektantów i programistów web. Z tego pakietu 3 kursów dowiesz się, jak stosować najnowsze znaczniki HTML5, jak używać styli CSS do poprawienia wyglądu strony oraz jak tworzyć interakcje za pomocą biblioteki jQuery.

Kurs jest podzielony na krótkie tematy i jest skonstruowany tak, że możesz obejrzeć niezależnie każdą jego część. Jeżeli znasz już CSS to możesz skupić się jedynie na jQuery oraz HTML5.

Jeżeli szukasz wiedzy podanej czysto i klarownie, kursu bez zbędnych anegdot i dłużyzn, to właśnie go odnalazłeś. Zapraszam!

HTML5

HTML5 jest kolejną odsłoną języka używanego do tworzenia stron internetowych. Wnosi on wiele nowych znaczników i atrybutów, które ułatwiają życie designerom i programistom internetowym. Do takich znaczników zalicza się VIDEO, które umożliwia proste wstawianie plików wideo oraz znacznik CANVAS, umożliwiający rysowanie obrazków w przeglądarce. Kolejną dużą nowością są rozbudowane kontrolki formularzy, które upraszczają tworzenie formularzy HTML. Istotną nowością w HTML5 jest wprowadzenie kilku nowych znaczników opisujących strukturę strony, takich jak ARTICLE czy SECTION. Dzięki nim można tworzyć strony, które są lepiej skonstruowane semantycznie niż dotychczas.  Z tego kursu dowiesz się, jaki jest obecnie stan rozwoju HTML5, co jest już dziś gotowe do użycia, jakie są nowe możliwości tego języka i jakie narzędzia są najlepsze do stosowania w okresie przejściowym, w którym istnieją zarówno nowoczesne, jak i starsze przeglądarki nie radzące sobie z HTML5. 

CSS3 (oraz CSS2)

CSS (kaskadowe arkusze stylów) to język służący do opisu wyglądu stron WWW. Znajomość CSS pozwala odseparować wygląd dokumentu HTML od jego struktury. Dzięki temu kod strony jest bardziej przejrzysty, a zmiany wyglądu łatwiejsze.

Kurs stanowi wprowadzenie do najnowszej wersji arkuszy CSS i jest przeznaczony dla projektantów początkujących i średnio-zaawansowanych. W pierwszej części omawiane są podstawy działania CSS, gdzie wyjaśniamy takie terminy jak kaskada czy model pudełkowy. Druga część kursu jest skupiona wyłącznie na nowych cechach języka CSS, które opisywane są wspólną nazwą CSS3. Tu prezentujemy najnowsze techniki zmiany wyglądu strony: tworzenie gradientów, dodawanie cieni do elementów, transformacje w przestrzeni 2D i 3D, a także odbicia i obrysy tekstu. Omawiamy również podstawowe sposoby dostosowywania arkuszy stylów do określonych urządzeń, takich jak tablety czy telefony komórkowe. 

jQuery

jQuery to jedna z najbardziej popularnych i najczęściej używanych bibliotek ułatwiających programowanie w JavaScript. Stosowanie jej pozwala na uproszczenie kodu i szybkie wykonywanie zaawansowanych operacji działających w każdej przeglądarce.
Kurs stanowi wprowadzenie do korzystania z jQuery i jest przeznaczony dla początkujących użytkowników tej biblioteki. W pierwszej części omawiane są selektory i filtry służące wybieraniu elementów na stronie. Kolejny krok to dynamiczne zmiany wyglądu tych elementów za pomocą CSS oraz modyfikacja drzewa DOM. Prezentowane metody pozwalają na wstawianie, przesuwanie czy kopiowanie elementów strony oraz wykonywanie innych przydatnych operacji. Omawiana jest również obsługa zdarzeń i animowanie elementów na stronie. Dodatkowo na kilku przykładach prezentowana jest biblioteka interfejsu użytkownika jQuery UI.
Kody źródłowe skryptów zostały zamieszczone w kursie, co pozwala na ich własnoręczne modyfikacje. Kurs oparty jest na jQuery 1.6 i może być wykorzystywany również do poznawania nowszych wersji tej biblioteki.