Nie kupuj kota w worku!
Sprawdź wcześniej kurs oglądając przykładowe lekcje:
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.
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:
W tym kursie dowiesz się wszystkiego co wymieniłem powyżej i na dodatek nauczysz się:
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.
- 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 sz
- 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
- instalować Grunt.js/npm/Node.js
- prawidłowo konfigurować i instalować różnorakie pluginy
- odpalać pluginy równolegle co drastycznie przyspieszy ich działanie
"Idealna transakcja - świetny kontakt i błyskawiczna wysyłka. Kursy wciągają, i ogląda się z zapartym tchem, to zasługa wesołego lektora ;) Mało który film tak wciąga :)" by Kuba_T1000
"Powiem Krotko Jestes PRO Nikt mnie nienauczyl tfu nauczl nie wytlumaczyl tak dobrze jak Pan uwazam pana za czlowieka godnego szacunku Widac Ze Pan Sie ZNA i chce pomoc innym oby tak dalej 99/5" by Gattan123
"szczerze warto było zacząć właśnie od TEGO KURSU. Polecam bezapelacyjnie. I szacun dla AUTORA." by mrozwalka
"Przesyłka Expresowa, kurs bardzo fajny ! Lektor umie tłumaczyć ;) POLECAM" by lak12
"Jak najbardziej duzy pozytyw. Szybka przesyłka, miły kontakt, a do tego musze przyznac że kurs jest tłumaczony w bardzo przejrzysty, dostepny sposób. Nauczyciele powinni tak tłumaczyc, to wtedy mogliby wymagać. Serdecznie polecam" by marcinjac1982
"Profesjonalny kurs lepszego nie znajdziecie nigdzie, polecam !!!" by Jas72
"Powiem Krotko Jestes PRO Nikt mnie nienauczyl tfu nauczl nie wytlumaczyl tak dobrze jak Pan uwazam pana za czlowieka godnego szacunku Widac Ze Pan Sie ZNA i chce pomoc innym oby tak dalej 99/5" by Gattan123
"szczerze warto było zacząć właśnie od TEGO KURSU. Polecam bezapelacyjnie. I szacun dla AUTORA." by mrozwalka
"Przesyłka Expresowa, kurs bardzo fajny ! Lektor umie tłumaczyć ;) POLECAM" by lak12
"Jak najbardziej duzy pozytyw. Szybka przesyłka, miły kontakt, a do tego musze przyznac że kurs jest tłumaczony w bardzo przejrzysty, dostepny sposób. Nauczyciele powinni tak tłumaczyc, to wtedy mogliby wymagać. Serdecznie polecam" by marcinjac1982
"Profesjonalny kurs lepszego nie znajdziecie nigdzie, polecam !!!" by Jas72
Przykładowe ekrany kursu Video Kurs Grunt.js:
Kliknij by powiększyć
Zawartość kursu Grunt.js:
-
- Po tej lekcji dowiesz się dlaczego warto nauczyć się Grunt.js oraz co będziesz wiedział po tym kursie.
-
Lekcja 2 BONUS: Idealny edytor do pracy z Grunt.js 5 min i 19 s
- Bonusowa lekcja, w której ściągamy oraz instalujemy Netbeansa - edytor w którym będziemy pracować.
-
Lekcja 3 Node.js & npm & grunt-cli 3 min i 32 s
- Po tej lekcji będziesz wiedział czym jest node.js oraz npm. Zainstalujesz swój pierwszy pakunek grunt-cli
-
Lekcja 4 Instalacja i konfiguracja Grunt.js 10 min i 32 s
- Po tej lekcji będziesz wiedział jak zainstalować i skonfigurować poprawnie Grunt.js oraz package.json
-
Lekcja 5 Autoprefixer - automatyczne dodawanie vendor prefixów 13 min i 35 s
- 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.
-
Lekcja 6 Opcje zadań - ustawienie wspieranych przeglądarek przez Autoprefixera 8 min i 48 s
- 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 - Po tej lekcji dowiesz się jak:
-
Lekcja 7 Obserwowanie i reagowanie na zmiany w plikach 5 min i 54 s
- 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.
-
Lekcja 8 Kompresja CSS 8 min i 16 s
- Po tej lekcji zredukujesz wielkość pliku CSS przez co Twoja strona wczyta się szybciej.
-
Lekcja 9 Kompresja i łączenie plików JavaScript 4 min i 58 s
- 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.
-
Lekcja 10 Ładowanie wielu tasków do npm jednocześnie 1 min i 31 s
- 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.
-
Lekcja 11 Bezstratna optymalizacja obrazków 9 min i 54 s
- Dowiesz się jak zredukować wielkość wszystkich obrazków jednym kliknięciem bez stracenia jakości.
-
Lekcja 12 Wykonywanie taska, tylko jeśli jest coś się zmieniło 2 min i 55 s
- 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.
-
Lekcja 13 JSHint - niesamowity debugger kodu Javascript 15 min i 3 s
- 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.
-
Lekcja 14 Równoległe wywoływanie zadań 5 min i 58 s
- Po tej lekcji Twoje zadania będą działać co najmniej 3-krotnie szybciej, ponieważ będą działały jednocześnie.
-
Lekcja 15 Co po kursie? 2 min i 52 s
- Po tej lekcji dowiesz się, co warto poznać po tym kursie.