Autor: Marcin Pałka

Marcin Pałka – w branży IT pracuje od ponad 10 lat. Frontendem zafascynowany od zawsze, natomiast swoją profesjonalną przygodę zaczynał jako webdesigner i projektował strony internetowe, po godzinach próbując swoich sił z kodowaniem. Z czasem w pełni skoncentrował się na karierze frontend developera, a grafikę pozostawił w sferze hobby. Swoje umiejętności codziennie doskonali w gronie bardzo doświadczonych programistów w dużych firmach IT. Od niemal 4 lat sprawdza się w roli trenera i nauczyciela programowania. Zaczynał od szkoleń w swoim ówczesnym miejscu pracy, a później pojawiły się perspektywy prowadzenia innych szkoleń po godzinach. Obecnie ma na swoim koncie przepracowanych kilkaset godzin jako trener i czerpie ogromną radość z możliwości dzielenia się wiedzą. Prywatnie wielki fan piłki nożnej, sportów siłowych, gier wideo i miłośnik psów.

1
Kurs video

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.