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.

Web scraping. Kurs video. Zautomatyzowane pozyskiwanie danych z sieci

Jan Mager

Obierz kurs na... pozyskiwanie danych z sieci Wiesz, że ponad połowa aktywności w sieci jest podejmowana przez boty? Powód ich popularności nie powinien być zaskoczeniem - w świecie usług i biznesu chodzi przede wszystkim o poznanie rynku i konkurencji. W tym wypadku kto ma technologię, ten ma przewagę, a daje ją web scraping. Dosłownie tłumaczony jako zdrapywanie sieci, web scraping służy do wydobywania ustrukturyzowanych danych ze stron internetowych. Jeśli właśnie zastanawiasz się gdzie w sieci można spotkać web scraping, to stosuje się go do przeprowadzania badań rynkowych, w botach wyszukiwarek i porównywarkach cenowych. W uproszczeniu - by skutecznie pozyskiwać dane z sieci, należy wykonać kilka kroków: nawiązać połączenie z API, a następnie odebrać i zwalidować dane, by odpowiednio wyodrębnić interesujące informacje. Spróbuj swoich sił i przekonaj się w praktyce, że droga do tego, by zostać web scraperem, jest prosta! W trakcie naszego profesjonalnego szkolenia: Przygotujesz poprawną strukturę folderów dla aplikacji webowej Stworzysz podstawowy szablon aplikacji oparty na bibliotece Bootstrap Utrwalisz wiedzę na temat dodawania stylów CSS Dowiesz się, jak pobrać dane z zewnętrznego API Nauczysz się wysyłać dynamiczne zapytania do API Poznasz bibliotekę Chart.js i API CoinGecko Nauczysz się wysyłać zapytania przy użyciu AJAX Zbudujesz responsywną i dynamiczną aplikację internetową Stworzysz interaktywne wykresy Naniesiesz dynamiczne zmiany na wykresie Dowiesz się, jak przechwytywać błędy podczas komunikacji z API Wprowadzisz dynamiczne zmiany na stronie bez konieczności jej odświeżania Co więcej... Przeprowadzisz walidację zapytań wysłanych do API i walidację zapytań odbieranych z API Nauczysz się pobierać dane z zewnętrznych baz danych i wykonywać operacje na pobranych danych Web scraping. Kurs video. Zautomatyzowane pozyskiwanie danych z sieci ukończysz na poziomie podstawowym. W trakcie szkolenia wspólnie zbudujemy dwa projekty w języku JavaScript. Na początku omówimy plan całego kursu i niezbędne narzędzia. Następnie płynnie przejdziemy do projektu pierwszej miniaplikacji - Populacja Świata. Podczas tego modułu nauczysz się wysyłać zapytania do API, przetwarzać odebrane wartości, sprawdzać ich poprawność, wyświetlać i operować nimi na stronie. Z tak uporządkowanych danych stworzysz dynamiczny wykres oparty na bibliotece Chart.js. Drugim projektem będzie aplikacja o budzącej emocje nazwie Kryptowaluty. W tej części kursu utworzysz dynamiczną tabelę generującą ranking kryptowalut z aktualnymi kursami pobranymi z API CoinGecko. Dzięki połączeniu z API CoinGecko mamy dostęp do aktualnych co do minuty kursów wszystkich możliwych kryptowalut opublikowanych na stronie CoinGecko. Bez trudu więc zaprogramujesz dynamiczny wykres do wyświetlania kursów kryptowalut na przestrzeni czasu zadanego przez użytkownika. Aplikacja będzie w pełni responsywna na wszystkich dostępnych mobilnych i stacjonarnych urządzeniach. W ramach ostatnich lekcji przedstawimy pomysły na rozwój aplikacji rankingu kryptowalut. Ten kurs dostarczy Ci inspiracji do indywidualnych projektów, a także pokaże nowe możliwości wykorzystania znanych Ci dotychczas tematów. Po zakończeniu szkolenia będziesz w stanie samodzielnie wykonać swój prywatny portfel kryptowalut, łącznie z wykresami i analizowaniem statystyk dzięki zastosowaniu wykresów Chart.js.