TASKI dla ProjektSass - Ćwiczenie obowiązkowe dla Technik Programista - na ocene
Część 1 Przygotowanie preprocesora SASS
1. Utworzenie nowego folderu o nazwie: "ProjektSass"
2. Wchodzimy do folderu za pomocą CMD (konsoli) do "ProjektSass"
np. c:\cd ProjektSass
c:\ProjektSass\
oraz za pomocą konsoli tworzymy dwa foldery: "sass" oraz "css"
c:\ProjektSass\mkdir sass
c:\ProjektSass\mkdir css
3. za pomocą konsoli CMD w "ProjektSass" - uruchamiamy nasłuchiwanie SASS:
c:\ProjektSass\sass --watch sass:css
4. Tworzymy index.html w "ProjektSass"
5. Tworzymy w "ProjektSass\sass" plik o nazwie style.scss
6. Sublime Text dzielimy na 3 kolumny oraz otwieramy pliki w edytorze:
"View->Layout->Columns 3" odpowiednio 1kol. index.html, 2kol. style.scss, 3kol. style.css
Część 2 - pobranie materiałów z repozytorium GITHUB
1. Aby pograć materiały z "https://github.com/pzsnr1/projektsass.git" GitHuba należy:
a) utworzyć nowe konto na https://github.com/ (w razie problemów pisać na grupie)
b) zainstalować program na lokalnym komputerze do zarządzania repozytoriami "GIT" ze strony: https://git-scm.com/downloads
dla odpowiedniego systemu operacyjnego (pewnie wszyscy macie WIN, instalacja domyślna za pomocą kreatora... w razie problemów pisać na grupie)
c)uruchomić konsole w nowym oknie CMD lub domyślną "Git Bash" po instalacji wejść do projektu "c:\ProjektSass"
d)pobrać materiały poleceniem c:\ProjektSass\ git clone https://github.com/pzsnr1/projektsass.git
e)cieszyć się z materiałów pobranych XD
f)Na ocenę celujący: w ramach swojego konta na githubie w gałęzi branch master nowego repozytorium o nazwie "ProjektSass" dla każdego ćwiczenia z osobna tworzycie commity wraz z aktualizacją dokumentów(plików).
W razie podjęcia się zadania i braku wiedzy jak to wykonać, proszę na grupie pisać lub dzwonić (poprowadzę za rączkę). Jeśli ktoś nie ma mojego nr tel to podam na grupie.
Dla niewtajemniczonych polecam tutorial git'a: https://www.youtube.com/watch?v=D6EI7EbEN4Q&list=PLjHmWifVUNMKIGHmaGPVqSD-L6i1Zw-MH
2. Pobrane materiały to:
a) główny plik projektu index.html (celem ćwiczenia jest wygenerowanie arkusza style.css za pomocą preprocesora SASS z pliku style.scss) na potrzeby projektu index.html aby sformatować wygląd strony
b) Pobranie zdjęć -- folder img.
c) Do materiałów dodane są dwa pliki: taski.html, taski.css oraz katalog zadania- gdzie podane są wytyczne do projektu (czyli to co teraz czytacie)
Część 3 Wykonanie zadania projektowego
1. Ćwiczenia wykonujemy zgodnie z poniższym opisem, pliki scss zapisujemy do katalogu sass