Menu

HTML i CSS

Czym jest: HTML i CSS?

HTML i CSS to najbardziej podstawowe technologie wykorzystywane przy tworzeniu stron internetowych, i tym samym podstawowy zestaw umiejętności każdego developera. Z HTMLa oraz CSS korzystają zarówno front-end jak i back-end developerzy a także web designerzy. Znajomość HTML oraz CSS to pierwszy krok do tego, by zacząć tworzyć strony internetowe.

HTML to język znaczników, za pomocą których tworzymy strukturę stron internetowych. Stanowi podstawowy budulec pozwalający na tworzenie statycznych stron. Strony dynamiczne, pisane w innych językach - takich jak PHP czy elementy JavaScript - są renderowane przez przeglądarkę do HTMLa w momencie wyświetlania witryny. CSS to arkusze stylów, które nadają stronom odpowiedni wygląd. Pozwala na zdefiniowanie kolorów i położenia, sposobu wyświetlania a nawet na animacje poszczególnych elementów.

Nauka HTML oraz nauka CSS z kursów eduweb.pl to świetny krok na drodze do tego, by dowiedzieć się, jak tworzyć strony WWW o różnym stopniu zaawansowania. Jest to niezbędne narzędzie w arsenale każdego developera, zarówno profesjonalnego, jak i dopiero zaczynającego przygodę z tym, jak pisać strony www.

więcej... ukryj...

Ścieżka Zaawansowany HTML i CSS

To jest podstawowa Ścieżka w ramach tej technologii. Ścieżki są przez nas starannie ułożone i umożliwiają zdobycie Certyfikatu i Odznaki.

Czas: 18 godzin
KONTYNUUJ

Zarobki ekspertów HTML i CSS

Stanowiska: Junior Front-End Developer, Senior Front-End Developer, Junior Back-End Developer, Senior Back-End Developer
Wynagrodzenia netto: 3500-10000 zł
Kto rekrutuje? WP, Samsung, Roche, ING, Brain Jobs

zobacz oferty pracy
32 minuty

System Operacyjny w CSS cz.2

Praktyczne Techniki

W tym warsztacie kontynuujemy pracę nad wizualną kopią strony głównej mobilnego systemu operacyjnego takiego jak Android czy iOS - skupiając się na lepszych doświadczeniach wizualnych oraz między innymi na animacjach. Tak jak w poprzedniej części warsztatu, nie wykorzystujemy do tego żadnego Frameworka, a jedynie czyste funkcjonalności CSS, takie jak Keyframes i Transition. Dodatkowo, napiszę prosty skrypt JavaScript, który pozwoli na usuwanie aplikacji, gdy będziemy w trybie edycji. Zapraszam serdecznie do drugiej i ostatniej części tego warsztatu!

Wojciech Połowniak

43 minuty

System Operacyjny w CSS cz.1

Praktyczne Techniki

W tym warsztacie wykorzystamy wiedzę z CSSa w praktyce tworząc wizualną kopię strony głównej mobilnego systemu operacyjnego takiego jak Android czy iOS. Dzięki zastosowaniu CSS Grid i innych narzędzi przedstawię jak w szybki i wydajny sposób stworzyć prostą siatkę elastyczną na tyle, by dostosowywała swój wygląd w zależności do dostępnej przestrzeni, ale na tyle kontrolowaną aby elementy na niej umieszczane układały się z sensem. Oczywiście nie będziemy korzystali z niepotrzebnych frameworków - wszystko w stylu vanilla HTML/CSS.

Wojciech Połowniak

9 godzin 11 minut

Kurs CSS

od Podstaw

CSS jest już z nami ponad 20 lat i dalej się rozwija. Coraz to nowe właściwości są dostępne do dyspozycji developerów, tak by tworzenie stron WWW było szybsze, wygodniejsze i wydajniejsze. Tempo zmian w sieci jest ogromne, w związku z czym aby nie pozostać w tyle musimy patrzeć zarówno w przód, co czeka na nas w przyszlości - jak i to co mamy do dyspozycji już teraz. Kurs ten to pogląd na szereg terminów, technologii oraz architektur współczesnego CSSa w pigułce. Przedstawię Ci najważniejsze technologie oraz podejścia godne CSSa lat dwudziestych XXI wieku, oraz wskażę drogę dalej.

Wojciech Połowniak

48 minut

Wydajny blog z Next.js

w 60 minut

Next.js to framework umożliwiający łatwe tworzenie wydajnych stron www. Sam Next.js opiera się o React.js i jego zadaniem jest zapewnienie wszystkich niezbędnych narzędzi do wygodnego developmentu i deploymentu aplikacji - a to wszystko praktycznie bez konieczności konfiguracji! W tym warsztacie zobaczysz jak stworzyć blog wykorzystując Next.js.

Artur Chmaro

33 minuty

CSS Houdini

Przegląd Możliwości

CSS Houdini to zestaw API dający możliwość dostępu do CSSOM z poziomu JavaScriptu. Dzięki nim zyskujemy ogromną kontrolę nad renderowaniem elementów. Możliwe jest nawet rozszerzanie samego CSS poprzez "uczenie" go sposobu rysowania bądź układania elementów. To wszystko przy zachowaniu najwyższej wydajności wynikającej z bezpośredniej interakcji z mechanizmami renderowania, wykorzystywanymi przez przeglądarki. CSS Houdini przez wielu uznawane jest jako "przyszłość CSS".

Adam Gospodarczyk

8 godzin 15 minut

Strony WWW bez Kodowania

Dzięki narzędziom no-code

W tym kursie poznasz techniki tworzenia stron WWW bez kodowania, z pomocą nowoczesnych narzędzi i edytorów. Narzędzia no-code to rewolucja w podejściu do tego, jak projektujemy strony internetowe. Coraz większe możliwości web builderów pozwalają na tworzenie witryn w rekordowym czasie. Dzięki temu, że nie korzystamy z klasycznych metod kodowania, takie narzędzia są także dużo bardziej dostępne dla osób początkujących. Ten kurs to prawdziwa, wybuchowa mieszanka wiedzy o podejściu no-code, w połączeniu z konkretnymi scenariuszami, w których je zastosujemy!

Grzegorz Róg

46 minut

Nowoczesny Workflow Webdevelopera

Edycja 2020-21

W pracy programisty, prócz samej wiedzy i umiejętności, niezwykle ważny jest odpowiedni zestaw narzędzi i ich konfiguracja. Na rynku nieustannie pojawiają się nowe rozwiązania, których zadaniem jest ułatwienie nam pracy. Z tego powodu istotne jest, aby pozostawać na bieżąco i regularnie sprawdzać co nowego pojawiło się w ostatnim czasie. W tym warsztacie poznasz narzędzia, z których warto korzystać w 2020 roku - w tym m.in.: IDE i ich konfiguracja, przydatne wtyczki, praca w środowisku developerskim, nowe warte uwagi frameworki, nowoczesne narzędzia no-code i low-code i trochę sprzętu.

Adam Gospodarczyk

47 minut

Tailwind CSS

Czy zastąpi Bootstrapa?

Arkusze stylów CSS pozornie są proste do opanowania i nie ma w nich zbyt wielu skomplikowanych elementów. Największym wyzwaniem okazuje się jednak zarządzanie nimi wraz z rozwojem projektu. Z tego powodu powstało wiele bibliotek i technik zarządzania kodem CSS. Przez lata najpopularniejszy był Bootstrap oraz konwencja nazewnicza - BEM CSS. Od niedawna stosunkowo świeże podejście prezentuje Tailwind CSS, który rozwiązuje problem w zupełnie nowy sposób. W tym Materiale poznasz jego wady i zalety na tle innych dostępnych na rynku rozwiązań stworzonych z myślą o skalowalnym zarządzaniu kodem CSS.

Adam Gospodarczyk

3 godziny 32 minuty

Kurs Accessibility

Dostępność stron WWW

Nawet najbardziej estetyczna, nowoczesna strona czy aplikacja internetowa jest bezużyteczna, gdy użytkownik nie może z niej skorzystać w wygodny sposób. Na twórcy stron WWW ciąży duża odpowiedzialność - powinien tworzyć strony, które są nie tylko atrakcyjne wizualnie, ale też dostępne i użyteczne dla wszystkich. Niestety, wielu developerów zapomina o tym aspekcie lub nie posiada odpowiedniej wiedzy, potrzebnej do tego, by tworzyć strony dostępne dla użytkownika. Znajomość zagadnień z tego Kursu pomoże Ci tworzyć lepsze, zoptymalizowane dla wszystkich użytkowników strony, zadbać o user experience, jak i poznać nowoczesne, praktyczne rozwiązania, które wykorzystasz w codziennej pracy.

Wojciech Połowniak

2 godziny 2 minuty

Narzędzia Deweloperskie w Przeglądarce

Wydajne Tworzenie Stron WWW

W dzisiejszych czasach, gdy aplikacje internetowe stają się coraz bardziej rozbudowane, znajomość nowoczesnych narzędzi do pracy z nimi to konieczność. Jednym z takich narzędzi jest Chrome DevTools, wbudowane w każdą instalację przeglądarki Chrome na świecie. I choć miliony użytkowników nie wiedzą nawet o jego istnieniu, pozostaje ono zaledwie dwa kliknięcia od nich. Przekonaj się jak to narzędzie uzupełni proces Twojej pracy nad stronami internetowymi!

Piotr Palarz

1 godzina 24 minuty

Kurs HTTP i API

Jak działają strony i aplikacje

Kurs HTTP i API to wprowadzenie do technologii web i tego, jak działa Internet oraz przeglądarka. Powinien zapoznać się z nim każdy, kto planuje tworzyć strony internetowe i chce rozwijać swoją karierę w ścieżkach webdevelopmentu. Przyda się też twórcom i właścicielom internetowych projektów, którym pozwoli lepiej zrozumieć mechanizmy działające pod maską webowych stron i aplikacji po to, aby je rozwijać czy korzystać z automatyzacji. Porozmawiamy o wysyłaniu i odbieraniu danych z serwera, plikach tymczasowych i w końcu o API, czyli interfejsie, który pozwala programistom komunikować się z aplikacjami i nowoczesnymi narzędziami.

Grzegorz Róg

4 godziny 1 minuta

Kurs Visual Studio Code

Poznaj najlepszy edytor kodu

Visual Studio Code to obecnie jeden z najpopularniejszych edytorów kodu. Tytuł ten, wśród wielu świetnych narzędzi tego typu, nie był łatwy do zdobycia. VS Code zawdzięcza swój sukces ciągłemu rozwojowi, rosnącej liczbie przydatnych rozszerzeń i możliwości dostosowania do niemal każdego projektu, bez względu na technologię, w której jest tworzony. Z kursu dowiesz się jak wydajnie pracować z tym narzędziem, aby tworzenie kodu było prostsze, szybsze i przede wszystiim - przyjemniejsze.

Piotr Palarz

3 godziny 3 minuty

Kurs CSS Grid

Zaawansowane layouty

CSS Grid to najnowsza metoda pozycjonowania elementów natywna dla CSSa - a niektórzy twierdzą, że jest to następca dla CSS Flexbox. Być może mają racje, ponieważ w porównaniu do Flexboxa, Grid ma o wiele większe możliwości i spójniejszą składnię. Dodatkowo idealnie wpasowuje się w ideę Progressive Enhancement, czyli stopniowego dostarczania coraz to lepszych doświadczeń użytkownikom, w zależności od używanego przez nich urządzenia. CSS grid to potężne narzędzie które pozwoli Ci stworzyć responsywne layouty - nawet bez użycia media queries.

Wojciech Połowniak

4 godziny 7 minut

Kurs Flexbox

od Podstaw

Ten kurs to omówienie najpopularniejszej i najlepiej wspieranej metody pozycjonowania elementów ostatnich lat - Flexboxa. Zrozumiesz w pełni jak działa Flexbox, dlaczego elementy układają się w określony sposób przy danych właściwościach, a także jakie problemy rozwiązuje i jakie niesie za sobą ryzyko.Realizacja materiału będzie dla Ciebie solidną dawką wiedzy, dzięki której żaden layout na flexboxie już Cię nie zaskoczy. Został on skompresowany do granic możliwości, znajdziesz tu same konkrety.

Wojciech Połowniak

7 godzin 34 minuty

Kurs HTML i CSS

od Podstaw

Chcesz stworzyć swoją pierwszą stronę WWW i poznać podstawy Web Designu? Nie mogłeś lepiej trafić. Projektowanie stron Internetowych zaczyna się właśnie tutaj - od nauki HTML i CSS, które leżą u podstaw każdej witryny. Opanowanie tych zagadnień z Kursu pozwoli Ci od początku nauczyć się poprawnych praktyk, stosowanych przez profesjonalistów, oraz tworzyć nowoczesne strony zgodne ze standardami HTML5 i CSS3!

Grzegorz Róg

11 godzin 24 minuty

Kurs Nowoczesny Webdesign

Projektowanie stron i UI/UX

Zajmujesz się, lub zamierzasz się zająć Tworzeniem Stron WWW? Jesteś programistą, grafikiem, chcesz stworzyć stronę firmy lub kierujesz zespołem? Ten kurs jest wszystkim, czego potrzebujesz aby projektować nowoczesne, skuteczne i funkcjonalne serwisy. Poznasz i zoptymalizujesz proces koncepcyjny, dowiesz się jak pracować wydajnie w zespole, optymalizować grafikę, wykorzystać RWD i podejście Mobile First. Powiem Ci jak skutecznie optymalizować i promować strony WWW. Poznasz też dziesiątki narzędzi oraz linków, które pomogą Ci usprawnić pracę i zebrać potrzebne zasoby. Pokażę Ci na setkach przykładów jak działają nowoczesne strony WWW oraz jakie są trendy w projektowaniu. Gwarantuję, że inwestycja w kurs zwróci się wielokrotnie w Twojej pracy!

Grzegorz Róg

5 godzin 48 minut

Kurs Projektowania Stron WWW

UI/UX w Praktyce

Kurs, który masz przed soba jest uzupelnieniem i praktycznym rozwinieciem kursu Nowoczesny Webdesign. Zdecydowanie zalecamy obejrzenie kursu Nowoczesny Webdesign w pierwszej kolejnosci. Witaj w praktycznym kursie Projektowania Stron WWW, gdzie na przestrzeni 6 godzin materialów wideo dowiesz sie, jak przygotowac, krok po kroku, funkcjonalny layout serwisu WWW. W kursie omówimy zagadnienia zwiazane z uzytecznoscia oraz praca koncepcyjna a takze z pomoca narzedzi takich jak Photoshop, Illustrator, UX Pin czy Invision stworzymy funkcjonalny prototyp i layout strony WWW. Jesli zajmujesz sie projektowaniem stron i chcesz poznac nowoczesne techniki tworzenia layoutów - nie mogles lepiej trafic

Grzegorz Róg

9 godzin 36 minut

Kurs HTML5 i JavaScript

Techniki Zaawansowane

Nowe specyfikacje HTML5 przy użyciu JavaScript dają niesamowite możliwości twórcom stron WWW. Mechanizmy Geolokacji, Aplikacji Offline, Wideo czy Canvas to standard, który już teraz możemy wykorzystać. Poznaj go na praktycznych przykładach z naszym obszernym kursem. Materiał, który masz przed sobą to kompendium nowoczesnych technik pracy ze stronami WWW, które powinien znać każdy webdeveloper.

Piotr Palarz

9 godzin 42 minuty

Kurs Responsive Web Design

Skuteczne Techniki

Projektowanie na wiele ekranów i rozdzielczości to jedno z największych wyzwań współczesnych front-end developerów. Materiał, który masz przed sobą stanowi szereg niezwykle praktycznych lekcji, dzięki którym będziesz mógł jeszcze skuteczniej kodować responsywne serwisy.

Grzegorz Róg

6 godzin 19 minut

Kurs Preprocesory CSS

SASS, LESS i Compass

Projektuj strony WWW jeszcze szybciej i wydajniej dzięki preprocesorom CSS. Te niezwykle przydatne narzędzia wspomagają proces kodowania witryn internetowych oraz rozszerzania ich o nowe funkcje. W ostatnim czasie Preprocesory CSS stały się obowiązkowym narzędziem każdego webdevelopera a ich nauka nie jest trudna i wymaga jedynie znajomości podstaw CSS!

Piotr Palarz

8 minut

Wysyłanie do GitHub

Z tej krótkiej lekcji dowiesz się w jaki sposób utworzyć swoje pierwsze repozytorium w serwisie GitHub, a także jak wysyłać do niego kod tworzonego przez Ciebie projektu.

Piotr Palarz

1 godzina

Poznaj CSS Flexbox

Zobacz jak pozycjonować elementy układu strony z pomocą jednej z najważniejszych metod jaką jest Flexbox w CSS3.

Grzegorz Róg

1 godzina 20 minut

Strony WWW z Jekyll i GitHub Pages

Poznaj zasady działania generatorów statycznych stron jak Jekyll i zobacz jak za darmo hostować stronę na Github Pages!

Piotr Palarz

1 godzina

BEM CSS

Poznaj techniki wykorzystania BEM CSS oraz dowiedz się jak łączyć ją z użyciem preprocesorów SASS!

Piotr Palarz

1 godzina

Techniki Kodowania Newsletterów

Poznaj tajniki kodowania mailingów na potrzeby newslettera i dowiedz się jak przetestować poprawność wyświetlania wiadomości!

Piotr Palarz

1 godzina

Firefox Developer Edition

Poznaj Firefox Developer Edition, przeglądarkę stworzoną specjalnie z myślą o Web Developerach!

Piotr Palarz

1 godzina

Wprowadzenie do Git

Poznaj od podstaw jeden z najlepszych systemów kontroli wersji jakim jest Git

Piotr Palarz

44 minuty

Document Editing API w HTML5

Warsztat będący obiecaną kontynuacją ścieżki tworzenia witryn i aplikacji z użyciem HTML5, którą rozpoczęliśmy w kursie HTML5 i JavaScript - Techniki Zaawansowane.

Piotr Palarz

1 godzina 15 minut

Kodowanie w Sublime Text 3

Poznaj świetny edytor kodu Sublime Text 3, który przyda się każdemu Web Developerowi

Piotr Palarz

1 godzina

Fonty na stronach WWW

Dowiedz się jak zastosować dowolną, piękną typografię na stronie WWW

Grzegorz Róg

1 godzina

htaccess w Praktyce

Sprawdź triki do wykorzystania na Twojej stronie opartej o serwer Apache.

Grzegorz Róg

}