Masz już konto? Zaloguj się

Kurs Visual Studio Code

Dowiedź się jak wydajnie pracować z Visual Studio Code, tak aby tworzenie kodu było prostsze, szybsze i przede wszystkim - przyjemniejsze.

55 lekcji

4h 1min

5 (11 oceny)

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.

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

Zawartość

Visual Studio Code

13 rozdziały 55 lekcji 4h 1min

  • Wprowadzenie

    23min

    Wstęp

    Podgląd lekcji

    2min

    Instalacja dla Windows

    3min

    Instalacja dla macOS

    3min

    Instalacja dla Linux

    3min

    Przegląd UI edytora

    6min

    Panel ustawień

    7min

  • Dostosowywanie wyglądu

    32min

    Zmiana szablonu

    7min

    Zmiana ikon

    3min

    Ustawienia fontów

    8min

    Instalacja fontów w systemie

    3min

    Ukrywanie zbędnych paneli

    Podgląd lekcji

    5min

    Przydatne ustawienia

    6min

  • Skróty klawiaturowe

    17min

    Najważniejsze skróty klawiaturowe

    4min

    Konfiguracja skrótów klawiaturowych

    Podgląd lekcji

    7min

    Poruszanie się po kodzie

    5min

    Wiele kursorów

    2min

  • Pliki i wyszukiwanie

    19min

    Tworzenie plików i folderów

    5min

    Wyszukiwanie w pliku

    4min

    Wyszukiwarka globalna

    4min

    Przeszukiwanie symboli

    4min

    Przejście do definicji

    3min

  • Wbudowany Terminal

    7min

    Korzystanie z terminala

    5min

    Zmiana domyślnego Shell

    2min

  • Przydatne rozszerzenia

    21min

    Bracket Pair Colorizer

    4min

    File Utils

    2min

    Faker

    2min

    Todo Highlight

    3min

    Settings Sync

    5min

    Toggle

    4min

    Project Manager

    2min

  • Tworzenie snippetów

    11min

    Jak tworzyć snippety

    7min

    Prostsze tworzenie snippetów

    4min

  • Praca z HTML i CSS

    13min

    Podstawy Emmeta

    6min

    Komendy dla Emmet

    4min

    Podpowiedzi dla klas CSS

    Podgląd lekcji

    3min

  • Praca z JavaScript

    41min

    Formatowanie kodu z Prettier

    11min

    Walidacja kodu z ESLint

    10min

    Polecane ustawienia ESLint

    6min

    Praca z Vue.js

    13min

  • Praca z PHP

    15min

    Podpowiedzi w kodzie PHP

    5min

    Formatowanie kodu z CS Fixer

    5min

    Przydatne dodatki dla Laravel

    3min

    Wygodna praca z artisan

    2min

  • Debugowanie i refactor

    11min

    Debugowanie aplikacji Node.js

    6min

    Refaktoryzacja

    4min

    Panel npm scripts

    1min

  • Praca z Git

    28min

    Tworzenie repozytorium i zapisywanie zmian

    3min

    Tworzenie pliku gitignore

    3min

    Przegląd i wycofywanie zmian

    4min

    Synchronizacja zmian

    2min

    Rozwiązywanie konfliktów

    4min

    Praca z gałęziami

    2min

    Porównywanie dwóch plików

    4min

    Git Lens

    5min

  • Zakończenie

    2min

    Podsumowanie

    2min

Autor kursu

Piotr Palarz

Web Developer

Średnia ocen autora: 5

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
JavaScript Narzędzia Deweloperskie w Przeglądarce Visual Studio Code Laravel Vue.js

Dołącz do ponad 10 tys. zadowolonych z naszych kursów

Rzeczowo i bardzo fajnie wyjaśnia temat Visual Studio Code. Jestem zadowolony z kursów Pana Piotra Palarza. Interesuje mnie jeszcze jak zaznaczony tekst w linii można przenosić za pomocą strzałek. Coś na zasadzie drag-drop z myszką.

Artur

25 stycznia 2021

Patryk

10 lutego 2021

DANIEL Ptasiński

14 marca 2021

Mike Sosnowski

14 kwietnia 2021

Bardzo dobry kurs i świetny prowadzący.

Michał

4 maja 2021

Jeszcze nie skończyłem, ale jestem bardzo zadowolony. Dużo pomocnych wskazówek usprawniających pracę z VSC.

Łukasz Dragon

2 czerwca 2021

Marek Piotrowski

13 czerwca 2021

Krzysztof Gluch

7 lipca 2021

Bartłomiej Trybuła

14 października 2021

Hubert Proch

6 stycznia 2022

Mariusz Ksiazek

8 stycznia 2022

Kurs Visual Studio Code

  • 55 lekcji wideo

  • 4h 1min materiału

  • Ostatnia rewizja 26.05.2020

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych

Dlaczego wybrać właśnie ten kurs?

Efektywna nauka

Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!

Wiedza ekspertów

Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.

Praktyczne przykłady

Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Pytania i odpowiedzi

Przeczytaj najczęściej zadawane pytania

Masz więcej pytań?

Porozmawiaj z nami na na czacie

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.

Jak jest skonstruowany kurs?

Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.

Jak najlepiej wykorzystać kurs?

Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!

Jak mogę uzyskać dostęp do kursu?

Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.

Czy kurs jest aktualny?

Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.

Czym się różni kurs od warsztatu i ścieżki?

Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.

We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.

Adam Romański

helloroman.com

Zacznij naukę w Visual Studio Code

  • 55 lekcji wideo

  • 4h 1min materiału

  • Ostatnia rewizja 26.05.2020

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych