Cześć :) Nazywam się Paweł Haraf i mam 37 lat. To jest tekst nagłówka zmienionego poprzez JS:

Kim jestem?

Zdjęcie autora strony

To są moje pierwsze kroki w frontendzie. Do tej pory moja praca, w ogóle nie była z tym związana. Obecnie jestem sztygarem w ZG Sobieski i mieszkam w Jaworznie.
Obecnie dołączyłem do szkolenia WTF: Co ten frontend prowadzonego przez Maćka Korsana.
Będę tutaj zamieszczał kolejne wpisy, w których będę informował o tym jakie robię postępy w kursie. Mam nadzieję, że sam wygląd strony będzie się zmieniał. Przejdź do notatek.

Poczytaj więcej o mojej nauce

Notatki z WTF: Co ten frontend

Jak stworzyć prawidłowego HTML'a?

Tworzenie zgodnie z zasadami HTML'a to sztuka, którą do perfekcji opanowało niewielu. Jeśli chcesz zostać częścią tej grupy, musisz się wykazać otwartą głową i dużą ilością wolnego czasu...

Pierwsze kroki

No to zaczynamy przygodę z frontend'em. Co prawda nie jest to moja pierwsza styczność z HTML'em, bo już w czasach liceum „tworzyłem” stronkę dla rodziców. Była dość toporna i za bardzo nie wiedziałem o co chodzi. Wszystko tworzyłem metodą prób i błędów, a gotowy layout strony wziąłem z gazety CD Action, dołączali wtedy gotowe na płycie. Zdjęcia i tekst już sam wklejałem.
Pierwszy tydzień jest raczej dość spokojny. Można w nim spokojnie zapoznać się z narzędziami jakie będą potrzebne, oraz strukturą dokumentu HTML. Jest też trochę zabawy przykładową stroną. Przez zmianę różnych elementów w jej kodzie, można podpatrzeć jak funkcjonują pewne rozwiązania w niej użyte.

To jest GIT!

Poznajemy w trzecim tygodniu GIT'a czyli program do kontroli wersji. Ma on za zadanie na pomoc w zarządzaniu projektem i łatwym wprowadzaniu wersji testowych, oraz ewentualnym usuwaniem błędów lub wracaniem do wcześniejszej wersji aplikacji.

GITHUB

GITHUB czyli platforma umorzliwiająca trzymanie repozytorium w sieci. Pozwala w łatwy sposób udostępniać swój kod innym osobom.

javaScript ma wiele do powiedzenia

Zawartość paragrafu była pusta. Została uzupełniona poprzez javaScript. Jest to możliwe dzięki temu, że JS ma dostęp do różnych elementów w HTMLu czy CSSie poprzez DOM. Dzięki temu strony mogą być bardziej interaktywne.

Lekcja 05:05 HTML: Listy, tabele, definicje

Przykładowe znaczniki zaprezentowane w liście nieuporządkowanej
  • h1
  • ul
  • a

Kroki do stworzenia pliku HTML zaprezentowane w liście uporządkowanej

  1. Otworzyć edytor
  2. ! [tab]
  3. Zapisz plik

Wygląd definicji w HTML'u pokazany przy pomocy potworów z Wiedźmina

Arachnomorf
Archnomorf jest podatny na większość wiedźmińskich znaków - można go ogłuszyć Aardem lub spróbować złapać w Yrden. Znak Aksji również pozwala na moment unieszkodliwić bestię. Dobrą strategią jest użycie przeciw niemu kuszy lub petard oraz pokrycie miecza olejem przeciw insektoidom.
Krabopająk
Potwór żyjący na pustyniach i bagnach, wyjątkowo jadowity. Może udawać kwiat orchidei.

Encje / Entities ©

Specjalne znaki, których nie mamy na klawiaturze, a z których chcemy korzystać

  • © to '& copy;'

CSS: Pseudoelementy i pseudoklasy

Jestem sobie tekstem. Mój link.

  • 1
  • 2
  • 3
  • 4

Moje repozytoria