Description
Zawód front-end developer. 11 kroków do zostania webmasterem
Śmiało wkrocz w świat internetu i zacznij tworzyć strony WWW!Poznaj technologie i standardy branżoweNaucz się używać narzędzi do tworzenia stronDowiedz się, jak budować i publikować serwisyStron internetowych jest w sieci bardzo dużo i z każdym dniem przybywa ich coraz więcej. Obecnie każda firma i wiele prywatnych osób chce lub wręcz musi mieć w internecie przynajmniej prostą wizytówkę. Nic zatem dziwnego, że w portalach firm rekrutujących pracowników aż roi się od ofert dla ludzi tworzących serwisy, a profesjonaliści z doświadczeniem w tej dziedzinie mogą liczyć na naprawdę niezłe zarobki. Może i Ty chciałbyś do nich dołączyć, ale nie masz odpowiedniej wiedzy? A może obawiasz się, że na przeszkodzie stanie Ci brak ukończonych studiów informatycznych? O nic się nie martw, po prostu zacznij lekturę!Książka Zawód front-end developer. 11 kroków do zostania webmasterem bezboleśnie wprowadzi Cię w świat tworzenia stron WWW. Dzięki niej szybko poznasz podstawowe pojęcia branżowe i informacje niezbędne, aby rozpocząć przygodę z tą branżą oraz dołączyć do elitarnego grona rozchwytywanych specjalistów – autorów stron WWW. Poznasz warsztat pracy zawodowca, nauczysz się języka HTML5 i dowiesz się, jak tworzyć profesjonalne arkusze stylów CSS3. Odkryjesz możliwości, jakie oferują JavaScript i jQuery, a także poznasz podstawy języka PHP7. Dowiesz się też, jak zaprojektować i zbudować atrakcyjny serwis WWW oraz umieścić go w internecie.Wyposażenie warsztatu pracyJęzyk HTML i tworzenie kodu stronyNajważniejsze znaczniki i konstrukcje języka HTMLOsadzanie treści multimedialnych na stronieZastosowanie arkuszy stylów CSS3Formatowanie elementów graficznych i tekstowychZasady tworzenia responsywnych stron WWWProjektowanie i budowanie stron oraz ich składnikówKorzystanie ze skryptów i bibliotekZastosowanie języka PHP7Publikowanie strony w internecieTworzenie stron WWW? Z tą książką to nic trudnego!Spis treści:Wstęp 13CZĘŚĆ I. WPROWADZENIE 15Krok 1. Zainstaluj potrzebne programy 171.1. Przeglądarki internetowe 171.2. Edytor kodu 171.3. Prezentacja kodu w książce 19CZĘŚĆ II. HTML5 I CSS3 21Krok 2. Poznaj język internetu 23Krok 3. Poznaj HTML5 253.1. Dokument HTML (pierwsza strona WWW) 253.1.1. Szkielet dokumentu HTML 253.1.2. Kodowanie polskich znaków 283.1.3. Meta tagi 303.1.4. Podgląd kodu w przeglądarce 303.1.5. Błędy w kodzie 313.1.6. Przeglądarka poprawia błędy 323.2. Nagłówki/treść 323.2.1. Nagłówek nad tekstem 323.2.2. Treść na stronie internetowej 333.2.3. Wyświetlanie znaków specjalnych 343.2.4. Pogrubienie, pochylenie, podkreślenie tekstu 373.2.5. Kolejność otwierania i zamykania znaczników 383.3. Listy uporządkowane oraz nieuporządkowane 393.3.1. Lista uporządkowana 393.3.2. Lista nieuporządkowana 403.3.3. Zagnieżdżanie list 403.4. Zdjęcia na stronie 423.4.1. Wstawianie zdjęcia 423.4.2. Rozmiar zdjęcia 433.4.3. Tekst alternatywny 443.5. Znaczniki semantyczne 453.5.1. nav 453.5.2. header 463.5.3. article 463.5.4. aside 473.5.5. section 473.5.6. footer 483.5.7. Pozostałe znaczniki semantyczne 493.5.8. Podsumowanie 523.6. Kontener uniwersalny 533.7. Tabela 543.7.1. Tworzenie tabeli 543.7.2. Podział tabeli 553.7.3. Tytuł tabeli 573.7.4. Scalanie komórek 573.8. Odsyłacze 603.8.1. Odsyłacz do innej strony 603.8.2. Odsyłacz do podstrony 613.8.3. Kotwica 643.9. Elementy formularza 673.9.1. Tworzenie formularza 673.9.2. Pole wieloliniowe 683.9.3. Pole danych 703.9.4. Pole hasła 713.9.5. Pozostałe pola input – wprowadzanie danych 723.9.6. Pola wielokrotnego wyboru 743.9.7. Pole jednokrotnego wyboru 763.9.8. Listy rozwijane 773.9.9. Przyciski 783.9.10. Atrybuty elementów formularza 793.9.11. Przesyłanie danych z formularza 833.10. Multimedia 843.10.1. Odtwarzacz audio 843.10.2. Odtwarzacz wideo w HTML5 853.10.3. Dodawanie filmu z serwisu YouTube 863.11. Elementy blokowe i liniowe 88Krok 4. Poznaj CSS3 894.1. Styl w dokumencie HTML 894.1.1. Styl w znacznikach HTML 894.1.2. Styl w części HEAD 904.2. Styl w pliku CSS 924.2.1. Utworzenie i dodanie pliku CSS 924.2.2. Dodanie stylów do pliku CSS 934.2.3. Deklaracja stylu według znacznika 954.2.4. Deklaracja stylu według atrybutu id 964.2.5. Deklaracja stylu według atrybutu class 974.2.6. Komentarze w kodzie CSS 984.2.7. Podgląd kodu w przeglądarce 994.3. Podstawowe właściwości elementów 994.3.1. Kolory w CSS 994.3.2. Obramowanie 1024.3.3. Tło kolorowe 1064.3.4. Tło obrazkowe 1104.3.5. Rozmiar elementu 1154.3.6. Marginesy 1204.3.7. Cień elementu 1244.4. Rozmieszczanie elementów blokowych 1264.4.1. Wyświetlanie 1264.4.2. Sposoby wyświetlania 1284.4.3. Ustawienie 1294.4.4. Rodzaj pozycjonowania 1304.5. Stylizacja tekstu 1414.5.1. Kolor tekstu 1414.5.2. Rozmiar fontu 1414.5.3. Wysokość wiersza 1424.5.4. Odstęp między znakami 1424.5.5. Wyrównanie tekstu 1434.5.6. Dekoracja tekstu 1434.5.7. Waga fontu 1454.5.8. Styl fontu 1454.5.9. Krój pisma 1464.5.10. Fonty niestandardowe 1474.5.11. Fonty niestandardowe od Google 1484.5.12. Cień tekstu 1514.5.13. Stylizacja fragmentu tekstu 1524.6. Stylizacja linków 1534.6.1. Stan linku 1534.6.2. Efekt przejścia 1554.7. Stylizacja list 1594.7.1. Lista uporządkowana 1594.7.2. Lista nieuporządkowana 1604.7.3. Zwijanie tekstu 1614.7.4. Elementy listy w poziomie 1624.7.5. Margines wewnętrzny 1634.8. Styl w wybranych elementach 1634.8.1. Nazwa elementu, klasa, identyfikator 1634.8.2. Grupowanie selektorów 1644.8.3. Selektor potomka 1644.8.4. Selektor dziecka 1654.8.5. Selektor rodzeństwa 1654.8.6. Selektor atrybutu 1664.8.7. Selektor wybranego elementu 1684.9. Stylizacja elementów formularza 1754.9.1. Pole wieloliniowe 1754.9.2. Pola input 1764.9.3. Pole wyboru 1774.9.4. Lista rozwijana 1854.9.5. Przycisk formularza 1854.9.6. Zmiana stylu po atrybucie 1854.9.7. Pseudoklasa focus 1864.10. Animacje w CSS3 1874.10.1. Klatki animacji 1874.10.2. Nazwa animacji 1894.10.3. Czas trwania animacji 1894.10.4. Tempo animacji 1904.10.5. Powtarzanie animacji 1914.10.6. Opóźnienie animacji 1914.10.7. Zapis skrócony 1924.11. Strona responsywna 1924.11.1. Czym jest strona responsywna? 1924.11.2. Meta viewport 1944.11.3. Zapytania medialne 1954.11.4. Praktyczny przykład media queries 1984.12. Więcej informacji o CSS3 2034.12.1. Reset stylów przeglądarki 2034.12.2. Nadpisywanie stylów 2064.12.3. Pierwszeństwo stylów 2064.12.4. Dziedziczenie stylów 2074.12.5. Przedrostki przeglądarek 209CZĘŚĆ III. BUDOWA STRONY INTERNETOWEJ 211Krok 5. Poznaj świat profesjonalistów 2135.1. Kto ustala zasady? 2135.2. Przeglądarki internetowe 2135.3. HTML5 i CSS3 2135.4. Web design 214Krok 6. Zbuduj stronę internetową 2156.1. Moje zasady 2156.2. Projekt 2156.3. Przygotowanie plików do pracy 2166.4. Top strony 2176.4.1. Co chcemy osiągnąć? 2176.4.2. Utworzenie sekcji strony 2186.4.3. Dodanie nagłówków 2206.4.4. Tworzenie przycisku 2296.4.5. Top strony w wersji mobilnej 2326.5. Menu nawigacyjne 2396.5.1. Co chcemy osiągnąć? 2396.5.2. Utworzenie miejsca na nawigację 2396.5.3. Utworzenie linków dla nawigacji 2416.5.4. Środkowanie nawigacji 2426.5.5. Stylizacja linków 2446.5.6. Menu nawigacyjne w wersji mobilnej 2496.6. Oferta 2596.6.1. Co chcemy osiągnąć? 2596.6.2. Utworzenie sekcji strony 2606.6.3. Środkowanie zawartości strony 2616.6.4. Tytuł działu 2656.6.5. Okienka z ofertą 2686.6.6. Wypełnienie boksów treścią 2726.6.7. Dodanie elementów fontu jako ikon 2786.6.8. Oferta w wersji mobilnej 2916.7. Dietetyk Maria 3036.7.1. Co chcemy osiągnąć? 3036.7.2. Utworzenie sekcji strony 3036.7.3. Zmiana stylu nagłówka oraz podpisu 3056.7.4. Utworzenie miejsca na treść 3076.7.5. Stylizacja treści 3116.7.6. Responsywne obrazy 3136.7.7. „Dietetyk Maria” w wersji mobilnej 3196.8. Mapa Google 3256.8.1. Co chcemy uzyskać? 3256.8.2. Utworzenie sekcji strony 3256.8.3. Klucz API 3276.8.4. Wyświetlenie mapy 3276.8.5. Dodanie markera 3336.8.6. Zmiana stylu mapy 3366.8.7. Mapa Google w wersji mobilnej 3396.9. Formularz kontaktowy 3396.9.1. Co chcemy uzyskać? 3396.9.2. Utworzenie sekcji strony 3406.9.3. Miejsce na pola formularza 3426.9.4. Dodanie pól formularza 3456.9.5. Przycisk formularza 3536.9.6. Naprawa menu górnego 3576.9.7. Formularz kontaktowy w wersji mobilnej 3596.10. Stopka strony 3636.10.1. Co chcemy uzyskać? 3636.10.2. Utworzenie sekcji strony 3646.10.3. Stopka strony w wersji mobilnej 3666.11. Prawie gotowe 367CZĘŚĆ IV. DODATKOWE MOŻLIWOŚCI STRONY INTERNETOWEJ 369Krok 7. Poznaj JavaScript i jQuery 3717.1. Wprowadzenie do języka JavaScript 3717.2. Biblioteki JavaScript 3727.3. Praca z biblioteką jQuery 3737.4. Dodanie biblioteki do strony 3747.5. Działanie menu przy użyciu jQuery 3767.6. Menu w wersji mobilnej 3847.7. Oddzielenie kodu JavaScript od HTML 4027.8. Więcej o języku JavaScript i jQuery 404Krok 8. Poznaj PHP7 4058.1. Wprowadzenie do PHP7 4058.2. Instalowanie serwera XAMPP 4058.3. Utworzenie pliku oraz skryptu PHP 4098.4. Pobieranie danych z formularza 4118.5. Różnica między post a get 4158.6. Przesyłanie danych w tle 4158.6.1. Przygotowanie formularza 4158.6.2. Pobieranie danych za pomocą jQuery 4198.6.3. Walidacja pól za pomocą jQuery 4208.6.4. Wprowadzenie do Ajaxa 4248.6.5. Przygotowanie pliku PHP do odbioru danych 4318.6.6. Usuwanie znaczników HTML 4358.6.7. Przesyłanie znaków specjalnych 4378.6.8. Informowanie użytkownika o przesyłaniu danych 4388.7. Wysyłanie danych z formularza na adres e-mail 454CZĘŚĆ V. PUBLIKACJA STRONY W INTERNECIE 461Krok 9. Poznaj potrzebne pojęcia 4639.1. Domena 4639.2. Serwer 4639.3. Hosting 4639.4. FTP 464Krok 10. Opublikuj stronę w internecie 465Krok 11. Rozpocznij własną przygodę 469Skorowidz 471O autorze: Maciej Rościszewski – tworzeniem stron internetowych interesuje się od szkoły średniej. Obecnie, od ponad sześciu lat, tworzeniem stron internetowych zajmuje się zawodowo, pracując dodatkowo jako freelancer. Swoją wiedzę oraz umiejętności rozwija każdego dnia i z każdym wykonanym projektem. Śledzenie nowych trendów sieciowych i ich poznawanie jest dla niego nie tylko obowiązkiem zawodowym, ale przede wszystkim pasją.
Informatyka
czosne, zestaw diy, co na prezent dla nastolatków, pianka pantene
yyyyy
