SUMMER FRONT-END STARTER KIT
Witajcie
na
Nazywam się Damian Rogulski
Poopowiadamy sobie
- co to jest programowanie i czemu służy?
- jak dostać pracę w tym zawodzie?
- jak przygotować dobre CV dla programisty?
Na koniec stworzymy razem stronę internetową!
ZACZYNAJMY!
Programowanie to...
Siedzenie w piwnicy?
A może walka z niedziałającym sprzętem?
Programowanie to...
OPROGRAMOWANIE
Rozwiązywanie problemów ludzi poprzez
(czyli sprawienie, że komputer rozwiąże problemy ludzi)
Ale jak ujarzmić komputer?
Algorytmy
Skończony ciąg jasno zdefiniowanych czynności, koniecznych do wykonania pewnego rodzaju zadań. Sposób postępowania prowadzący do rozwiązania problemu.
Definicja
Algorytm jest to sposób jak komputer ma rozwiązać konkretny problem
W skrócie
Przykładem algorytmu jest na przykład prosta instrukcja wkładania słonia do lodówki:
- Otwórz lodówkę
- Włóż słonia
- Zamknij lodówkę
A jak włożyć żyrafę do lodówki??
- Otworzyć lodówkę
- Wyciągnąć słonia
- Włożyć żyrafę
- Zamknąć lodówkę
Ale jest jeden problem...
Jaki?
Komputer nie wie jak włożyć słonia
Komputer nie wie co to lodówka
albo żyrafa
albo słoń
Dowiedz się więcej o algorytmach
https://www.youtube.com/watch?v=VKoQeV8e45w
Dobra, wiemy że komputer rozwiązuje problemy poprzez algorytmy, ale jak mu cokolwiek powiedzieć? Jakie słowa on zrozumie?
JĘZYKI PROGRAMOWANIA
Języki programowania służą do tego, żeby umożliwić pisanie kodu maszynowego w przystępny sposób (czyli zrozumiały przez człowieka).
Każdy język programowania ma swoją składnię i swoje słowa kluczowe
Dodatkowo każdy język programowania jest używany w konkretnym celu
(ma swoje zastosowanie).
Swift
Aplikacje na Iphony (IOS)
Java
Aplikacje na Androida
Javascript
Aplikacje i strony internetowe
Skoro tyle języków programowania, to którego mam się uczyć?
JEDNEGO :)
Na tym kursie będziemy skupiali się na tworzeniu stron internetowych
Więcej info:
https://www.youtube.com/watch?v=Ugl3ZS62rvs
No dobra, ale skoro język programowania odpowiada za pisanie algorytmów i poleceń, to co sprawia że nasza strona może ładnie wyglądać i zawierać jakieś konkretne informacje?
Język znaczników HTML i język styli CSS
Budowa strony internetowej jest jak dom
HTML
Warstwa prezentacji (czyli zawartość naszej strony)
CSS
Warstwa stylizacji (czyli to, jak nasza zawartość wygląda
<div id="sekcja">
<p class="information">
Mam na imię Damian
</p>
</div>#sekcja {
background-color: red;
}
p {
font-size: 16px;
color: black;
}a żeby zbudować nasz programisty "dom"
Wystarczy nam jedynie...
Edytor tekstu :)
Brackets
http://brackets.io/
Mając edytor tekstu, możemy już tworzyć!
Stwórzmy sobie na pulpicie folder o nazwie:
Moja pierwsza strona
A w nim plik:
wpisz-co-chcesz.html
Następnie napiszmy w tym pliku swoje imię używając znacznika tekstu!
<p> Cześć. Nazywam się ... </p>A teraz otwórzmy ten plik w przeglądarce :)
(wystarczy kliknąć dwa razy na stworzony plik)
Stworzyliśmy swoją pierwszą prostą stronę internetową
Więcej wkrótce :)*
*dla chętnych - https://www.youtube.com/watch?v=k2IydkL3EOs
Dziękuję za uwagę!
deck
By Damian Rogulski
