No to zaczynamy! Pierwsze zadanie na poważnie: naucz się HTML5 i CSS. Podejmiesz się wyzwania?
Przypominam, że to nie będzie kurs programowania. To wyzwanie, które ma na celu zmobilizować Was do pracy, pokazać od czego możecie zacząć, pomóc w tych początkach. Taki kop motywacyjny, ułatwienie.
Kursów programistycznych jest już wystarczająco dużo. Niezależnie od tego, na który z nich się zdecydujecie możecie liczyć na wsparcie 😉
Polecam Wam również miejsca, w których możecie zacząć. Materiały pomocne przy wykonaniu zadania. Materiały na start.
A teraz trochę o dzisiejszym zadaniu:
Zakoduj swoją pierwszą prostą stronę z wykorzystaniem HTML5 i CSS
Poziom: podstawowy
Może to być dowolna strona. Możecie np. podjąć się jednego z kursów, do których linkuje dalej, a jako wynik wkleić jedną ze stron, która powstanie w wyniku Waszej pracy.
Jeśli jednak potrzebujecie jakiegoś prostego podstawowego widoku na początku, polecam zakodować to:
Rozwińcie ją w dowolny sposób. Pobawcie się z nią. Możecie dodać więcej elementów, odjąć coś. Zapytać, jeśli macie z czymś problem.
Spróbujcie:
- wypozycjonować menu pośrodku
- unieruchomić je na górze strony
- zdjęcie w kole, elipsie zamiast w prostokącie
- więcej elementów
- itd…
Podzielcie się swoim rozwiązaniem. Uzyskajcie feedback odnośnie tego, co jest zrobione dobrze/źle, co można poprawić.
Uwagi:
Jeśli będziesz szukać informacji nt. HTML – szukaj pod HTML5. Nie ucz się wersji niższej niż 5. Możesz ewentualnie przeczytać jakie zmiany wprowadza w stosunku do starszych wersji.
Pomocne materiały, informacje:
Jeśli szukasz edytora kodu – jednym z popularniejszych są Sublime Text, Atom lub Brackets. Niestety prywatnie nie mam z nimi doświadczenia. Zaczynałam w czasach gdy jeszcze ich nie było, kod pisałam w niezawodnym Notepad++. Teraz korzystam z Webstorm’a, który jest rozwiązaniem płatnym (IDE, 30-dniowy okres próbny), ale też kombajnem. Jeśli dopiero zaczynasz – skorzystaj z edytorów 😉
Jeśli nie rozumiesz o czym piszę – więcej na ten temat (IDE vs. edytory) ukaże się na blogu w najbliższą środę 😉
Swojego czasu przeprowadzałam na grupie ankietę w temacie IDE i używanych edytorów. Może Cię zainspiruje. – Link do ankiety
Materiały odnośnie HTML5 oraz CSS (EN)
Naucz się pisać strony internetowe! na MDN (Mozilla Developer Network) – niestety chyba tylko strona startowa jest po polsku, reszta po angielsku
HTML – structuring the Web (EN) na MDN
CSS – styling the Web (EN) na MDN
Wizualne wprowadzenie do CSS – naprawdę świetna sprawa! (cssreference.io)
Darmowe kursy na początek nauki:
Kurs HTML & CSS na Codecademy (EN)
Wstęp do HTML/CSS na Khan Academy (PL)
HTML5 & CSS na FreeCodeCamp (EN)
Przydatny może okazać się generator tekstu Lorem ipsum na stronę – przykładowy: http://lipsum.pl/.
Nie narzucam terminu, ale z doświadczenia powiem, że jeśli nie ustalisz kiedy zaczniesz – możesz tego nie zrobić w ogóle. Zdecyduj, że zaczniesz (najlepiej) dziś, (ewentualnie) jutro, (max) za tydzień. I zrób to.
Jeśli działa na Ciebie obligacja zewnętrzna możesz ją wykorzystać dzieląc się swoim planem na mojej grupie wsparcia. Raz na tydzień pytam o plan, a następnie o to jak poszło. Zachęcam do spróbowania takiego sposobu motywacji 🙂
Wynikiem podziel się w komentarzu bądź na grupie wsparcia – link do zadania na grupie.
Podyskutujmy o tym, co jest dobrze/źle, co mogłoby być zrobione lepiej. Na co warto zwrócić uwagę.
Biorąc pod uwagę okres świąteczny, kolejnego zadania spodziewajcie się już w Nowym Roku 😉
Powodzenia!
