arrow_drop_up
arrow_drop_up
arrow_drop_up
arrow_drop_up
arrow_drop_up
arrow_drop_up

Zapoznaj się z artykułami na naszym blogu! |

home
Poznaj nas
info
Kursy programowania
people
Sylwetki wykładowców
location_on
Gdzie działamy?
create
Nasze artykuły
mail
Zapraszamy do kontaktu!

Artykuły.

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:

https://git-scm.com/downloads

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/

Lista artykułów Strona główna
menu
arrow_drop_up
Front-End (30.09.2023), Full-Stack (30.09.2023), Back-End (23.09.2023) [ szczegóły ]