Comarch Micro Camp - Programowanie, administrowanie i nadzór nad stronami WWW tworzonymi na potrzeby biznesowe
Szkolenie dostępne także w opcji ZDALNEJ
Cele
1. Poznanie zasad rzemiosła i sztuki programowania w tworzenia stron i serwisów www.
2. Zdobycie umiejętności czytania kodu ze zrozumieniem.
3. Zrozumienie konstrukcji używanych w programowaniu.
4. Poznanie technologii HTML5, CSS3, Javascript oraz bibliotek
5. Uzyskanie zestawu gotowych procedur do zastosowania w codziennej pracy.Profil słuchaczy
Kurs ten przeznaczony jest dla nie programistów, biznesmanów, osoby które są na styku biznes, osoby które są na styku biznes – informatyka (np. sprzedawcy rozwiązań it), osoby, które są w trakcie wykonania poważnej zmiany odnośnie zawodu w ramach firmy i już wiedzą ze zetkną się z HTML\JS, Osoby\zespoły które dostały jakieś niewielkie zadania powiązane z aplikacjami\stronami opartymi o HTML\JS, ale te zadania nie są tworzeniem czegoś nowego tylko nazwijmy to kontrolą, testowaniem co najwyżej drobnymi modyfikacjami kodu w nowoczesnych technologiach.Wymagania wstępne
Od uczestników szkolenia nie wymagana jest wiedza programistyczna a jedynie ogólna orientacja w komputerze.Czas trwania
10 dni po 8 godzin zegarowych (łącznie 80 godzin)Metoda realizacji szkolenia
Szkolenie realizowane jest w formie naprzemiennie następujących po sobie mini wykładów oraz ćwiczeń praktycznych. Szkolenie łączy w sobie fachową wiedzę merytoryczną z praktycznymi przykładami jej wykorzystania w środowisku pracy. Większość czasu poświęconego na szkolenie stanowią ćwiczenia \ warsztaty praktyczne.Program
Podstawy funkcjonowania stron www i całego serwisu w sieci Internet
1. HTML i CSS
2. Rozwiązania typu klient-serwer, klient-klient protokół HTTP.
3. Rejestracja domeny,
4. Frontend a backend – różnice wyjaśnienie
5. Hosting, założenie konta, wybór hostingu, na przykładzie trenera
6. Język HTML: elementy, atrybuty, komentarze — podstawowe tagi: tytuły, akapity, listy wypunktowane i numerowane, tabele, rysunki, linki, encje — kodowanie polskich liter
7. Elementy blokowe i elementy liniowe
8. Wewnętrzny podział dokumentu z podziałem na treść i opis
9. Definiowanie podstawowych części dokumentu
10. Kontrola i sprawdzanie dokumentu - walidacja dokumentu HTML i strony
11. CSS: metody budowania kaskadowych arkuszy stylów
12. CSS: Reguły, selektory, deklaracje, właściwości, wartości
13. Metody Tworzenia Selektorów CSS (oraz selektory dodane w CSS 3)
14. Drzewo DOM i pokrewieństwo w CSS
15. klasy, identyfikatory - id, atrybuty wykorzystywane w drzewie DOM.
16. Łączenie selektorów przy użyciu operatorów i selektory grupowe
17. Pseudoklasy i pseudoelementy – wykorzystanie i metody stosowania
18. Ważniejsze właściwości CSS i wartości, które mogą przyjmować
- a. sposoby określania kolorów.
- b. bezwzględne i względne jednostki definiujące strony www
- c. określanie wyglądu tła, formatowanie i ustalanie tła
- d. formatowanie wyglądu tekstu
- e. skrótowe i grupowe zapisywanie niektórych właściwości
- a. elementy pudełka, sposoby modyfikowania pudełka/bloku/przestrzeni formatowanej i blokowe, elementy pływające (właściwość float)
20. Pozycjonowanie elementów na stronie
- a. różne sposoby pozycjonowania elementów
- b. problemy oraz pułapki i zachowania nietypowe
21. Sposoby dołączania CSS-a do dokumentu
22. Korzystanie z fontów typowych dostępnych na każdym komputerze i fontów nietypowych
- a. umieszczanie fontów na stronie www
- b. fonty importowane c. korzystanie z fontów udostępnianych przez Google fonts
23. Standaryzacja w przeglądarkach -typowe problemy wynikające z niezgodności między przeglądarkami i ich rozwiązywanie
24. Responsywność stron WWW
25. fixed layout, flow layout, responsive layout – metody tworzenia stron
26. Różne podejścia do wyświetlania stron na urządzeniach o różnej rozdzielczości: telefony, tablety, komputery
27. Dynamiczna modyfikacja elementów HTML CSS – transformacja, przesunięcia, animacje
28. Formularze – Tworzenie i projektowanie
29. Przygotowywanie grafiki na potrzeby WWW — różne metody kompresji fotografii i ich zastosowanie w popularnych formatach graficznych — wady, zalety i typowe zastosowania różnych formatów graficznych — proste przetwarzanie grafiki: przycinanie, skalowanie, konwersja między formatami
30. Ułatwienia w projektowaniu stron – na przykładzie frameworka CSS Twitter Bootstrap
- a. Griid – metoda tworzenia komponowania i budowania stron i serwisów WWW
- b. Gotowe komponenty: elementy animowane różne rodzaje menu i zakładek, formularze, typografia
- c. Zastosowanie frameworka Twitter Bootstrap do tworzenia układów typu fixed layout, flow layout i responsive layout
31. Analiza przykładowych projektów stron i serwisów WWW
Javascript
1. Nowe wersje Javascript - ES5 vs ES6
2. Wprowadzenie do języka JavaScript - Struktury języka JavaScript
- a. Podstawy programowania w JS
- b. Typy danych
- c. Zmienne
- d. Operatory
- e. Instrukcje sterujące
- f. Tablice
- g. Funkcje
- h. Obiekty i klasy
- i. Obsługa daty i czasu
- j. Osadzanie instrukcji JavaScript w kodzie HTML
- k. Używanie komentarzy
3. Formularze HTML i ich obsługa
- a. Tworzenie formularzy
- b. Walidacja wprowadzonych danych w formularzu
- c. Obsługa zdarzeń
- d. walidacja formularzy
4. Funkcje JS
- a. Polecenia przy pomocy funkcji
- b. Dynamizacja strony WWW
5. Najpopularniejsze funkcje i atrybuty
- a. Sortowanie
- b. Filtrowanie
- c. Zliczanie elementów
- d. Redukcja
- e. Odwoływanie się do elementów strony przy użyciu selektorów CSS
- f. Tworzenie efektów wizualnych: ukrywania i odkrywanie elementów,
- g. inne efekty dynamicznie
- h. tworzenie animacji w JS przy pomocy właściwości CSS
- i. obsługa zdarzeń
6. Transpilery, polifile, NPM
7. Popularne Frameworki i biblioteki JS
- a. React
- b. Angular
- c. Bootstrap/Material
- d. Vue
Umiejętności
Praktyczne wykorzystanie języka JavaScript w tworzeniu stron/serwisów/aplikacji WWWMateriały szkoleniowe i materiały dodatkowe
Uczestnicy w trakcie szkolenia otrzymują materiały z zakresu kursu oraz opisy realizowanych ćwiczeń. W trakcie szkolenia wskazane są także dodatkowe materiały i zasoby za pomocą których można samodzielnie poszerzać wiedzę (szkolenia dodatkowe, źródła danych). Szkolenie kończy się wystawieniem certyfikatu Comarch. Szkolenie zawiera ćwiczenia (projekty) realizowane w domu.Usługi dodatkowo płatne
W trakcie szkolenia uczestnicy mogą skorzystać z dodatkowo płatnych usług. Informacje szczegółowe w tym względzie są dostępne u pracowników Centrum Szkoleniowego Comarch. Lista usług: 1) Dodanie modułu HR (3 godz.). Moduł w którym można zapoznać się z zasadami: - przygotowania aplikacji o pracę; - przygotowania profilu na portalu zawodowym, np. Linkedin; - zachowania się podczas spotkań rekrutacyjnych. 2) Asysta poszkoleniowa. Polega na wykupieniu dodatkowych dni pracy z trenerem, może być realizowana w miejscu pracy.
Dlaczego warto wybrać Comarch Bootcamp?
Comarch Bootcamp to intensywne, praktyczne szkolenie, które przygotowuje do pracy w wybranym kierunku!
- Praktyczna nauka – Bootcamp skupia się na rzeczywistych projektach i case studies, dzięki czemu zdobywasz doświadczenie!
- Eksperci z branży – szkolenia prowadzą doświadczeni specjaliści, którzy dzielą się swoją wiedzą i najlepszymi praktykami.
- Dostęp do nowoczesnych technologii – programy kursów obejmują naukę popularnych technologii i narzędzi wykorzystywanych w całej branży IT.
- Networking i wsparcie – Bootcamp to świetna okazja do poznania ekspertów IT, co może pomóc w rozwoju Twojej kariery.
- Możliwość dofinansowania – dofinansowanie szkolenia jest możliwe z różnych źródeł, chętnie pomożemy w znalezieniu odpowiednich opcji.