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:

1. Otwórz lodówkę
2. Włóż słonia
3. Zamknij lodówkę

A jak włożyć żyrafę do lodówki??

1. Otworzyć lodówkę
2. Wyciągnąć słonia
3. Włożyć żyrafę
4. 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ę!