Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy

Radosław Madecki

Obierz kurs na... frontend development Właściwie: obierz kurs na frontend development i - szerzej - na aktywne działania w internecie, oznaczające coś więcej niż pisanie komentarzy pod postami. Cokolwiek bowiem zamierza się w sieci wykreować - stworzyć reklamę graficzną, przygotować i wysłać mailing do klienta, o tworzeniu i modyfikacji stron WWW, aplikacji desktopowych oraz mobilnych nie wspominając - znajomość zasad posługiwania się językiem HTML jest kluczowa. Dla frontend developera HTML to język „pierwszego kontaktu”, bez którego nie może ruszyć dalej, ku JavaScriptowi i jego frameworkom. Akronim HTML z angielskiego oznacza: hipertekstowy język znaczników (HyperText Markup Language). Co w tłumaczeniu z programistycznego na ludzki brzmi: język oparty na hiperłączach (inaczej: odnośnikach), zbudowany ze znaczników, czyli słów kluczowych otoczonych nawiasami ostrymi. Dla kogoś, kto nigdy nie miał do czynienia z HTML-em, nie widział na przykład, jak wygląda w nim zapis kodu strony internetowej, powyższe definicje mogą brzmieć skomplikowanie. Ale zaręczamy - tak jest tylko do pierwszego kontaktu. Osoba, która kiedykolwiek stworzyła choćby prosty wpis na blogu i próbowała ustawić odpowiednią hierarchię nagłówków, dodać zdjęcie czy link do strony zewnętrznej, już pracowała z HTML-em. Teraz czas na to, by zapoznać się z nim bliżej. Co Cię czeka podczas naszego profesjonalnego szkolenia? Podczas tego kursu video: Poznasz podstawy składni HTML-a. Nauczysz się dobrych praktyk przygotowywania plików HTML. Zapoznasz się z nowymi tagami HTML5. Opanujesz zasady „semantycznego” wykorzystywania HTML-a, co wpływa między innymi na pozycjonowanie strony. Zaznajomisz się z CSS-em w najnowszej wersji. Zaczniesz tworzyć podstawowe animacje CSS. Co więcej... Opanujesz najważniejsze zasady dobrego web designu. Po ukończeniu szkolenia Frontend developer. Kurs video. HTML i CSS. Poziom podstawowy Twoją znajomość zagadnienia będzie można określić jako podstawową, co oznacza, że będziesz w pełni przygotowany do stworzenia pierwszej strony internetowej. Po co komu HTML? Zakres możliwości, jakie otwierają się przed osobą znającą HTML, jest ogromny. Dobrze znać ten język powinien oczywiście każdy programista. Frontend developer - to jasne, ponieważ bez opanowania i zrozumienia HTML-a oraz JavaScriptu nie sposób w pełni pojąć zasad funkcjonowania najważniejszych technologii frontendowych. Jednak opanowanie HTML-a przyda się także backendowcowi. Pozwoli mu wyjść poza własne poletko i lepiej zrozumieć drugą stronę programistycznej barykady, a w przyszłości - kto wie... może wręcz zmienić stronę albo odrzucić ten trochę sztuczny podział i obok backendu zająć się również frontendem? Dalej mamy twórców aplikacji mobilnych i webowych. Oni też na co dzień posługują się HTML-em. Podobnie, choć może w mniejszym zakresie, jest on potrzebny osobom zajmującym się marketingiem online. Opanowanie hipertekstowego języka znaczników ma głęboki sens również dla właścicieli niewielkich firm, którzy chcą samodzielnie wprowadzać drobne zmiany na stronach internetowych swoich przedsiębiorstw (na przykład tworzyć treści na firmowego bloga). Gdyby szef jednoosobowej firmy miał każdorazowo prosić zaprzyjaźnionego programistę o interwencję, chyba by zbankrutował... A tak, dzięki znajomości podstaw języka HTML, drobne zmiany i usprawnienia wprowadzi sam. Bezkosztowo. Lifehacki w JavaScript! Instrukcje warunkowe

Frontend developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany

Radosław Madecki

Obierz kurs na... wyższy stopień wtajemniczenia frontend developmentu Początkujący programisto, stażysto lub praktykancie w agencji reklamowej, człowieku, który właśnie zmieniasz swoje zawodowe życie, przekwalifikowując się na projektanta stron internetowych - w Twoim przypadku, podobnie jak każdego innego frontend developera w kraju i na świecie, dogłębna znajomość HTML-a i CSS-a jest obowiązkowa. Nie wystarczy Ci jednak ogólna wiedza o tych dwóch językach programowania. Musisz dobrze je poznać i nauczyć się nimi swobodnie posługiwać. Oczywiście o ile zależy Ci na zdobyciu dobrze płatnej pracy w zawodzie albo rozpoczęciu pełnej sukcesów kariery programisty frontendu. Proponowane przez nas szkolenie wprowadzi Cię w tajniki posługiwania się językami HTML oraz CSS na poziomie średnio zaawansowanym. Dzięki kursowi poznasz wiele zagadnień często pomijanych podczas nauki tych technologii. Pozwoli Ci to zdobyć przewagę w walce o stanowisko, na które będziesz aplikować. Znajomość zagadnień związanych z dostępnością czy animacją CSS - na których temat trudno znaleźć w sieci materiały szkoleniowe - zmieni Cię z amatora w prawdziwego web developera. Wiedza dotycząca technik RWD, najlepszych praktyk pracy z HTML i nowoczesnych metod stylowania przyda Ci się zarówno w czasie poszukiwania ciekawej pracy, jak i później - podczas jej wykonywania. Co Cię czeka w trakcie naszego profesjonalnego szkolenia? Podczas pracy z tym kursem video: Nauczysz się pisać wysokiej jakości kod HTML oraz CSS. Poznasz zasady WCAG, automatycznej analizy i refaktorowania kodu. Dowiesz się, czym są ARIA, Flexbox i Grid. Opanujesz techniki RWD oraz przestawisz się na wykorzystywanie @media i myślenie mobile-first. Będziesz korzystać ze zmiennych w CSS oraz z funkcji CSS. Popracujesz z narzędziami graficznymi UI (Figma). Skorzystasz z techniki prototypowania rozwiązań. Co więcej... Poćwiczysz kreatywne myślenie, tworząc różnego rodzaju zoptymalizowane, nowoczesne animacje CSS. Frontend Developer. Kurs video. HTML i CSS. Poziom średnio zaawansowany pozwoli Ci opanować taki zakres wiedzy i osiągnąć taką biegłość w posługiwaniu się HTML i CSS, że będziesz mógł bez problemu zdobyć i utrzymać swoją pierwszą pracę jako programista frontendu. Informacje zawarte w szkoleniu przydadzą Ci się także do tego, by zabłysnąć przed przełożonymi, ponieważ obok zagadnień na poziomie podstawowym i średnio zaawansowanym porusza ono tematy, które zwykle wprowadza się dopiero na kursach zaawansowanych. Znając HTML i CSS... ...otworzysz przed sobą wiele zawodowych dróg. Przede wszystkim, jako developer ze znajomością HTML-a i CSS-a, będziesz w stanie sprawnie budować strony responsywne, czyli takie, które poprawnie uruchomią się na większości urządzeń. Znajomość zasad WCAG 2.1 oraz ARIA, które opanujesz w trakcie kursu, pozwolą Ci tworzyć strony dla urzędów i innych instytucji państwowych. Będziesz w stanie oceniać kod, dokonywać jego walidacji i refaktoryzacji projektów - co jest przydatne w pracy konsultanta freelancera, na stanowisku w software house czy w agencji reklamowej. Dobre opanowanie HTML-a oraz CSS-a jest niezbędne także do tego, by przygotowywać strony zgodne z najlepszymi praktykami SEO, to jest takie, które będą pojawiać się wysoko w wynikach wyszukiwania. Połączywszy znajomość HTML-a i CSS-a ze znajomością JS, będziesz gotów do tego, by kreować nowoczesne, profesjonalne aplikacje webowe oraz mobilne. Jak widzisz, bliższa znajomość z tymi dwoma bazowymi we frontend developmencie językami programowania da Ci wiele możliwości wyboru - od pracy w software house przy pisaniu rozmaitych aplikacji, przez stanowisko w agencji reklamowej z implementacją ciekawych, kreatywnych layoutów, aż po działanie freelancerskie, w ramach którego będziesz realizować projekty samodzielnie od A do Z. Lifehacki w JavaScript! Instrukcje warunkowe

Frontend developer. Kurs video. JavaScript. Poziom podstawowy

Radosław Madecki

Obierz kurs na tworzenie interaktywnych aplikacji webowych ze szkoleniem video Frontend developer Uwaga, uwaga! Proszę państwa, kierujemy się w stronę JavaScriptu! Skoro zdecydowaliście się ruszyć z nami na tę pouczającą wycieczkę, to z pewnością dysponujecie znajomością języka HTML! Jeśli go jeszcze nie znacie, radzimy szybko to zmienić. HTML bowiem stanowi bazę, bez której trudno stworzyć stronę WWW lub aplikację. Jeśli trzymać się tej terminologii - skoro HTML nazywamy bazą, to o języku JavaScript powinniśmy powiedzieć: nadbudowa. Bez znajomości i umiejętności korzystania z JavaScriptu trudno jest stworzyć jakąkolwiek stronę czy aplikację, która będzie atrakcyjna i interaktywna. JavaScript jest językiem skryptowym, a tworzone w nim skrypty pozwalają między innymi reagować na zdarzenia, walidować dane wprowadzane do formularzy czy tworzyć złożone efekty wizualne. Innymi słowy, projekt wsparty mocą JavaScriptu ożywa i staje się bardziej przyjazny dla użytkownika. Stąd każdy programista, w szczególności frontend developer, powinien dobrze opanować ten język i poznać pełnię jego możliwości! Co Cię czeka podczas naszego profesjonalnego szkolenia video Frontend developer? Dzięki temu kursowi video: Poznasz historię i powód powstania języka JavaScript. Dowiesz się, czym są środowiska uruchomieniowe. Zrozumiesz, czym jest JavaScript dla frontend, a czym dla backend developera. Nauczysz się tworzyć zmienne oraz stałe. Zaznajomisz się z wszystkimi niezbędnymi typami danych w JavaScripcie. Poznasz najczęściej używane metody natywne. Zobaczysz, w jaki sposób pisze się nowoczesną aplikację webową i jak pracuje się z Bootstrapem 4. Co więcej... Zrealizujesz w trakcie szkolenia dwa projekty, dzięki czemu zyskasz różne spojrzenia na te same sprawy i nauczysz się analizować. Frontend developer. Kurs video. JavaScript. Poziom podstawowy kończy się na poziomie podstawowym. Udział w nim oznacza nie tylko uzyskanie suchej wiedzy - będziesz także w stanie wykorzystać ją w praktyce. Ukończywszy nasze szkolenie video Frontend developer JavaScript Będziesz przygotowany do tworzenia aplikacji webowych dowolnego typu, w tym zawierających elementy interaktywne, oraz dodawania tego typu elementów do funkcjonujących już aplikacji. Uzbrojony w wiedzę o możliwościach JavaScriptu, przygotujesz rozwiązania, które ułatwią Twoje programistyczne życie. A jeśli myślisz o karierze testera oprogramowania, mamy dla Ciebie dobrą wiadomość - po naszym kursie video Frontend developer JavaScript będziesz świetnie przygotowany do pisania testów automatycznych. Wreszcie - opanowanie JavaScriptu pomoże Ci zrozumieć podstawowe założenia języków programowania, co otworzy Ci drogę do nauki kolejnych języków. Zobacz także kursy Vue dostępne w naszej ofercie! Lifehacki w JavaScript! Instrukcje warunkowe

Frontend developer. Kurs video. JavaScript. Poziom średnio zaawansowany

Radosław Madecki

Obierz kurs na samodzielność freelancera Po ukończeniu proponowanego przez nas kursu video będziesz w pełni do tego przygotowany! Szkolenie, które wprowadzi Cię na wyższy stopień wtajemniczenia w JavaScript, przy założeniu, że znasz również CSS i HTML, zmieni Cię z adepta programowania w całkowicie autonomicznego frontend developera. Jeśli zdecydujesz się poświęcić kilka godzin na zgłębianie tajników, opanowywanie trików i poznawanie narzędzi przynależnych do ekosystemu języka JavaScript, nie pozostanie nam nic innego, jak życzyć Ci powodzenia na nowej drodze programistycznego życia. Możliwe, że miałeś już okazję uczestniczyć w poprzednich szkoleniach Radosława Madeckiego. Pewnie zatem masz jakieś wyobrażenie o tym, czego się spodziewać. Jeśli nie, podpowiadamy: czeka Cię minimum teorii! Większość kursu to zajęcia praktyczne z sugestiami zadań. Dzięki temu z wiedzy oferowanej w ramach kursu będziesz mógł korzystać przez długi czas i wracać do niego nawet wtedy, gdy zadomowisz się na rynku w roli samodzielnego frontendowca. Uwaga - kurs zahacza również o tematy, które często są pomijane albo nauczane osobno, takie jak Git, organizacja plików czy dobre praktyki projektowe. Co Cię czeka w trakcie naszego profesjonalnego szkolenia? Podczas pracy z tym kursem video: Dowiesz się, na czym polega synchroniczność w JavaScripcie, jaka jest jej historia oraz przyszłość. Nauczysz się komunikować z backendem. Zrozumiesz działanie połączeń pomiędzy klientem a serwerem oraz działanie API. Uczynisz pierwszy krok w stronę dobrych praktyk projektowych. Będziesz refaktorować aplikacje, tworzyć aplikacje oparte na klasach ES6 i na danych z backendu. Zaczniesz korzystać z Promise oraz callbacków. Stworzysz moduły JavaScriptu (ES6 modules). Zaprzyjaźnisz się z NPM/Yarn, Gitem oraz GitHubem. Opanujesz zasady optymalizacji kodu i dynamicznej zmiany stylów aplikacji. Co więcej... Poznasz najczęstsze zadania rekrutacyjne i dowiesz się, jak przygotować się do procesu poszukiwania pracy (gdybyś jednak wolał pracować na przykład w software house, a nie jako freelancer). Frontend developer. Kurs video. JavaScript. Poziom średnio zaawansowany kończy się na poziomie, który pozwala z powodzeniem rozpocząć pierwszą pracę, staż, praktykę lub zapoczątkować karierę freelancerską; sprawi, że staniesz się samodzielnym programistą i będziesz mógł rozwijać się dalej, już samodzielnie. A teraz konkretnie... Co będziesz mógł robić, gdy dogłębnie poznasz język JavaScript? Otworzy się wówczas przed Tobą świat nowoczesnych aplikacji internetowych i aplikacji SPA (czyli takich, które wczytują się w całości za jednym razem). Będziesz też w stanie tworzyć w pełni sprawne testy automatyczne. Oczywiście - we współpracy z backend developerem wykreujesz bardziej skomplikowane serwisy i aplikacje. Staniesz się wreszcie pełnoprawnym członkiem społeczności programistów open source, dzięki czemu uzyskasz szansę na dalszy rozwój zawodowy. Przy odrobinie wysiłku zdobędziesz pierwsze zlecenia, będziesz też mógł starać się o pracę w firmach programistycznych i agencjach reklamowych, gdzie ożywisz i wdrożysz piękne layouty przygotowane przez Twoich kolegów designerów. Lifehacki w JavaScript! Instrukcje warunkowe

Frontend developer. Kurs video. React. Poziom podstawowy

Radosław Madecki

Obierz kurs na... naukę frontendu Na programistycznej „giełdzie” stanowisk frontend developerzy są tymi, których w firmach programistycznych zawsze brakuje. Bez udziału sprawnego specjalisty od frontendu w projekcie trudno stworzyć oprogramowanie, które spełni oczekiwania klienta, czyli z jednej strony będzie sprawne technicznie, z drugiej - wysoce komunikatywne i przyjazne użytkownikom. Większość prac frontendowych prowadzi się w JavaScripcie i to przede wszystkim ten język początkujący frontendowiec musi opanować. Kolejnym krokiem i naturalną kontynuacją nauki frontendu jest poznanie niezwykle popularnej biblioteki JavaScriptu zwanej React. Służy ona do tworzenia graficznych interfejsów aplikacji internetowych. Jedną z głównych cech wyróżniających React jest wirtualny DOM (po polsku: obiektowy model dokumentu). Drugim wyróżnikiem tej biblioteki jest stanowiący nakładkę na JavaScript język JSX. Ten kurs video w przystępny sposób wprowadza kursanta w podstawy pracy z frameworkiem React, używając sprytnych analogii do życia codziennego, przez co zagadnienie staje się bardziej zrozumiałe. Szkolenie zahacza również o techniki z poziomu średnio zaawansowanego. Co ważne, zostało przygotowane w odniesieniu do komponentów funkcyjnych i hooków, czyli z zastosowaniem najbardziej aktualnego, najnowocześniejszego podejścia do pisania aplikacji React. Nie zapomniano o komponentach klasowych, które są starszym rozwiązaniem w ramach Reacta. Co Cię czeka podczas naszego profesjonalnego szkolenia? W trakcie tego kursu video opanujesz wiedzę, dzięki której: Nauczysz się pisać reużywalne, przemyślane komponenty funkcyjne oraz komponenty klasowe. Będziesz przekazywać parametry. Dowiesz się, czym jest error handling i obsługa wyjątków. Wykonasz requesty, nawiążesz komunikację z API. Przybliżysz sobie pojęcia takie jak React hooks oraz React state. Opanujesz zasady organizacji plików i dobre praktyki projektowe. Co więcej... Nauczysz się samodzielnej pracy, ponieważ realizowany w ramach kursu projekt został pomyślany tak, aby można go było kontynuować samodzielnie i rozwijać w celu ćwiczenia umiejętności. Frontend developer. Kurs video. React. Poziom podstawowy kończy się na poziomie podstawowym, choć w pewnych obszarach tematycznych wkracza na poziom średnio zaawansowany. Dlaczego React? Czysty JavaScript nie wystarczy, by tworzyć w pełni funkcjonalne, przyjazne użytkownikowi i sprawnie współpracujące z backendem frontendy. Do tego potrzeba nieco więcej, choćby opanowania jednej z kilku bibliotek języka JavaScript. Z nich wszystkich React wydaje się najlepszym wyborem - jego znajomość w wielu firmach jest wręcz obowiązkowa. Według raportów największych portali z ofertami pracy posługiwanie się Reactem jest czwartą, zaraz po swobodnym pisaniu kodu w HTML, CSS i JS, najbardziej cenioną i pożądaną przez pracodawców umiejętnością. Nic w tym dziwnego - frontend developer znający Reacta może nie tylko tworzyć nowoczesne aplikacje internetowe, ale również pisać aplikacje typu SPA. Z otwartymi ramionami powita go więc niemal każdy software house, będzie on także mile widziany w społeczności open source, co pozwoli mu na dalszy intensywny rozwój zawodowy. Również w charakterze freelancera, realizującego projekty samodzielnie od A do Z. Udało Ci się ukończyć wszystkie kursy z serii Frontend Developer? W takim razie mamy dla Ciebie konkurs!

Frontend Developer. Kurs video. Testowanie kodu w JavaScript

Radosław Madecki

Obierz kurs na... testowanie JavaScriptu Testowanie oprogramowania jest niezwykle ważnym etapem pracy nad projektem informatycznym. Dopiero wtedy zyskuje się pewność, że kod został poprawnie przygotowany, nie zawiera błędów i będzie działał bez zarzutu. Zwykle jednak procesem sprawdzania kodu nie zajmuje się ten sam zespół, który tworzył oprogramowanie. QA developer czy QA engineer to przeważnie osobne stanowisko w firmie. Popyt na testerów stale rośnie, ponieważ większość właścicieli firm programistycznych rozumie, jak duży wpływ na jakość tworzonych produktów ma ich testowanie. Dodatkowo produkt przetestowany to produkt szybko zdany klientowi - poprawny, wolny od wychwyconych zawczasu błędów. Ten kurs został w całości poświęcony zagadnieniu testów automatycznych wykonywanych w JavaScripcie. Jest adresowany zarówno do osób zastanawiających się nad karierą QA engineera, jak i do frontend developerów, chcących się dowiedzieć, jak wygląda i na czym polega testowanie kodu JavaScriptu. Szkolenie stanowi swojego rodzaju kontynuację i uzupełnienie poprzednich pięciu kursów frontendowych autorstwa Radosława Madeckiego, których zadaniem jest przygotować developera do pierwszej pracy lub wspomóc go w awansie w ramach aktualnego zajęcia. Podobnie jak w poprzednich, także w tym kursie autor skupia się maksymalnie na podejściu praktycznym i oparł go na przydatnych, życiowych poradach wprost z „pola bitwy”, czyli z praktyki developera. Co więcej, zagadnienia związane z testowaniem przedstawia w sposób możliwie przystępny, zrozumiały, unikając trudnego, technicznego języka. Jeżeli nie umiesz jeszcze pisać testów jednostkowych, a szukasz pierwszej pracy - ten kurs pozwoli Ci wyróżnić się wśród innych na tym etapie. Jeżeli masz już pracę jako junior lub mid, a dalej nie piszesz testów - czas nadrobić zaległości, by móc szybciej awansować na wyższy stopień i zauważalnie zwiększyć swoje zarobki, a także jakość wykonywanej pracy! Co Cię czeka podczas naszego profesjonalnego szkolenia W trakcie kursu: Zapoznasz się z kluczowymi terminami i zasobami ważnymi podczas testowania kodu JavaScriptu (React, Jest, Cypress, TDD). Opanujesz najważniejszą teorię związaną z pisaniem testów jednostkowych, integracyjnych oraz E2E. Przyswoisz mnóstwo praktycznej wiedzy dotyczącej pisania testów jednostkowych, integracyjnych oraz E2E. Dowiesz się, jakie są najpopularniejsze narzędzia do pisania testów różnego rodzaju. Poznasz dobre praktyki pisania kodu testów, jak również samych aplikacji i podstawowe praktyki pracy w projektach komercyjnych. Nauczysz się podstaw obsługi narzędzia Jira i tworzenia plików MD (Markdown). Co więcej... Zrobisz sobie powtórkę z HTML i CSS, JavaScriptu, Reacta oraz NPM/Yarn. Frontend developer. Kurs video. Testowanie kodu w JavaScript stanowi uzupełnienie i uwieńczenie nauki w ramach cyklu kursów frontendowych autorstwa Radosława Madeckiego i kończy się na poziomie średnio zaawansowanym. Kurs omawia wszystkie trzy typy testów, również mało spopularyzowane - nawet wśród zawodowych programistów - a niezwykle skuteczne testy E2E. O automatycznym testowaniu słów parę Programowanie w dużym stopniu polega na cofaniu się - poszukiwaniu błędów i poprawianiu ich aż do uzyskania doskonale działającego kodu. Nie ma więc nic bardziej nieprofesjonalnego niż oddanie klientowi produktu, który nie został przetestowany pod kątem ewentualnych bugów. Stąd w każdej poważnej firmie programistycznej powinna się znaleźć osoba pełniąca funkcję testera oprogramowania. A jeśli firma jest mała, na przykład jednoosobowa, a jej jedyny pracownik to frontend developer, musi on opanować techniki i narzędzia służące do testów - najszybciej i najbezpieczniej będzie wdrożyć techniki testów automatycznych. Ich zastosowanie pozwala uniknąć mozolnego testowania ręcznego, które jest podatne na błędy ludzkie, przeoczenia, zapominanie. Zamiast pisać testy i pokrywać je kodem aplikacji, tester automatyczny pisze wyłącznie test i scenariusze, co jest szybkie, pewne i wygodne. Udało Ci się ukończyć wszystkie kursy z serii Frontend Developer? W takim razie mamy dla Ciebie konkurs!