Poznaj najlepszy edytor kodu
4 godz. 1 min · HTML i CSS · Full-stack i Programowanie
Piotr PalarzWeb DeveloperW 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.
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ę.
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.
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.
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.
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.
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.
1.42+
W tej lekcji pokażę ci jak możemy pracować z gałęziami w gicie
jeżeli sobie wybierzemy z command palette git branch zobacz
to mamy coś takiego jak create branch i powiedzmy że chcę utworzyć branch na którym dodam
do naszej aplikacji jakieś nowe możliwości nazwiemy go feature 1
w ten sposób i to co jest bardzo ważne od razu na
ten branch zostaliśmy przeniesieni czyli widzisz to tutaj u dołu to jest tak jakbyśmy wpisali
git checkout minus b i nazwa brancha wtedy byśmy
utworzyli branch i na ten branch przeszli okej jesteśmy na takim branchu
możemy coś dodać do naszej aplikacji na przykład tutaj w main powiedzmy
że coś sobie zmienimy może tutaj zmienimy to
na true okej tak to będzie wyglądać jeżeli przejdziemy do panelu source control
mamy zmiany na tym branchu chcemy je zacommitować pisząc tutaj
na przykład enable production tip zapisuje
te zmiany i wykonaliśmy na tym branchu commit teraz jeżeli chcemy wrócić na branch
master to wpiszemy sobie checkout i zobacz git
checkout tu od razu nam pokaże wszystkie nasze gałęzie więc chcemy wrócić na
master wróciliśmy na master i okazuje się że na masterze w tym pliku oczywiście
było false i teraz kiedy już wiemy że tamta zmiana jest przetestowana jest wszystko
okej to chcemy wykonać merge czyli połączyć te dwie gałęzie i również
jest to bardzo proste wybierzemy sobie tutaj merge mamy
git merge branch będąc na masterze powiemy że chcemy połączyć to
z feature 1 zrobimy coś takiego zobacz te
zmiany zostały połączone ten kod się tutaj zmienił i teraz wszystko jest na masterze
więc możemy zrobić push żeby zsynchronizować to z repozytorium a ta
nasza gałąź pozostaje tylko dla nas u nas lokalnie więc jeżeli nam
już nie będzie potrzebna również możemy ją usunąć wpiszmy
branch i mamy delete branch feature 1 usuwamy
i taki branch nam zniknie teraz wystarczy że wykonamy sobie sync
żeby te wszystkie zmiany zacommitować do zdalnego repozytorium jeji
w ten sposób dodaliśmy jakąś nową funkcjonalność do naszej aplikacji