Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Wykup dostęp do bazyZaloguj się kontem Easy

Lekcja 13/ 55Najważniejsze skróty klawiaturowe

0:00 / 0:00
Full-stack i ProgramowanieHTML i CSSPoznaj najlepszy edytor kodu

Visual Studio Code: Najważniejsze skróty klawiaturowe

4 godz. 1 min wideo55 lekcji13 modułów

Piotr PalarzWeb Developer
Wszystkie kursy autora

Czego się nauczysz

  • Konfiguracja i zmiana wyglądu
  • Skróty klawiaturowe
  • Wbudowany Terminal
  • Praca z HTML, CSS, JS i PHP
  • Debugowanie aplikacji
  • Współpraca z Git

Visual Studio Code - Poznaj najlepszy edytor kodu

Visual Studio Code to obecnie jeden z najpopularniejszych edytorów kodu. Tytuł ten, wśród wielu świetnych narzędzi tego typu, nie był łatwy do zdobycia. VS Code zawdzięcza swój sukces ciągłemu rozwojowi, rosnącej liczbie przydatnych rozszerzeń i możliwości dostosowania do niemal każdego projektu, bez względu na technologię, w której jest tworzony.

Z kursu dowiesz się jak wydajnie pracować z tym narzędziem, aby tworzenie kodu było prostsze, szybsze i przede wszystiim - przyjemniejsze.

Instalacja i pierwsze kroki

W tej sekcji kursu zobaczysz jak zainstalować edytor w 3 najpopularniejszych systemach operacyjnych. Następnie poznasz główne panele tworzące interfejs VS Code, a także nauczysz się korzystać z panelu ustawień, aby w przyszłości dostosować do własnych potrzeb niemal każdy detal.

Wygląd i konfiguracja

Aby praca z jakimkolwiek edytorem kodu była przyjemna, należy dostosować jego wygląd do swoich preferencji. W przypadku VS Code jest to bardzo proste, a ogrom szablonów, ikon czy dostępnych fontów zadowoli każdego. W kursie dowiesz się jak wyszukiwać i instalować szablony, jak szybko je zmieniać czy jak skonfigurować font z ligaturami.Następnie poznasz najważniejsze skróty klawiaturowe, a także sposoby na ich modyfikację lub nawet konfigurację własnych. To właśnie dzięki nim praca staje się wydajna, gdy jak najrzadziej sięgamy po myszkę.

Poruszanie się po kodzie

VS Code oferuje szereg możliwości sprawnego poruszania się zarówno po całym projekcie jak i po jednym, wybranym pliku. W tej sekcji kursu zobaczysz jak szybko wyszukiwać plików i do nich przeskakiwać, jak przeszukiwać aktywny plik, a także jak korzystać z globalnej wyszukiwarki, która z czasem staje się nieodzownym narzędziem w rękach sprawnego dewelopera.Nie zabraknie również informacji o tym jak korzystać z wielu kursorów jednocześnie, jak przenosić, kopiować czy usuwać linie kodu czy szybko tworzyć całe pliki i katalogi.

Korzystanie z rozszerzeń

Choć VS Code jest pełnoprawnym edytorem kodu już tuż po instalacji, to jego prawdziwy potencjał poznajemy dopiero wtedy, gdy przechodzimy do panelu rozszerzeń. Znajdziemy tam tysiące dodatków do tego edytora. Część z nich to szablony zmieniające jego wygląd, część do drobne narzędzia ułatwiające np. tworzenie plików, a część do prawdziwe "kombajny", np. do pracy z Gitem czy zamiany edytora w IDE dla wybranego języka.Z kursu dowiesz się jak wyszukiwać i instalować rozszerzenia, a także poznasz wiele z nich i zobaczysz jak mogą znacznie ułatwić codzienną pracę z kodem.

Praca z HTML, CSS, JS i PHP

W tej sekcji kursu poznasz najpopularniejsze sposoby na wydajną pracę z językami HTML, CSS, JavaScript i PHP. Zobaczysz jak działa Emmet i w jaki sposób ułatwia pisanie kodu HTML i CSS, skonfigurujesz Prettier do formatowania kodu oraz narzędzie ESLint do walidacji i pilnowania standardów JavaScript.Zobaczysz również jak zamienić VS Code w prawdziwy IDE do pracy z językiem PHP, automatycznym formatowaniem kodu czy współpracy z frameworkiem Laravel.

Współpraca z Git

Choć system kontroli Git jest narzędziem niezbędnym w pracy każdego programisty, większość przyznaje, że zna tylko podstawowe komendy, a gdy zachodzi potrzeba, np. wycofania zmian, szuka rozwiązania w internecie. Wszystko to za sprawą bardzo wielu komend Gita, a także ich specyficznych opcji.W kursie zobaczysz, że z poziomu VS Code można pracować z Gitem dużo prościej, w zasadzie wszystko "wyklikując". Nauczysz się tworzyć commity, synchronizować kod ze zdalnym repozytorium, porzucać zmiany, przywracać pliki czy przeglądać historię utworzonych commitów.

Dla kogo jest ten kurs?

Kurs ten jest dla wszystkich osób, które chcą wydajniej pracować z kodem. Niezależnie czy jest to kod HTML, CSS, JavaScript, PHP czy Python, każdy z tych języków znajdzie wsparcie w Visual Studio Code. Kurs omawia edytor od podstaw, a wiedza z zakresu wymienionych wyżej języków nie jest wymagana, choć dla części z nich prezentowane są dedykowane rozwiązania.

Wersja oprogramowania: 1.42+

Kurs Visual Studio Code

13 rozdziałów55 lekcji4h 1min

Wprowadzenie

23min
  • Wstęp2min(zablokowana)
  • Instalacja dla Windows3min(zablokowana)
  • Instalacja dla macOS3min(zablokowana)
  • Instalacja dla Linux3min(zablokowana)
  • Przegląd UI edytora6min(zablokowana)
  • Panel ustawień7min(zablokowana)

Dostosowywanie wyglądu

32min
  • Zmiana szablonu7min(zablokowana)
  • Zmiana ikon3min(zablokowana)
  • Ustawienia fontów8min(zablokowana)
  • Instalacja fontów w systemie3min(zablokowana)
  • Ukrywanie zbędnych paneli5min(zablokowana)
  • Przydatne ustawienia6min(zablokowana)

Skróty klawiaturowe

17min
  • Najważniejsze skróty klawiaturowe4min(zablokowana)
  • Konfiguracja skrótów klawiaturowych7min(zablokowana)
  • Poruszanie się po kodzie5min(zablokowana)
  • Wiele kursorów2min(zablokowana)

Pliki i wyszukiwanie

19min
  • Tworzenie plików i folderów5min(zablokowana)
  • Wyszukiwanie w pliku4min(zablokowana)
  • Wyszukiwarka globalna4min(zablokowana)
  • Przeszukiwanie symboli4min(zablokowana)
  • Przejście do definicji3min(zablokowana)

Wbudowany Terminal

7min
  • Korzystanie z terminala5min(zablokowana)
  • Zmiana domyślnego Shell2min(zablokowana)

Przydatne rozszerzenia

21min
  • Bracket Pair Colorizer4min(zablokowana)
  • File Utils2min(zablokowana)
  • Faker2min(zablokowana)
  • Todo Highlight3min(zablokowana)
  • Settings Sync5min(zablokowana)
  • Toggle4min(zablokowana)
  • Project Manager2min(zablokowana)

Tworzenie snippetów

11min
  • Jak tworzyć snippety7min(zablokowana)
  • Prostsze tworzenie snippetów4min(zablokowana)

Praca z HTML i CSS

13min
  • Podstawy Emmeta6min(zablokowana)
  • Komendy dla Emmet4min(zablokowana)
  • Podpowiedzi dla klas CSS3min(zablokowana)

Praca z JavaScript

41min
  • Formatowanie kodu z Prettier11min(zablokowana)
  • Walidacja kodu z ESLint10min(zablokowana)
  • Polecane ustawienia ESLint6min(zablokowana)
  • Praca z Vue.js13min(zablokowana)

Praca z PHP

15min
  • Podpowiedzi w kodzie PHP5min(zablokowana)
  • Formatowanie kodu z CS Fixer5min(zablokowana)
  • Przydatne dodatki dla Laravel3min(zablokowana)
  • Wygodna praca z artisan2min(zablokowana)

Debugowanie i refactor

11min
  • Debugowanie aplikacji Node.js6min(zablokowana)
  • Refaktoryzacja4min(zablokowana)
  • Panel npm scripts1min(zablokowana)

Praca z Git

28min
  • Tworzenie repozytorium i zapisywanie zmian3min(zablokowana)
  • Tworzenie pliku gitignore3min(zablokowana)
  • Przegląd i wycofywanie zmian4min(zablokowana)
  • Synchronizacja zmian2min(zablokowana)
  • Rozwiązywanie konfliktów4min(zablokowana)
  • Praca z gałęziami2min(zablokowana)
  • Porównywanie dwóch plików4min(zablokowana)
  • Git Lens5min(zablokowana)

Zakończenie

2min
  • Podsumowanie2min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Piotr Palarz
Średnia ocen autora: 4,8

Bio

Web Developer. Na co dzień tworzy strony i aplikacje internetowe. Pasjonat technologii webowych, miłośnik JavaScriptu oraz grafik hobbysta. W wolnych chwilach stale poszerza swoją wiedzę, czyta, publikuje w Internecie, a także stara się aktywnie spędzać czas z dala od ekranu monitora.

Inne kursy tego autora

Pokaż więcej kursów