galileo / kamil-praktyka-2017 Goto Github PK

Dzisiaj chciałbym abyś stworzył nową klasę (uwzględniając wszystko czego się nauczyłeś do tej pory)

Klasa ta ma się nazywać Page (Strona, jednak zacznijmy używać języka branżowego).

Klasa ta powinna otrzymać dwie właściwości title i content.

Właściwości te powinny być prywatne jednak powinna istnieć możliwość ich zmiany i pobrania ich wartości czyli np. setTitle i getTitle.

Jak zrobisz to wystaw PullRequest i daj znać.

• - Stopka
• - Usuniecie menu ze srodka
• - Napisy: Witam na stronie głównej/Witam na stronie o nas
• - dodanie breadcrumb w góra

Ogólnie jak stare programistyczne porzekadło mówi. Kod piszesz raz a czytasz milion razy. Więc powinien być on napisany jak najbardziej czytelnie. Więc musiałbyś sobie ustalić styl w jakim będziesz pisał.

Czy będziesz używał tab czy spacji do wcięć czy będzie to 2 miejsca czy 4 itp itd.

Więc w tym zadaniu chciałbym abyś najpierw się skupił na tym by Twoje dwa pliki index.html i css/style.css wyglądały dobrze od strony kodu.

Czyli tak nie może to wyglądać

html{
	background-color: green;
	font-family: sans-serif;
}
body{
width:1024px;
margin:0 auto;
background-color: #ff7f50;
border: 2px dotted black;
border-radius:15%;	
z-index:2;
position: relative;
}
h1{
	text-align: center;
	
}
#glowa{
}

<div id="glowa">
 
	 <h1>nag�Ówek</h1>
</div>
<div id="gora">
Aliquam erat volutpat. In ornare efficitur quam pharetra sagittis. Nullam a tempor sem. Mauris posuere
 dui sed nisl interdum, non ullamcorper urna viverra. Quisque at nisi ligula. Curabitur in efficitur erat. 
 Pellentesque vulputate, eros id feugiat ullamcorper, diam nisl mollis ante, vel tristique dui dolor id nisl. 
 <p>Curabitur finibus tellus sit amet mauris posuere, eu commodo tellus aliquet. Ut metus erat, accumsan vel consectetur in,
  vestibulum at dolor. Etiam sagittis tellus at nisl aliquet, ac blandit elit tempor. Aliquam ut urna eget turpis varius
	 </p>iaculis vitae in eros. Nulla at vulputate lorem. Nam nec arcu est. Suspendisse aliquam enim ut sem vehicula aliquam.
</div>

Stwórz katalog w tym repozytorium wiedza zrób tam plik git.md I opisz tam wszystkie poznane przez Ciebie komendy.

Nie chcę regułek z neta chcę Twoje przemyślenia na ten temat, tak abym mógł pomóc Ci lepiej je zrozumieć.

Opisz też jak powinno się robić nowe ficzery od stworzenia issue do wydania PR.

jw.

Pliki:

HTML-Kit Tools.lnk
TopStyle Lite.lnk

Jeśli mają pozostać powinny trafić do pliku .gitignore, jeśli nie mają, to usunąć za pomocą komendy git rm.

Natomiast to samo się tyczy pliku style.css który po prostu należy usunąć bo korzystasz w index.html z pliku css/style.css więc ten pierwszy jest niepotrzebny

Zdiagnozuj co obecnie jest najbardziej popularne lub najbardziej aktualne.

Ja pamiętam takie servery jak

• XAMPP
• WAMP

Linki i przemyślenia odnośnie wyboru czym się sugerowałeś wrzuć tutaj.

Kluczowy element tego zadania to dobór narzędzia, w efekcie którego powinieneś mieć je zainstalowane na Windowsie

Kolejnym zadaniem jakie Cię czeka to powiedzenie temu serwerowi gdzie są twoje pliki strony tak aby wchodzić na niego spod adresu localhost lub gdzie on to tam eksponuje. Wamp miał chyba inny adres ale to doczytaj w narzędziu czyli

• - Wybierz i umotywuj wybór serwera php/www
• - Zainstaluj serwer
• - Przenieś swój katalog lub skonfuguruj serwer tak aby wskazywał na folder z Twoim projektem

Menu po lewej stronie /ul li punktowanie / obrazek w nagłówku

Oczywiście żeby to zadziałało HTML musi być odpalony i przetworzony przez serwer w Twoim przypadku jak pamiętasz jest to MAMP.

Tutaj masz przykład jak to zrobić, również prezentacja została zaktualizowana o dodatkowe informacje.

https://github.com/galileo/kamil-praktyka-2017/blob/issue-22-add-php-into-html/example.php

Twoim zadaniem będzie:

• - 1. Usunięcie wszelkich niepotrzebnych plików pozostawienie tylko plików które są odpowiedzialne za stronę

index.php - to ma mieć treść `index.html`
oNas.php - to ma mieć treść `o_nas.html`
Strona.php

• - 2. Pamiętaj o zmianach nazw dla plików nie o_nas tylko oNas`
• - 3. Pobierz w pliku index.php klasę Strona I ustaw jej takie wartości jak obecnie mają czyli dla indexu to jest title = Strona główna a content = Witamy na stronie głównej
• - 4. Nie zapomnij tego samego zrobić dla strony oNas

Pamiętaj o flow które mieliśmy tutaj, w CoRobilem sobie wybierz jak chcesz działać, natomiast tutaj proponowałbym Ci zawsze robić PR.

Wyszyszczenie repo

Dorób dodatkowe strony które z treści i zachowania powinny już zachowywać się prawie tak jakbyś chciał stworzyć stronę i udostępnić ja w internecie. Sam oceń co i jak powinno wyglądać, masz doświadczenie, codziennie przeglądasz pewnie setki stron:

• - Wymyśl sobie tematykę strony
• - Trzymaj się wybranej tematyki strony
• - Dodaj stronę z galeria - 8 ładnych zdjęć z internetów.
• - Dodaj stronę szczegółów dla każdego z tych zdjęć
• - Stwórz nową stronę z formularzem kontaktowym (on nie musi działać po prostu pola na tytuł, telefon, treść)
• - Dodaj stronę błędu, czyli taką stronę którą użytkownik widzi w momencie kiedy np próbuje przejść do strony która nie istniej (oczywiście to ma być na razie tylko strona, bez obsługi błędów)
• - Dodaj stronę logowania czyli wiadomo formularz z polami login, haslo i guzikiem zaloguj
• - Pamiętaj o takich szczegółach jak breadcrumb, tytuł, treść strony

Inspiracje

• http://www.creativebloq.com/web-design/best-404-pages-812505
  https://blog.brilliantdirectories.com/articles/how-to-easily-add-a-contact-form-to-your-website-106

Wzorce stron:
https://htmlstream.com/preview/unify-v1.9.9/page_404_error.html