Cookies pozwalają nam świadczyć i ulepszać usługi w serwisie kuvi.pl. Korzystając z kuvi.pl akceptujesz politykę prywatności i cookies.

Twój Własny Framework HTML/CSS/JS

  14 godz. 42 min. materiałów video

  93 zapisanych kursantów

  30 lekcji video

  Certyfikat odbycia kursu

  System pomocy do każdej lekcji

  30 dniowa gwarancja zwrotu pieniędzy

  Dożywotni dostęp online

  Mobilny dostęp z całego świata

  Autor kursu: Adrian Bienias

  Faktura od autora: Tak

Wskocz Na Zaawansowany Poziom Znajomości HTML, CSS i JavaScript Tworząc Razem z Tym Kursem Twój Własny Framework HTML/CSS/JS

Być może zastanawiasz się, po co tworzyć własny framework? Po co wymyślać koło na nowo, skoro na rynku są już podobne rozwiązania jak Bootstrap czy Foundation?

 

Tutaj nie chodzi o framework

 

Odpowiedź jest prosta. W tym kursie nie chodzi o stworzenie frameworka... Chodzi o to byś w jak najskuteczniejszy sposób nauczył się HTML, CSS i JavaScript. Framework jest niejako efektem ubocznym tego kursu.

Mógł to być nudny kurs, w którym omówiłbym poszczególne elementy tych języków. Ale przypominałoby to bardziej wkuwanie słówek języka obcego na pamięć.

Uznałem, że najlepiej jeśli w trakcie kursu zrobisz coś fascynującego. Coś co będzie Cię kręcić, będziesz czuł że samodzielnie budujesz własne rozwiązania. Dlatego też padło na budowę własnego frameworka.

W dodatku każdy komponent z tego frameworka jest niezależny. Możesz więc używać wyskakujących okienek, dymków z podpowiedziami, czy samego układu siatki niezależnie. Kopiuj wklej do Twojego nowego projektu i gotowe.

 

Ambicja

 

Dalej nie wiesz czy jest sens budować własny framework? Zastanów się. Jeśli chciałbyś zostać mechanikiem samochodowym w Formule 1, czy wystarczyłaby Ci znajomość konstrukcji istniejących silników? Czy może cenniejszą umiejętnością byłoby budowanie własnych silników?

Dlatego uważam, że jeśli myślisz o byciu naprawdę dobrym front end web developerem to sama znajomość istniejących frameworków nie wystarczy. Musisz zbudować własne rozwiązanie.

Nie po to, żeby robić nim konkurencję Bootstrap'owi... Po to, żebyś przeniósł swoje umiejętności na wyższy poziom. Bo chyba nic nie potrafi tak zaprocentować w życiu, jak rozwój własnej wiedzy i umiejętności.

 

Zadaj sobie to pytanie

 

Analogicznie do przykładu z pracą jako mechanik samochodowy, zadaj sobie pytanie:

Czy wystarczy mi praca u "pana Mietka" w warsztacie? Czy może mam większe ambicje i chciałbym kiedyś budować bolidy w stajni Ferrari?

Jeśli wystarczy Ci to co umiesz do tej pory, nie czytaj dalej. Szkoda Twojego czasu. Jeśli jednak czujesz, że  podniesienie swoich umiejętności na wyższy poziom sprawi Ci frajdę... wtedy TAK.
Ten kurs jest dla Ciebie.

 

Czego dokładnie możesz spodziewać się w tym kursie?

 

  • Poznasz preprocesor Sass, który znacznie ułatwi Ci pisanie styli CSS
  • Zobaczysz jak tworzyć zmienne ułatwiające globalne modyfikacje w projekcie
  • Nauczysz się jak używać jednostek rem i em zamiast px
  • Zaczniesz swobodnie korzystać z pseudo elementów (:before, :after)
  • Użyjesz zewnętrznych fontów i zestawów ikon od Google
  • Zrozumiesz jak działa selektor plusa (+) w CSS
  • Stworzysz poklatkowe animacje z użyciem klatek kluczowych (@keyframes) w CSS
  • Nauczysz się "rysować" strzałki w czystym CSS'ie
  • Wyciągniesz tekst z atrybutów elementów HTML i wyświetlisz go poprzez CSS (content: attr())
  • Wyśrodkujesz elementy horyzontlnie i wertykalnie za pomocą własności flexbox
  • Zrozumiesz zależności pozycjonowania elementów względem siebie (absolute, relative)
  • Stworzysz własne atrybuty elementów HTML (prefix data-)
  • Zbudujesz własną responsywną siatkę jako fundament do budowy Twojej strony
  • Poznasz nowe elementy składni języka JavaScript (ES6)
  • Nauczysz się korzystać ze zmiennych i tworzyć własne funkcje w JS
  • Zobaczysz jak radzić sobie z animacją ukrywania elementów (display: none) dzięki JavaScript
  • Użyjesz czystego JavaScript (zero jQuery) do wybierania elementów (querySelector)
  • Stworzysz akcje wywoływane po kliknięciu (addEventListener)
  • Poznasz sposób zapobiegania domyślnych akcji (preventDefault)
  • Wstrzykniesz dowolny kod do HTML dzięki funkcji JS (insertAdjacentHTML)
  • Zobaczysz jak wykonywać kod JavaScript po określonym czasie (setTimeout)
  • Dodasz i usuniesz klasy CSS wewnątrz kodu JS (classList.add / remove)
  • Pobierzesz własności atrybutów elementów HTML do JavaScript (getAttribute)
  • Poznasz pętlę idealną do operacji na zbiorach danych (np. elementy z daną klasą CSS)

Wszystko to opakowane w praktyczne podejście budowy komponentów frameworka. Listę komponentów, które stworzysz w tym kursie znajdziesz w spisie treści.

  Spis Treści

Prezentacja finalnego efektu Zobacz video 10:13
01. Program Koala 09:39
02. Import w SCSS i struktura plików 12:33
03. Normalize CSS 10:01
04. Typografia 47:35
05. Tabele 29:10
06. Zmienne 11:30
07. Formularze Input cz.1 49:51
08. Formularze Input cz.2 30:21
09. Formularze Input Radio 37:04
10. Formularze Input Checkbox 27:20
11. Przyciski cz.1 23:59
12. Przyciski cz.2 46:36
13. Ikony Material Design 44:18
14. Etykiety 22:58
15. Paginacja 18:47
16. Obrazki 24:14
17. Panele 21:04
18. Preloadery cz.1 25:25
19. Preloadery cz.2 32:12
20. Tooltipy cz.1 Zobacz video 30:45
21. Tooltipy cz.2 20:28
22. Alerty 41:08
23. Zakładki cz.1 49:45
24. Zakładki cz.2 16:50
25. Wyskakujące okienka cz.1 34:24
26. Wyskakujące okienka cz.2 32:29
27. Pasek nawigacji cz.1 42:49
28. Pasek nawigacji cz.2 41:18
29. Siatka 38:12
Łączna długość kursu 14 godz. 42 min.

  Autor Kursu

Avatar Adrian Bienias Adrian Bienias

Autor serwisu kuvi.pl i twórca wielu kursów video. Pasjonat technologii webowych. Samodzielnie ucząc się nowych zagadnień wie jak później przekazać tą wiedzę w przystępny sposób. Prywatnie skoczek spadochronowy, motocyklista, cyfrowy nomada.

  Gwarancja ZERO RYZYKA

Autor kursu dodaje 30 dniową gwarancję zwrotu pieniędzy. Oznacza to, że możesz przetestować ten kurs bez żadnego ryzyka. Jeśli uznasz, że kurs jest beznadziejny, 100% gotówki wróci do Ciebie.

Aby skorzystać z gwarancji napisz do autora maila z informacją na temat zwrotu. Napisz w wiadomości co Ci się w kursie nie spodobało. Otrzymasz zwrot pieniędzy, a dla autora będzie to cenny feedback.

Warunkiem uznania gwarancji jest nie przekroczenie 50% obejrzanych lekcji video w kursie.

Twój Własny Framework HTML/CSS/JS

  14 godz. 42 min. materiałów video

  93 zapisanych kursantów

  30 lekcji video

  Certyfikat odbycia kursu

  System pomocy do każdej lekcji

  30 dniowa gwarancja zwrotu pieniędzy

  Dożywotni dostęp online

  Mobilny dostęp z całego świata

  Autor kursu: Adrian Bienias

  Faktura od autora: Tak