Kup wszystkie razem za 14 zł
Oszczędzasz 31,68 zł
Video Kurs Grunt.js
Cena: 24 zł
Język: polski
Czas Trwania: 1h 43min 40s
Autor: Arkadiusz Włodarczyk
ISBN: 978-83-63445-58-4
Data Wydania: 01-03-2015
Wybierz wersję kursu:
kursu Grunt.js:
|
|
|
Nie kupuj kota w worku!
Sprawdź wcześniej kurs oglądając przykładowe lekcje poniżej lub na Youtube
Zapraszam Cię do zapoznania się z video kursem Grunt.js!
W kursie używany jest bardzo przystępny język, ponieważ został stworzony przez młodego człowieka.
Czym jest Grunt.js?
Grunt.js to wywoływacz skonfigurowanych przez nas zadań. Automatyzuje najczęściej wykonywane zadania przez twórców stron internetowych.
Prawdopodobnie znasz ten ból robienia w kółko tych samych zadań jako front-end web developer. Dla przykładu optymalizacja obrazków, kompresja plików CSS/JS etc.
Ja również nie lubiłem robić takich rzeczy, bo są po prostu nudne i czasochłonne. Na szczęście nauczyłem się Grunt.js i wszystko się od tej pory zmieniło.
Przykładowanie zadania, które zostaną wykonane za Ciebie przez Grunt.js:
- kompresja plików CSS i JS -> mniejsze pliki, a co za tym idzie szybsze wczytywanie się strony oraż wyższy ranking w google
- łączenie wielu plików CSS i JS w jeden -> możesz projektować w wielu plikach przez co Twój projekt jest łatwiejszy do ogarnięcia, a ostatecznie i tak będziesz miał tylko jeden plik co dodatkowo zmniejsza ilość żądań do strony i zwiększa drastycznie jej szybkość wczytywania się
- bezstratna optymalizacja obrazków -> redukuje wielkość obrazków bez żadnych strat
- automatyczne dodawanie vendor prefixów -> już nigdy nie będziesz musiał przejmować się vendor prefixami. Grunt daje Ci perfekcyjnego rozwiązanie bez uderzenia w wydajność strony i bez potrzeby uczenia się nowych składni
- natychmiastowe odnajdywanie bugów w kodzie JS -> bugi w JS są najtrudniejsze do znalezienie. Z pluginem JSHint możesz zapomnieć o tym problemie
- i wiele innych -> jest ponad 4,000 dostępnych pluginów
W tym kursie dowiesz się wszystkiego co wymieniłem powyżej i na dodatek nauczysz się:
- instalować Grunt.js/npm/Node.js
- prawidłowo konfigurować i instalować różnorakie pluginy
- odpalać pluginy równolegle co drastycznie przyspieszy ich działanie
Jak zawsze czas = pieniądz. Naucz się Grunta by odzyskać swój cenny czas z powtarzalnych zadań.
Pamiętaj, że masz 100% gwarancji satysfakcji. Przez 7 dni od daty zakupu możesz zwrócić kurs bez podawania przyczyny. Jeśli masz jakiekolwiek pytania zapraszam do kontaktu ze mną lub na nasze forum.videokurs.pl
Uwaga! Przed kursem powinieneś znać podstawy HTML i CSS oraz CSS 3 i JavaScript.
Zawartość kursu Grunt.js:
- Po tej lekcji dowiesz się dlaczego warto nauczyć się Grunt.js oraz co będziesz wiedział po tym kursie.
- Bonusowa lekcja, w której ściągamy oraz instalujemy Netbeansa - edytor w którym będziemy pracować.
- Po tej lekcji będziesz wiedział czym jest node.js oraz npm. Zainstalujesz swój pierwszy pakunek grunt-cli
- Po tej lekcji będziesz wiedział jak zainstalować i skonfigurować poprawnie Grunt.js oraz package.json
- Dowiesz się jak zainstalować swój pierwszy task i jak z niego korzystać z pomocą Grunt.js Autoprefixer to rewelacyjny plugin, który jak sama nazwa wskazuje automatycznie doda vendor prefix do właściwości CSS 3, które nie są supportowane w niektórych przeglądarkach.
- Po tej lekcji dowiesz się jak:
- zmienić domyślne ustawienia
- sprawić, aby vendor prefixy pojawiały się dla mniej używanych przeglądarek
- zmienić próg procentowy używalności przeglądarek od kiedy mają vendor prefixy być dodawane
- Od tej pory nie będziesz musiał wywoływać zadań ręcznie. Wszystkim zajmie się jeden plugin który będzie obserwować, czy nie powstały zmiany w plikach. Jeśli takowe zajdą to natychmiast wywołane zostanie odpowiednie podane przez Ciebie zadanie.
- Po tej lekcji zredukujesz wielkość pliku CSS przez co Twoja strona wczyta się szybciej.
- Po tej lekcji zredukujesz wielkość plików JS oraz nauczysz się łączyć wiele plików Javascript w jeden. Dzięki temu Twoje pliki będą mniejsze oraz zmniejszy się ilość żądań do serwera, a co za tym idzie Twoja strona wczyta się zdecydowanie szybciej.
- Po tej lekcji jedną linią załadujesz wiele tasków do npm jednocześnie. Zastąpisz więc wiele linii kodu jedną i oszczędzisz czas.
- Dowiesz się jak zredukować wielkość wszystkich obrazków jednym kliknięciem bez stracenia jakości.
- Po tej lekcji zadania będą wykonywane tylko jeśli rzeczywiście zostało dodane coś nowego. Dla przykładu nie będą kompresowane zdjęcia, które już zostały skompresowane. Zostaną skompresowane jedynie nowo dodane zdjęcia.
- JSHint to plugin, który daje podpowiedzi do naszego kodu Javascript. Dzięki temu pluginowi zdebugujesz kod Javascript natychmiastowo i znajdziesz bardzo trudne do wykrycia błędy. Zaoszczędzisz dzięki temu ogromną ilość czasu.
- Po tej lekcji Twoje zadania będą działać co najmniej 3-krotnie szybciej, ponieważ będą działały jednocześnie.
- Po tej lekcji dowiesz się, co warto poznać po tym kursie.
Video Kursy?