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
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
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
Przydatne ustawienia
6min
-
Skróty klawiaturowe
17min
Najważniejsze skróty klawiaturowe
4min
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
-
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
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
Zadzwoń +48 880880606
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
Kursy które mogą Cię również zainteresować
Nowoczesny React
Michał Jabłoński
Podstawy pracy z Cursor IDE
Adam Gospodarczyk
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk