Warsztaty z podstaw HTML i CSS
30 czerwca 2016

Kiedy: 
2 lipca 2016, godz 9:30 – 14:00
3 lipca 2016, godz 9:30 – 14:00
Gdzie:
Lost Bar ul. Szewska 20

13508931_1030030590386170_7289618321225776392_n

Zapisy:
Zapisy na warsztaty ruszą 21.06 o godzinie 10:30! 

Warsztaty przeznaczone są dla osób początkujących, które chciałyby nauczyć się od podstaw tworzyć strony internetowe.

Uczestnicy dowiedzą się, co to są atrybuty i znaczniki HTML, poznają też semantykę HTML5 oraz czym jest i jak stosować CSS.

Krok po kroku będziemy tworzyć stronę internetową na podstawie przygotowanego wcześniej projektu graficznego. Uczestnicy dowiedzą się na co zwracać uwagę przed przystąpieniem do pracy, jak interpretować projekt oraz jakie pytania powinny pojawić się po otrzymaniu projektu strony.

Zaczniemy od analizy projektu i przygotowania niezbędnych narzędzi pomocnych w realizacji strony, następnie w kilku etapach przenosić będziemy wizję grafika na działający kod strony WWW.

Warsztaty kończą się przygotowaniem działającej strony oraz omówieniem możliwych dalszych ścieżek jej rozwoju m.in. RWD, animacja CSS, JS, preprocesory.

Wymagania:

- warsztaty dla każdego, kto chce poznać HTML i CSS od podstaw, nie trzeba mieć żądnego doświadczenia w kodowaniu lub programowaniu.
- zainstalowana przeglądarka
- wybrany edytor tekstu np. Sublime (https://www.sublimetext.com/)

Agenda:

dzień I:

1. Wstęp, przywitanie
2. Przygotowanie warsztatu pracy: edytor, przeglądarka
3. HTML – wprowadzenie, jak to działa
4. HTML – znaczniki, atrybuty
5. HTML – DIV i span – czyli elementy blokowe i liniowe
6. CSS – wprowadzenie, jak ostylować wybrany znacznik w HTML (class i ID)
7. CSS – semantyka, kilka wybranych właściwości
8. Poznanie projektu i wstępna analiza
9. Rozpoczęcie kodowania serwisu

dzień II:

1. Powitanie
2. Przygotowanie warsztatu pracy: niezbędny kod, przypomnienie analizy projektu.
3. Zakodowanie menu serwisu
4. Zakodowanie szkieletu serwisu i stylowanie kolejnych elementów
5. Wykańczanie projektu, problemy i odpowiedzi
6. Dalsze możliwości rozwoju projektu
- Animacje CSS
- RWD
- Pytania i odpowiedzi

7. Omówienie przydatnych narzędzi
- W3C – strona www jako źródło wiedzy i walidatory
- Wtyczki, narzędzia, dodatki ułatwiające pracę
- Preprocesory: LESS, SASS
- Pytania i odpowiedzi

Warsztaty poprowadzi Ewa Turska
Swoją pierwszą stronę stworzyła w szkole podstawowej przy pomocy zaawansowanego narzędzia, jakim jest Notatnik, ponieważ chciała założyć jeden z pierwszych portali poetyckich w Polsce – co też się udało. Swoje życie związała z mediami, w czasach studenckich prowadziła poranne audycje rozrywkowe oraz tworzyła autorski program poetycki w internetowym Radiu Bez Kitu. Jest absolwentką Uniwersytetu Jagiellońskiego na kierunkach: Dziennikarstwo i Komunikacja Społeczna oraz Elektroniczne Przetwarzanie Informacji, skąd wynosiła zamiłowanie do szeroko pojętej tematyki nowych mediów. W trakcie studiów pracowała m.in. w Zespole Portalu Uniwersyteckiego, gdzie zajmowała się projektowaniem i tworzeniem stron jednostek UJ, ponadto prowadziła szkolenia z obsługi systemu Liferay. Obecnie pracuje, jako frontend developer w firmie TVN S.A. oraz prowadzi zajęcia z zakresu podstaw budowy stron internetowych na UJ. Po godzinach dzierga na szydełku, wyrabia własne kosmetyki naturalne, uwielbia czytać książki i intensywnie trenuje tribal fusion dance.

Zapraszamy,
WiT

Warsztaty są płatne, ale cały koszt warsztatów przeznaczony jest na przygotowanie materiałów i catering.

15219971_1207539969285062_2023886460244988749_n

Santa Cloud #1 w Krakowie

15134712_1732427060414757_57628534028046263_n

A.I. meetup #3

15241858_1050601225038707_6055258872630472178_n

TechKlub Kraków – Technologie przyszłości