Przygotowanie środowiska na kurs Front-End Developer.
Poniżej znajdziesz opis wstępnego przygotowania środowiska na kurs programowania Front-End Developer oraz na darmowe warsztaty programowania prowadzone w naszej szkole programowania w Krakowie.
Uwaga! Jeśli będziesz miał jakiekolwiek problemy z instalacją zawsze możesz na nas liczyć. Prosimy wtedy o kontakt mailowy (z opisem napotkanego problemu) lub o wcześniejsze przybycie na zajęcia, tak abyśmy wspólnie wykonali odpowiednią konfigurację.
Poszczególne kroki do wykonania w celu przygotowania środowiska programistycznego:
1) Instalacja edytora Visual Studio Code, link do pobrania wskazanego edytora: https://code.visualstudio.com/Download
Proszę pobrać instalację dla posiadanego systemu operacyjnego, następnie uruchomić instalator i postępować zgodnie z jego wskazówkami klikając klawisz "next".
W oknie o nazwie Select Additional Tasks wybierz wszystkie dostępne opcje.
2) Instalacja rozszerzeń edytora Visual Studio Code. Prosimy zainstalować następujące rozszerzenia (dodatki):
a) Live Server,
b) vscode-icons,
c) Path Intellisense,
d) SCSS IntelliSense.
Są to jedynie podstawowe rozszerzenia tego edytora. Kolejne dodatki będziemy sukcesywnie instalować podczas kolejnych zajęć.
Aby zainstalować w/w dodatki w Visual Studio Code należy z lewego menu wybrać Extensions (lub skrót Ctrl + Shift + X). Następnie w polu "Search Extensions in Marketplace" wpisać nazwę szukanego rozszerzenia np. "vscode-icons", następnie wybrać opcję "install".
Niektóre dodatki po instalacji wymagają "przeładowania" edytora. W tym przypadku możesz wybrać opcję "reload" lub samodzielnie zrestartować edytor.
3) Instalacja node.js
Przejdź na stronę projektu https://nodejs.org/en/
Wybierz aktualną wersję instalacyjną node.js dla Twojego systemu operacyjnego (wersja LTS, recommended For Most Users), pobierz instalator i zainstaluj node.js. Klikaj w poszczególnych oknach instalatora opcję "dalej".
4) Instalacja preprocesora CSS (SASS).
Wchodzimy na stronę projektu https://sass-lang.com/install
Wybierz odpowiednie polecenie instalacyjne z sekcji "Command Line" dla twojego systemu operacyjnego. Instalator powinien się automatycznie uruchomić, pobrać SASS-a oraz automatycznie go zainstalować. Poczekaj cierpliwie, aż instalator zakończy pracę.
Jeśli pracujesz z systemem Windows wybierz start -> uruchom (wpisz/wyszukaj) -> cmd -> enter i w oknie konsoli cmd wpisz nastęujące polecenie:
npm install -g sass
Jeśli Twój system to Mac OS lub Linux w konsoli tekstowej systemu użyj następującego polecenia (Homebrew):
brew install sass/sass/sass
5) Instalacja systemu kontroli wersji GIT.
Paczkę instalacyjną pobieramy z następującej lokalizacji:
Instalacja polega na uruchomieniu pliku instalatora i klikaniu przycisku „dalej” w poszczególnych oknach instalatora.
6) Instalacja przeglądarki Google Chrome.
Przeglądarka Chrome firmy Google posiada szereg pomocnych narzędzi dla Web-Developera.
Prosimy o instalację najnowszej dostępnej wersji. Plik instalacyjny do pobrania w następującej lokalizacji: https://www.google.pl/chrome/