icon icon

Kurs RWD Bootstrap i GIT - projektowanie stron internetowych i aplikacji mobilnych

icon

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

icon

Responsywny układ - Nauczysz się budować układy, które poprawnie dopasowują się do komputerów, tabletów i smartfonów, dzięki czemu Twoje strony będą czytelne i wygodne na różnych ekranach.

icon

Sprawne użycie siatki - Opanujesz system siatkowy Bootstrap, zagnieżdżanie i przesuwanie kolumn, więc szybciej przygotujesz przejrzyste układy stron bez ręcznego liczenia szerokości elementów.

icon

Gotowe komponenty UI - Wykorzystasz nagłówki, panele, listy, przyciski, etykiety i ramki, aby tworzyć spójne interfejsy, które wyglądają profesjonalnie i skracają czas przygotowania widoków.

icon

Czytelna nawigacja - Dowiesz się, jak wdrażać menu nawigacyjne i nawigację okruszkową, aby użytkownik łatwiej poruszał się po stronie, szybciej znajdował treści i rzadziej gubił kontekst.

icon

Pewna praca z GIT - Przećwiczysz tworzenie repozytoriów oraz codzienną pracę z commit, push i pull, dzięki czemu zaczniesz bezpiecznie zapisywać zmiany i porządkować rozwój własnego projektu.

icon

Praca na branchach - Nauczysz się tworzyć branche i tagi, rozdzielać zadania oraz scalać zmiany, co pozwoli Ci rozwijać funkcje równolegle i lepiej panować nad kolejnymi wersjami aplikacji.

icon

Mniej stresu przy zmianach - Poznasz stash, log, gitk i status, więc łatwiej odłożysz niedokończoną pracę, sprawdzisz historię zmian i szybciej zorientujesz się, co dokładnie dzieje się w repozytorium.

icon

Współpraca przez GitHub - Przećwiczysz pracę ze zdalnym repozytorium i serwisem GitHub, dlatego sprawniej pobierzesz projekt, wyślesz swoje zmiany i włączysz się do zespołowej pracy nad kodem.

Program szkolenia

1. BOOTSTRAP: System siatkowy

2. Dynamiczny układ strony (Responsywność)

  • dla komputerów,
  • dla tabletów,
  • dla smartfonów.

3. Zagnieżdżanie kolumn

4. Przesuwanie kolumn

5. Komponenty strony

  • nagłówki stron,
  • panele,
  • listy.

6. Komponenty nawigacyjne

  • menu nawigacyjne,
  • nawigacja okruszkowa.

7. Eksponowanie treści

  • przyciski,
  • etykiety,
  • ramki.

8. GIT: Czym jest system kontroli wersji?

9. Zakładanie repozytoriów

10. Zatwierdzanie zmian

  • commit,
  • push,
  • pull.

11. Branche i Tagi

  • co to jest?
  • jak z nimi pracować?
  • scalanie,
  • rozdzielanie.

12. Stash jako podręczny schowek

13. Przeglądanie repozytorium

  • Log,
  • Gitk,
  • status.

14. Praca w grupach

  • rozgałęzianie,
  • scalanie,
  • konflikty scalania,
  • zarządzanie gałęziami,
  • tagowanie.

15. Zdalne repozytorium

  • pobieranie projektu ze zdalnych repozytoriów,
  • aktualizacja projektu na zdalnym repozytorium,
  • wysyłanie zmian do zdalnego repozytorium,
  • praca z wieloma użytkownikami.

16. Serwis GitHub

  • utworzenie zdalnego repozytorium,
  • praca w GitHubie.

Jakie są wymagania wstępne do udziału w szkoleniu?

icon

Podstawy HTML i CSS - Powinieneś swobodnie rozumieć strukturę prostej strony w HTML i znać podstawy CSS, aby podczas szkolenia skupić się na Bootstrapie, a nie na samych fundamentach front-endu.

icon

Obsługa komputera - Powinieneś sprawnie poruszać się po systemie operacyjnym, tworzyć foldery, kopiować pliki i uruchamiać programy, ponieważ te czynności będą potrzebne podczas pracy z repozytoriami.

icon

Edytor kodu - Powinieneś umieć otworzyć projekt w edytorze kodu i samodzielnie edytować pliki tekstowe, ponieważ na szkoleniu będziesz modyfikować kod strony oraz pliki projektu.

icon

Podstawy pracy w terminalu - Powinieneś znać podstawowe polecenia terminala lub wiersza poleceń, aby bez problemu wykonywać operacje Git i poruszać się po katalogach projektu podczas ćwiczeń.