Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a

Radosław Madecki

Obierz kurs na... ambitny frontend od podstaw HTML i CSS bez wątpienia zrewolucjonizowały Internet, umożliwiając każdemu dostęp do tworzenia stron WWW, aplikacji i atrakcyjnych treści w sieci. Dzięki HTML strony internetowe stały się interaktywne, bogate w multimedia. Z kolei CSS dało twórcom narzędzie do oddzielenia struktury dokumentu od stylu, co pozwoliło na tworzenie estetycznych, responsywnych stron, które wyglądają świetnie na różnych urządzeniach. Te technologie nie tylko umożliwiły rozwój dynamicznych aplikacji internetowych, ale także stanowią fundament współczesnego, interaktywnego web designu. Bez HTML i CSS Internet nie rozwijałby się w tak szybkim tempie, a strony pozostałyby prostymi, statycznymi dokumentami. Znajomość HTML i CSS jest istotna nie tylko dla programistów, ale też marketingowców i wszystkich pracujących z nowoczesnymi narzędziami no-code i low-code. Niestety, wiele osób, które pracują w zawodzie web developera, zna tylko pobieżnie fundamenty HTML i CSS. Tę wiedzę łatwo zdobyć, a wbrew pozorom jest bardzo rzadka. Zamiast polegać na skrótach, dołącz do grona ambitnych frontendowców! Zainwestuj w solidną wiedzę – zyskasz przewagę, której wielu brakuje. Szkolenie Ambitny Frontend: HTML i CSS. Kurs video. Zbuduj swoją pierwszą stronę i zacznij karierę dev'a ukończysz na poziomie podstawowym rozszerzonym. W ciągu ponad 8 godzin nauki zdobędziesz wiedzę, która wykracza poza elementarne zagadnienia, a co najważniejsze – dowiesz się, jak skutecznie używać jej w praktyce. Poznasz składnię, kluczowe tagi HTML i dobre praktyki semantyczne, dzięki czemu zbudujesz proste, ale nowoczesne i ustrukturyzowane strony internetowe. Opanujesz techniki, które pomogą Twoim stronom osiągać lepsze wyniki w wyszukiwarkach, tym samym poprawi się ich pozycjonowanie i widoczność w sieci. Zrozumiesz, jak pisać czysty kod, a Twoja praca będzie bardziej profesjonalna i ceniona w środowisku zawodowym, jak również podczas rekrutacji. Przyswoisz podstawy stylowania w CSS, dzięki czemu stworzysz nowoczesne i atrakcyjne wizualnie strony. Nauczysz się budować responsywne projekty, które działają poprawnie na różnych urządzeniach – od telefonów po komputery – i docierają do szerszej grupy użytkowników. Opanujesz pracę z modelem pudełkowym (ang. box model), dzięki czemu zrozumiesz, jak przestrzeń wokół elementów wpływa na układ strony. Ustawisz odpowiednie czcionki i stworzysz kontenery, takie jak banery, a także przećwiczysz inteligentne centrowanie poziome. Poznasz zasady używania flexboxa, co pozwoli Ci precyzyjnie rozmieszczać elementy, za pomocą właściwości takich jak align-items i justify content. Stworzysz nawigację i sekcję z projektami, ucząc się, jak efektywnie zarządzać układem stron i stosować flex direction do odwracania układów. Dodatkowo zdobędziesz wiedzę na temat dostępności (accessibility), co pozwoli Ci tworzyć strony dostępne dla wszystkich, w tym osób z niepełnosprawnościami. To szkolenie przygotuje Cię do samodzielnego tworzenia nowoczesnych i funkcjonalnych stron internetowych. Duet HTML i CSS HTML i CSS działają razem jak szkic i farby – HTML buduje ramę strony, a CSS nadaje jej kolory. Co więcej, dobrze zorganizowany kod HTML i efektywnie napisany CSS podnoszą jej wydajność, co przekłada się na szybsze ładowanie i lepsze doświadczenie użytkownika. Dzięki CSS strony mogą być dostępne i funkcjonalne dla osób z różnymi niepełnosprawnościami, co jest nie tylko ważne społecznie, ale też zgodne z przepisami. Bez znajomości tych technologii tworzenie nowoczesnych, estetycznych i funkcjonalnych stron byłoby niemożliwe.

Ambitny Frontend: Zaawansowane techniki CSS i HTML. Kurs video. Projektuj nowoczesne layouty, które zachwycą

Radosław Madecki

Obierz kurs na... zaawansowane techniki HTML i CSS Bycie dobrym frontendowcem w dzisiejszych czasach to sztuka łączenia kreatywności z technologią. Nie wystarczy już tylko znać HTML i CSS – trzeba myśleć jak projektant, kodować jak inżynier i działać jak lider zespołu. Znajomość zaawansowanego HTML i CSS to oczywiście fundament, na którym opiera się nowoczesny web development. Współczesne strony internetowe muszą być nie tylko estetyczne, ale także responsywne i dostępne dla wszystkich użytkowników. Kluczem do sukcesu jest opanowanie zaawansowanych narzędzi, takich jak CSS grid, flexbox, i komponentów, które pozwalają budować nowoczesne, responsywne strony. Grid CSS, choć wprowadzony dopiero w 2017 roku, zrewolucjonizował tworzenie nowoczesnych układów, zastępując starsze metody jak float czy inline-block. Z kolei zrozumienie semantyki HTML i ról ARIA jest niezbędne, aby tworzyć strony dostępne dla użytkowników z różnymi niepełnosprawnościami – to coraz ważniejszy aspekt w web developmencie. Zaawansowane techniki pozwalają również na lepszą współpracę w zespołach – tu modularność i czytelność kodu są kluczowe (przykładowo umiejętność przenoszenia projektów z Figmy do kodu da Ci przewagę w pracy zespołowej). Przekonaj się, jak nieograniczone są możliwości web developmentu, gdy zaawansowane techniki stają się intuicyjne. To moment, w którym projektowanie stron przestaje być wyzwaniem, ponieważ zmienia się w czystą przyjemność! Szkolenie Ambitny frontend: zaawansowane techniki CSS i HTML. Kurs video. Projektuj nowoczesne layouty, które zachwycą ukończysz na poziomie średnio zaawansowanym – z elementami z poziomu zaawansowanego. Doświadczysz kompleksowej pracy nad realnym projektem, z jakim możesz się spotkać w pracy web developera. Zrozumiesz, jak przekształcać design z Figmy na gotowe strony, pobierać grafiki i pracować z brand bookiem. Nauczysz się definiować fonty przy użyciu jednostek rem i em, a także tworzyć stronę z podglądem brand booka, aby się upewnić, że wszystko działa perfekcyjnie. Opanujesz sztukę zarządzania kolorami i zmiennymi w CSS, co pozwoli Ci na dynamiczne i efektywne stylowanie. Poznasz zaawansowane techniki CSS, takie jak flexbox i grid, i w praktyce nauczysz się tworzyć elastyczne, responsywne layouty, które świetnie wyglądają na każdym urządzeniu. Zrozumiesz, jak dynamicznie zarządzać stylami dzięki CSS variables, co znacznie ułatwi utrzymanie większych projektów. Będziesz sprawnie zarządzać wieloma plikami CSS, co pozwoli Ci na lepszą organizację pracy w dużych zespołach. Dogłębnie zrozumiesz semantykę HTML, co sprawi, że Twoje strony będą bardziej przyjazne i dostępne dla wszystkich użytkowników, w tym tych korzystających z technologii wspomagających. Przyswoisz zasady accessibility i roli ARIA, co pozwoli Ci tworzyć strony zgodne z najnowszymi standardami. Nauczysz się także optymalizować kod CSS, co zwiększy wydajność Twoich stron. Dzięki temu staniesz się frontend developerem, gotowym na większe wyzwania. Poznając tajniki CSS grid, dowiesz się, jak perfekcyjnie układać elementy w gridzie i rozwiązywać złożone wyzwania layoutowe. W efekcie Twoje strony będą responsywne, elastyczne i zaprojektowane zgodnie z najwyższymi standardami. Zakończysz kurs z umiejętnością tworzenia profesjonalnych, nowoczesnych stron internetowych z dbałością o każdy szczegół.

Bootstrap. Kurs video. Tworzenie interaktywnych i responsywnych stron internetowych

Łukasz Krawczyk

Obierz kurs na... budowanie nowoczesnych stron internetowych Mimo intensywnego rozwoju mediów społecznościowych, a co za tym idzie – nowego modelu kontaktu z klientami i „followersami”, zapotrzebowanie na profesjonalne, nowoczesne strony WWW nie maleje. Firmy i osoby prywatne wciąż poszukują twórców witryn w pełni responsywnych i maksymalnie interaktywnych, po których poruszanie się będzie dla użytkownika przyjemne na tyle, by zechciał on pozostać na nich dłużej, a w przyszłości – powrócić. By tworzyć tego typu strony, programiści sięgają po rozmaite narzędzia. Wśród nich ostatnimi laty pozytywnie wyróżnia się Bootstrap, najpopularniejszy, a do tego bezpłatny framework HTML/CSS, dzięki któremu – przy odrobinie chęci i zaangażowania – można stworzyć responsywną stronę internetową na bazie predefiniowanych komponentów dostarczanych przez piątą wersję tej uznanej frontendowej technologii. Ten kurs video ma za zadanie przybliżyć Bootstrap od strony praktycznej – poprzez tworzenie responsywnej strony internetowej poświęconej tematyce gier wideo. W trakcie pracy uczestnik szkolenia skorzysta z HTML5, CSS3 i JavaScriptu, czyli trzech fundamentalnych języków webowych, a także z ekosystemu najpopularniejszego frameworka HTML/CSS, czyli Bootstrapu. To on zagwarantuje projektowi pełną responsywność, pozwoli bowiem precyzyjnie dostosować wygląd witryny do aktualnej szerokości ekranu urządzenia końcowego. Co więcej, znacząco przyspieszy i ułatwi pracę z językami interpretowanymi po stronie przeglądarki: HTML, CSS i JavaScriptem. Co Cię czeka podczas naszego profesjonalnego szkolenia Podczas nauki z naszym kursem video: Poznasz framework Bootstrap i opanujesz wiele zagadnień związanych z korzystaniem z tej technologii, takich jak front-end i back-end czy wytyczne dotyczące dostępności stron internetowych (WCAG) Będziesz operować w języku CSS – w tym przybliżysz sobie dostępne w nim modele layoutów, fleksowy pojemnik i elementy fleksowe, najważniejsze (z punktu widzenia Bootstrapa rzecz jasna) właściwości języka CSS związane z trybem wyświetlania Flexbox (Flexible Box) Przypomnisz sobie język programowania JavaScript – standard ECMAScript i jego różne wersje, najważniejsze elementy standardu ECMAScript 6 (2015), stałe/zmienne, funkcje strzałkowe, interpolację literałów łańcuchowych, wstęp do funkcji wyższego rzędu, metodę .forEach() Zrozumiesz, czym jest responsywność, a także jak działa filozofia mobile-first – w tym przyswoisz takie kwestie jak idea i ogólne założenia, charakterystyka, zasady stosowania, system 12-kolumnowej siatki, punkty przegięcia dostępne w Bootstrapie 5 a punkty przegięcia dostępne w poprzedniej wersji tego frameworka Zbudujesz od zera kompletną stronę internetową – skorzystasz przy tym z najważniejszych komponentów i funkcjonalności Bootstrapa 5.3.x, takich jak menu hamburgerowe, karuzela, grupy przycisków, karty, akordeon, pływające etykiety pól formularza, walidacja formularza domyślnie dostarczana przez Bootstrap Przekonasz się, jak funkcjonuje okno modalne – od idei działania, poprzez strukturę, otwieranie i zamykanie, statyczną odmianę okna modalnego, okno modalne z możliwością przewijania, okno modalne wyśrodkowane w pionie, rozmiary okna modalnego, po dynamiczną podmianę jego zawartości Przyjrzysz się nowemu w wersji Bootstrapa, z której będziesz korzystać, trybowi ciemnemu – określisz tryb kolorystyczny, umieścisz kontrolkę (przełącznika) do aktywacji trybu ciemnego, aktywujesz go po kliknięciu w kontrolkę (przełącznik), aktywowany przez użytkownika tryb ciemny zapamiętasz w obiekcie localStorage Bootstrap. Kurs video. Tworzenie interaktywnych i responsywnych stron internetowych jest adresowany do osób w miarę obytych z zagadnieniami związanymi z tworzeniem stron internetowych w HTML, CSS3 i JavaScripcie. Dobrze, by uczestnik szkolenia poruszał się sprawnie w dowolnym darmowym edytorze kodu źródłowego z kolorowaniem składni (najlepiej Visual Studio Code, ewentualnie Notepad++). Posiadanie bazowej wiedzy z zakresu responsywności także jest wskazane. Szkolenie kończy się na poziomie średnio zaawansowanym/zaawansowanym. Po jego odbyciu będziesz w stanie świadomie i w pełni samodzielnie tworzyć strony internetowe oparte na najbardziej popularnym frameworku HTML/CSS. Chodzi o odpowiedzialne i efektywne korzystanie z ogromu potencjału, jaki kryje w sobie ta technologia w najnowszej odsłonie, tj. w wersji 5.3.x. Dodatkową wartością może być też umiejętność wzbogacenia i uzupełnienia standardowych możliwości Bootstrapa o własne rozwiązania programistyczne, na przykład pod postacią skryptów języka JavaScript zgodnych ze specyfikacją ECMAScript 6 (2015). Webmasterem być Wiedza zdobyta podczas kursu nie tylko może się przełożyć na wzmocnienie Twojej pozycji zawodowej w aktualnej pracy, ale również skłonić Cię do poszukania nowego zajęcia, na przykład jako webmaster z prawdziwego zdarzenia lub front-end web developer. Co równie istotne, praktyczna znajomość ekosystemu Bootstrapa pozwala w sposób szybki i bezkompromisowy odnaleźć się w zupełnie innych frameworkach HTML/CSS, jak ZURB Foundation czy Skeleton, działających na podobnych zasadach. Świadomość podziału technologii webowych na front-end i back-end, wiedza o frameworku, jak również umiejętność jednoznacznego umiejscowienia w tym wszystkim Bootstrapa z pewnością przełożą się na Twoje postrzeganie Internetu. Nawet jeśli jesteś zwykłym użytkownikiem, będziesz wiedzieć, jak działa sieć, jak jest zbudowana i na czym się opiera.

CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu

Michał Grząśko

Obierz kurs na... CSS/SASS! Kaskadowe arkusze stylów to coś, bez czego nie może się obejść żadna efektowna wizualnie witryna internetowa — tak głęboko wrosły w nasze myślenie o tworzeniu pięknej strony, że nie możemy ich zastąpić niczym innym. Co więcej, CSS są rozwijane w dynamicznym tempie, a przeglądarki implementują i wspierają coraz to nowsze, bardziej zaawansowane reguły. Pozwala to twórcom stron dopieszczać swoje projekty i komponować niepowtarzalne layouty. Wszystkie te zalety CSS z pewnością już znasz i nie trzeba Cię przekonywać do ich wykorzystania. Sęk w tym, że kaskadowe arkusze stylów mają też pewną irytującą wadę: wymagają nieustannego powtarzania fragmentów kodu. Na szczęście wizjonerzy nowego, ergonomicznego programowania znaleźli na to sposób: zaprojektowali SASS — preprocesor CSS pośredniczący między przeglądarką a Twoim kodem. Dzięki temu możesz oszczędzić mnóstwo czasu! CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu ma za zadanie pokazać Ci, jak inteligentnie i wydajnie korzystać z SASS przy nadawaniu stronie internetowej odpowiedniego wyglądu. To niezwykle elastyczne środowisko udostępnia fantastyczne narzędzia i wzorce, które możesz wykorzystać w swoich projektach. Podczas kursu nauczysz się używać najbardziej efektownych i najwygodniejszych skrótów, trików i metod działania w środowisku SASS. Sprawdź, jak wygodnie możesz realizować swoje pomysły na stronę WWW — sięgnij po SASS! Czego nauczysz się podczas naszego profesjonalnego szkolenia? Zobaczysz, jak przygotować środowisko do pracy z SASS. Nauczysz się instalować Node. Sprawdzisz, do czego służy narzędzie Gulp i jak można go używać. Zaczniesz korzystać ze zmiennych i mixin, a także z @import i media queries. Opanujesz praktyczne wykorzystywanie nowoczesnych właściwości CSS, takich jak flexbox, transition, pseudoelementy i zaawansowane selektory. Odkryjesz, jak animować elementy HTML oraz dostosowywać wygląd projektu do wszystkich urządzeń — od desktopowych po mobilne. Poznasz zasady pozwalające zachować porządek i estetykę w kodzie. Dowiesz się, jak ostylować elementy najczęściej wykorzystywane na stronach internetowych, czyli przyciski, dropdowny, nawigację, togglery, tabele. Nie musisz być biegłym użytkownikiem CSS, by poradzić sobie z opanowaniem zawartego tu materiału. W trakcie ponad stu lekcji nauczysz się obsługi podstawowych i bardziej zaawansowanych narzędzi SASS. Zorientujesz się także, jak pisać ikonki w czystym CSS oraz efektowne i przyciągające wzrok zdarzenia :hover. Twoje strony internetowe wiele zyskają dzięki wzbogaceniu interfejsu o różne nowoczesne efekty, a estetyka w pisaniu kodu znacznie się poprawi. Co więcej, poznasz kluczowe elementy sposobu myślenia, który umożliwi Ci pisanie dowolnego interfejsu w CSS. Dowiesz się między innymi, jak odpowiednio nazywać klasy (i jak ich nie nazywać) oraz jak tworzyć odpowiednią konwencję dla projektu. Jeśli zrealizujesz wszystkie zadania, jakie postawi przed Tobą autor szkolenia CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu, oraz starannie przeanalizujesz jego wskazówki, Twoje projekty staną się znacznie lepsze, a Ty zaoszczędzisz mnóstwo czasu i nerwów. Eleganckie stylowanie stron Ten kurs zawiera najróżniejsze zagadnienia: od stosunkowo prostych po zaawansowane. Jeśli radzisz sobie z podstawami CSS, z pewnością możesz go rozpocząć i stopniowo nabierać coraz większej biegłości w rozumieniu kodu, dostrzeganiu jego niuansów i stylizowaniu dowolnych elementów HTML. To z kolei poprawi Twoje umiejętności w zakresie szybkiej i trafnej oceny różnych obszarów strony, zwiększy Twoje wyczucie i pozwoli Ci zyskać nową perspektywę. Regularne używanie preprocesora SASS sprawi, że zaczniesz myśleć w kategoriach zestawów reguł potrzebnych do napisania danego elementu. Takie podejście znacznie przyspieszy Twoje standardowe projekty, a jednocześnie przygotuje Cię na większe wyzwania. Nie tylko bez problemu będziesz nadawać style standardowym przyciskom, rozwijanym menu i przełącznikom, lecz także zaczniesz w pełni wykorzystywać animację czy złożone zdarzenia. Będziesz też bez problemu dopasowywać interfejsy swoich stron do potrzeb różnych urządzeń — stacjonarnych i mobilnych. W poszukiwaniu własnego stylu Na świecie istnieje niewyobrażalnie dużo stron internetowych. Zdecydowana większość z nich nie świadczy najlepiej o ich projektantach. Nie chcesz chyba być jednym z nich? CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu pomoże Ci uniknąć wielu błędów i zrozumieć istotę tworzenia stron o dużych walorach graficznych. Jeśli myślisz o karierze programisty lub projektanta albo chcesz aplikować na dowolne stanowisko wymagające takich umiejętności, bez znajomości CSS i SASS nie masz co o tym marzyć. Znajomość SASS jest jednym z najczęstszych wymagań pojawiających się w ofertach pracy. Dzięki temu szkoleniu zdobędziesz umiejętność pożądaną na rynku pracy — nauczysz się analizować projekt pod kątem odpowiedniej konwencji i zwiększysz elastyczność własnego myślenia o graficznych aspektach strony. Tylko dla wtajemniczonych Sprawdzone wzorce, dobre praktyki, funkcjonalności SASS, nowoczesne możliwości CSS3 i sposoby ich wykorzystania na przykładzie pełnego, kompleksowego projektu — oto, co oferuje Ci CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu. Znajdziesz tu specjalistyczne narzędzia oraz jasne, precyzyjne i szerokie omówienia kolejnych elementów. Prześledzisz dokładnie, krok po kroku, jak zabrać się do projektowania i jakie kolejne czynności wykonać. Zobaczysz, jak Twój kod nabiera rozmachu i szyku, staje się dynamiczny, przejrzysty, dokładnie taki, jaki powinien być. Terminologia związana z CSS i SASS przestanie być dla Ciebie przeszkodą, a nowo poznane elementy posłużą Ci do stworzenia zachwycających projektów!

CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW

Tomasz Kowalski

Obierz kurs na... CSS3! Czy wiesz, jak zatrzymać internautów na stronach, które projektujesz? A może masz już dość witryn z małą wydajnością i ciężką grafiką? Zastanawiasz się, w jaki sposób zastąpić animacje wykonane w przestarzałej technologii Flash? Jeśli pragniesz zostać twórcą nowoczesnych stron internetowych, to znajomość języka CSS wydaje się jak najbardziej uzasadniona. Jeszcze lepiej, gdy będzie to CSS3, który otwiera nową erę w dziedzinie projektowania stron WWW.  Kaskadowe arkusze stylów (Cascading Style Sheets) to specjalny język opracowany w celu bardziej elastycznego formatowania elementów stron internetowych. Pozwolił oddzielić treść strony od jej wyglądu. Dzięki zastosowaniu zupełnie nowego myślenia o projektowaniu podbijesz sieć lekkimi, responsywnymi i eleganckimi witrynami.  Wprowadzenie nowych standardów w internecie oznacza nieograniczone możliwości — poznasz je wszystkie dzięki szkoleniu CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW. Już wkrótce zrozumiesz podstawy najbardziej obiecującego języka programowania i zaczniesz je wykorzystywać w pracy nad własnymi stronami.  Co Cię czeka podczas naszego profesjonalnego szkolenia? Przygotujesz środowisko programistyczne do dalszej pracy. Poznasz składnię języka CSS i metody osadzania stylów. Przekonasz się, w jaki sposób kaskadowość zmieni jakość Twoich witryn. Wprowadzisz podział na moduły. Skorzystasz z nowych selektorów, pseudoklas i pseudoelementów. Będziesz definiować kolory w notacji słownej, szesnastkowej, RGB i RGBA oraz innych.  Dowiesz się, czym jest model kontenerowy. By z satysfakcją stwierdzić, że potrafisz... …pisać przejrzysty kod oraz wzbogacić swoją stronę o ciekawe efekty wizualne i nowe właściwości. Kaskadowe arkusze stylów są nieodzowną częścią każdej strony WWW aspirującej do miana nowoczesnej. CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW pokaże Ci, jak z użyciem najnowszych trendów i od podstaw stworzyć atrakcyjne wizualnie witryny. Przybliży Ci również przydatne techniki optymalizacji. Dzięki temu praca nawet nad bardzo złożonymi projektami będzie łatwa i szybka. Twoje strony będą niezwykle efektowne, a do tego wydajne oraz przyjazne dla użytkownika. Skorzystaj z wiedzy naszego eksperta i wprowadź standard CSS3 do swojego życia! Najmodniejsze strony w sieci Dzięki wiedzy przekazanej w szkoleniu CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW w swoich projektach rozdzielisz warstwę prezentacji wizualnej od warstwy danych, a Twój dokument HTML będzie bardziej przejrzysty i łatwiejszy do zarządzania. Przekonasz się też, że strony stworzone w języku CSS3 są elastyczne, lekkie i przyjazne dla użytkownika. To także witryny responsywne, czyli przeznaczone dla urządzeń mobilnych — a stąd zaledwie krok do podbicia nie tylko internetu, ale i rynku smartfonów oraz tabletów.  Przyszedł czas na nowe praktyki Ze szkoleniem CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW nauczysz się w stopniu średnio zaawansowanym wykorzystywać potencjał języka CSS2 i CSS3. Poznasz ciekawe rozwiązania, które zaimplementujesz do własnych projektów. Generowanie grafiki oraz gradientów, autorskie animacje i efekty, proste zarządzanie treścią — dzięki przygotowanemu dla Ciebie kursowi poznasz nie tylko te tajniki kaskadowych arkuszy stylów.  Zostań webmasterem najnowszej generacji  CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW podpowie Ci, jak pilnować zgodności tworzonych stron ze standardami, czym są nowe selektory i których właściwości fontów i tekstu najlepiej użyć w projektowanej witrynie. Dowiesz się, w jaki sposób tworzyć układy stron przy użyciu stylów CSS. Zdobędziesz rozeznanie w profilach kolorów, właściwościach obramowań i tła, możliwościach związanych z tekstem oraz gradientami, a także transformacjach, przejściach i animacjach. Te umiejętności pomogą Ci wyznaczać nowe szlaki w internecie i pozostawić konkurencję zawsze o krok w tyle. Poznaj naszego eksperta Tomasz Kowalski jest twórcą stron w standardach XHTML 1.0, CSS 2.1, HTML5, CSS3 oraz aplikacji internetowych w technologii PHP5, MySQL5, JavaScript, jQuery. Autor i właściciel portali toinfo.pl oraz informatyk.toinfo.pl. Twórca zestawów egzaminacyjnych dla okręgowych komisji egzaminacyjnych z zakresu montażu oraz eksploatacji komputerów osobistych oraz urządzeń peryferyjnych, a także tworzenia aplikacji internetowych i baz danych oraz administrowania bazami. Autor książek Urządzenia techniki komputerowej. Podręcznik do nauki zawodu technik informatyk oraz E-12. Montaż i eksploatacja komputerów osobistych oraz urządzeń peryferyjnych. Podręcznik do nauki zawodu technik informatyk, które uzyskały numery dopuszczenia MEN i zostały wydane przez Helion. Nauczyciel oraz wykładowca, wieloletni egzaminator Centralnej Komisji Egzaminacyjnej.

HTML5 i CSS3. Kurs video. Fundamenty frontendu

Marcin Pałka

Obierz kurs na... fundamenty frontendu W świecie frontendu mnogość nowoczesnych narzędzi, pluginów i frameworków niejednego przyprawi o zawrót głowy. Zmieniają się standardy języków programowania i można rzec – wszystko płynie. Jednak i w tym świecie bez zawahania da się wymienić dwóch największych graczy – są nimi HTML i CSS. Sięgnijmy do niezbędnej teorii i sprawdźmy, dlaczego. Język znaczników HTML odpowiada za strukturę strony internetowej i określa hierarchię znajdujących się w niej komponentów. Każdy element strony jest zdefiniowany przez kod źródłowy HTML, który następnie zostaje zinterpretowany przez przeglądarkę internetową. Bez właściwej struktury HTML przeglądarka nie odczyta i nie wyrenderuje oczekiwanej zawartości. Stąd wniosek: bez znaczników HTML nie da się stworzyć strony internetowej. No dobrze, a do czego potrzebny jest CSS? Kaskadowych arkuszy stylów CSS używa się do określenia wyglądu dokumentów HTML. Prócz nadawania stylu umożliwiają separację struktury HTML od jej wizualnej prezentacji, co zwiększa przejrzystość kodu. Dzięki znajomości CSS można dostosować rozmiar dokumentu do każdej szerokości ekranu i tworzyć w pełni responsywne, skalowalne projekty. HTML i CSS tworzą duet o ogromnym potencjale i stanowią fundamenty frontendu. W trakcie naszego profesjonalnego szkolenia: Poznasz możliwości narzędzi developerskich dostępnych w nowoczesnych przeglądarkach internetowych Nauczysz się składni HTML5 i CSS3 na przykładach Poznasz znaczniki HTML5 Nauczysz się pisać poprawny semantycznie i reużywalny kod Dowiesz się, jak stworzyć responsywną stronę internetową, zgodną z aktualnymi standardami Poznasz dobre praktyki pracy z kodem HTML i stylami CSS Zrozumiesz, jak działa kaskadowość, dziedziczenie i specyficzność w CSS Nauczysz się pracować z modelem flexbox Poznasz pseudoklasy i pseudoelementy CSS Dowiesz się, jak zastosować zdobytą wiedzę do tworzenia profesjonalnych stron internetowych Opanujesz zasady kompozycji stron WWW, używając CSS box model Nauczysz się budować komponenty i z nimi pracować Dowiesz się, czym jest podejście mobile first w projektowaniu i jak je zastosować Od podstaw stworzysz projekt strony social media HTML5 i CSS3. Kurs video. Fundamenty frontendu został stworzony z myślą o wszystkich chcących poznać technologie webowe od podstaw. Kurs jest podzielony tematycznie na trzy części: pierwsza obejmuje teorię i przykłady z HTML5, druga analogicznie dotyczy CSS3, a trzecia to projekt końcowy strony internetowej. Na początek zaznajomisz się z budową strony WWW i jej składowymi. Poznasz znaczniki HTML i nowe znaczniki HTML5 jak: <header>, <main>, <section>, <footer>. Nauczysz się tworzyć tabele i rozbudowane formularze. Gdy kod HTML5 nie będzie mieć już przed Tobą tajemnic, dowiesz się, jak dodać do niego trochę kolorytu. Nauczysz się umieszczać style CSS w dokumencie, a także je resetować i standaryzować dla wszystkich wersji przeglądarek. Poznasz selektory, jednostki, pseudoklasy i pseudoelementy. Dowiesz się, jak pracować z tekstem i jak używać fontów Google Fonts. Zrozumiesz zasadę działania modelu pudełkowego w CSS i poznasz jego najważniejsze elementy (padding, margin, border, container). Znajomość box-model umożliwi Ci pełną kontrolę nad położeniem elementów na stronie. Następnie przećwiczysz właściwości potrzebne do pozycjonowania i wyświetlania elementów (display, position, float, z-index). Aby jeszcze sprawniej tworzyć elastyczne i responsywne strony internetowe, poznasz model flexbox. Za jego pomocą precyzyjnie określisz rozmieszczenie komponentów w pionie i poziomie. W trakcie rozważań o responsywności dowiesz się także, jak projektować strony WWW w podejściu mobile-first, czyli z myślą o urządzeniach mobilnych. Na zakończenie wszystkie nabyte w trakcie kursu umiejętności wykorzystasz w praktyce, tworząc projekt strony zainspirowanej Instagramem. Poznasz podejście stosowane przy prawdziwych projektach informatycznych i nauczysz się budować strony komponent po komponencie. Nigdy nie mów nigdy – wszystko może się zdarzyć. Kończyłem studia informatyczne z przekonaniem, że zostanę grafikiem komputerowym, dziś jestem w 100% frontend developerem i czerpię z tego ogromną radość każdego dnia.

Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM

Maksymilian Olszewski

Obierz kurs na usprawnienie CSS Zapotrzebowanie na specjalistów frontendowców rośnie z roku na rok, stale rozwijają się także technologie, z którymi pracują frontend developerzy. Wraz ze wzrostem popularności aplikacji internetowych, które stają się też coraz bardziej skomplikowane i wyrafinowane, wzrasta znaczenie posiadanych przez specjalistów umiejętności i wiedzy. Aktualnie frontend developer, który pracuje w CSS, a nie zna jego preprocesorów, nie będzie w stanie stworzyć schludnego, optymalnego i przede wszystkim funkcjonalnego kodu. Sass, jako jeden z preprocesorów CSS, wnosi ze sobą szereg nowych zagadnień, ułatwień i nawiązań do klasycznych języków programowania. Wśród nich należy wymienić zmienne, rozdzielanie kodu na mniejsze fragmenty, sprecyzowane komponenty, funkcje i logikę. Dlaczego trzeba je poznać? Z przyczyn praktycznych — ze względu na łatwość tworzenia i utrzymania kodu z zastosowaniem środowiska Sass; prawie każdy projekt komercyjny oparty jest na technologiach tego preprocesora. Co Cię czeka podczas naszego profesjonalnego szkolenia? W trakcie pracy z niniejszym kursem video: Opanujesz teorię i praktykę rozdziału kodu na małe, schludne komponenty. Zrozumiesz, na czym polega metoda zagnieżdżania. Nauczysz się właściwego zapisywania zmiennych, mixinów oraz funkcji. Poznasz logikę środowiska Sass, jego możliwości w zakresie rozszerzania klas o te już istniejące oraz działania matematyczne. Dowiesz się, jak w praktyce stosować metodologię BEM — jedną z najczęściej stosowanych komercyjnie konwencji nazewnictwa klas. Co więcej... Zobaczysz na własne oczy, czym jest node.js oraz NPM, i przekonasz się, jak w prosty sposób można samodzielnie stworzyć środowisko Sass pod nowy projekt. Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM kończy się na poziomie średnio zaawansowanym. By wziąć udział w kursie, należy znać HTML i CSS w stopniu podstawowym. Dla lepszego skorzystania z wiedzy dostępnej w ramach szkolenia dobrze jest rozumieć również podstawy języka JavaScript. CSS z turbodoładowaniem Preprocesory, do których — poza Sassem — zaliczają się między innymi Less i Stylus, mają za zadanie wzbogacić CSS o pewne mechanizmy znane z tradycyjnych języków programowania, których język CSS w swoim standardzie nie posiada. Innymi słowy, preprocesor przetwarza nową składnię i kompiluje napisany kod do formatu zgodnego ze standardem CSS. Dzięki temu produkt końcowy (aplikacja) będzie pracować pod wszystkimi przeglądarkami. Z dostępnych preprocesorów autor tego kursu zdecydował się wybrać Sass, jako najbardziej dojrzały (jego początki sięgają 2006 roku), dobry do pracy w metodologii BEM. Akronim ten pochodzi od angielskiego Block Element Modifier — kryje się za nim bardzo proste podejście do tworzenia modularnego kodu HTML. Opiera się on na podziale składowych strony na bloki (na przykład formularz lub menu), elementy (guzik formularza, link w menu) oraz modyfikatory (warianty elementów). Trzymanie się zasad metodologii i konsekwentnego nazewnictwa pozwala uzyskać funkcjonalny, przejrzysty kod. Trzy godziny z Sassem Kurs, dzięki któremu poznasz i opanujesz preprocesor Sass, trwa około trzech godzin; został podzielony na 20 lekcji. Jako że jest to szkolenie na poziomie podstawowym, tytułem wstępu zaczniemy od krótkiej lekcji teoretycznej, by szybko przejść do praktyki: zainstalujemy mianowicie środowisko pracy. Następnie przyjrzymy się metodyce BEM, w której będziemy działać dalej. Po tym, jak napiszemy pierwsze zmienne, zajmiemy się zagnieżdżaniem w Sassie, następnie poznamy mixiny i sposób funkcjonowania interpolacji. W ramach kolejnego bloku tematycznego skupimy się na działaniach matematycznych, logice, listach i mapach. Wreszcie, na sam koniec, przyjdzie czas na omówienie budowy footera z użyciem metod extend i funkcji.

Webpack 5. Kurs video. Kompletny przewodnik dla początkujących

Bartosz Szmit

Obierz kurs na... przyspieszenie w programowaniu Dziś słowem kluczem, gdy mowa o programowaniu, jest szybkość. Żaden praktyk kodowania, żaden informatyk zatrudniony w biznesie nie może sobie pozwolić na opóźnienia w dostarczaniu i modyfikacjach stron WWW lub aplikacji. Stąd wszystkie działania muszą przebiegać w tempie ekspresowym, co nie zmienia faktu, że kod nadal powinien być tworzony czy nadpisywany bezpiecznie. Dlatego tym cenniejsze stają się narzędzia zwiększające wydajność i ułatwiające pracę. Jednym z nich jest Webpack. Webpack to bundler, czyli inaczej transpilator JavaScriptu, który pozwala tworzyć pakiety uwzględniające zależności między modułami i klasami i poprawiające wydajność. Potrafi na przykład spakować wiele różnych formatów do jednego pliku JavaScript. Stworzony do pracy z językiem JS, dozbrojony w odpowiednie narzędzia Webpack może także przetwarzać HTML, CSS i obrazki. Warto go więc poznać i nauczyć się z niego korzystać, szczególnie jeśli jest się początkującym frontendowcem pracującym na co dzień ze stronami internetowymi lub z aplikacjami. Co Cię czeka podczas naszego profesjonalnego szkolenia W trakcie proponowanego przez nas kursu: Nauczysz się instalować Webpack lokalnie Poznasz zasady instalacji pluginów Opanujesz podstawy technologii Sass Skonfigurujesz serwer webpack-dev-server Będziesz pisać komponenty Co więcej... W programie kursu zawiera się nauka importowania komponentów i stylów Webpack 5. Kurs video. Kompletny przewodnik dla początkujących pozwoli Ci opanować podstawy pracy z tym bundlerem. Aby przystąpić do kursu, trzeba posiadać już pewne umiejętności w zakresie języka JavaScript, rozumieć takie pojęcia jak frontend czy serwer i mieć opanowane podstawy CSS. Komu potrzebny jest bundler Webpack Dzięki transpilatorowi Webpack można w łatwy i szybki sposób wdrażać aplikacje internetowe i rozwiązywać problemy, jakie pojawiają się w trakcie tego procesu. Szczególnie ułatwia on pracę nad projektami, których frontend jest bardzo rozbudowany, skomplikowany, z wieloma obrazami, fontami i elementami CSS. Pakując wiele różnych formatów do pliku JavaScriptu, Webpack nadaje mu rozszerzenie .js, co dzieje się dzięki przekształceniom i minifikacji zbędnego kodu. Jeśli zatem pracujesz i zamierzasz pracować na małych aplikacjach z pojedynczymi plikami JavaScriptu, Webpack może Ci się nie przydać. Jeżeli jednak zamierzasz wejść na wyższy poziom frontendu, koniecznie zapoznaj się z tym transpilatorem, a Twoja praca zdecydowanie przyspieszy!