Bootcamp Frontend Development

Transkrypt

1 Bootcamp Frontend Development 13 tygodni nauki programowania i tworzenia własnego portfolio + 2 tygodnie przygotowania do pracy w firmie. Nasz Bootcamp składa się z 3 etapów, tak abyś mógł/mogła nauczyć się programować i pewnie wkroczyć do pracy w IT! W pierwszym etapie poznasz podstawy, niezbędne do pracy Junior Front End Developera. W drugim, zaczniesz pracować nad własnymi projektami oraz tworzyć swoje pierwsze portfolio, ten etap jest stopniowym wdrażaniem się do przyszłej pracy front endowca. W ostatnim (trzecim) etapie przygotowujemy Cię do wejścia na rynek pracy: pokażemy jak się przygotować do pierwszej rozmowy rekrutacyjnej, poprawimy Twoje CV, umówimy Cię na spotkania z naszymi Partnerami jednym zdaniem dołożymy wszelkim starań abyś szybko znalazł /znalazła swoją pierwszą pracę w IT. Praca biurowa nie jest dla Ciebie? Żaden problem, wybierz ścieżkę freelancing a my pokażemy Ci jak szukać klientów, wyróżnić się z tłumu oraz czerpać satysfakcję z bycia wolnym strzelcem. Etap 1 Nauka programowania Poznanie Bazy W tym etapie zaczniesz swoją intensywną przygodę z kursem Front End Development. Na wstępie wdrożymy Cię w systemem pracy na naszej platformie dostaniesz dostęp do wszystkich materiałów oraz wspólnie z prowadzącymi mentorami ustalicie grafik konsultacji oraz lekcji na żywo. Nasi pracownicy przekażą Ci dostęp do materiałów, wprowadzą na platformę edukacyjną oraz będą służyć pomocą w kwestiach organizacyjnych. Nie bój się pytać ich o radę z pewnością dołożą wszelkich starań żeby Ci pomóc. Dodatkowo poznasz całą społeczność, która tak jak i Ty będzie uczestniczyła w kursie, dzięki czemu wspólnymi siłami będziecie mogli rozwiązywać zadania. Jednak prawdziwa zabawa zacznie się po kwestiach formalnych - zapoznasz się ze wszystkimi kluczowymi elementami z których składają się strony i aplikacje webowe.

2 1 Tydzień / Temat: html/css W pierwszym tygodniu poznasz podstawy dzisiejszych stron www. Dowiesz się jaka jest różnica pomiędzy HTML a CSS. Zmierzysz się z podstawową strukturą dokumentu html, semantyką kodu, budowaniem tagów. W tym tygodniu nauczysz się tworzyć poszczególne elementy wykorzystywane przy tworzeniu stron www. takich jak np. menu wielopoziomowe, galerie zdjęć itd. 2 Tydzień / Temat: html/css Ponieważ tematyka tych dwóch kluczowych języków jest niezwykle ważna w pracy przyszłego Front Endowca poświęcimy na nie nieco więcej czasu. Przez kolejne dni będziesz zgłębiał/ ała wiedzę na temat: tagów, selektorów, pseudoklas, pseudoelementów. Jednym słowem zaprzyjaźnisz się z podstawą programowania. Atrybuty typu float, position, display, itp. pozwolą Ci tworzyć zaawansowane bloki z kodem html. Po tym tygodniu zobaczysz, że połączenie bloków finalnie stworzy podstronę www. o skomplikowanej strukturze. Tak więc witaj twoja pierwsza samodzielnie wykonana strono! 3 Tydzień / Temat: Responsive Web Design W tym tygodniu poznasz wszystkie najważniejsze zagadnienia związane z dostosowywaniem stron www. do różnej wielkości ekranów oraz urządzeń - telefonów (Andriod, iphone) lub tabletów. Podczas tego tygodnia będziesz dostosowywał/dostosowywała strony, które stworzyłeś/stworzyłaś tydzień wcześniej na inne urządzenia mobilne. Czeka Cię wiele intensywnej, ale jakże ciekawej pracy! Po tym tygodniu, będziesz już inaczej spoglądał/ła na strony w Twoim smartfonie. 4 Tydzień / Temat: Narzędzia developerskie Następnie nauczymy Cię jak poruszać się w narzędziach developerskich. Mimo, że samo pojęcie narzędzi może wydawać się nieco skomplikowane, to obiecujemy, że podczas tego tygodnia przekonasz się, że nie jest to takie straszne, a wręcz bardzo ułatwia pracę. Poznasz metody służące do debugowania kodu, jego naprawy, sprawdzania wydajności strony. Mentor wyjaśni również zagadnienia związane z wersjonowaniem kodu (git, zarządzaniem repozytorium, rozwiązywaniem konfliktów w kodzie). Tłumacząc to na bardziej przystępny język - narzędzia developerskie pozwolą Ci podglądać oraz weryfikować efekty swojej pracy. Pomagają one w badaniu i rozwiązywaniu problemów związanych z kodem HTML, zapewniają możliwość edycji tego kodu i CSS na bieżąco, dzięki czemu wyniki zmian, wyświetlane są od razu w oknie. Dobrych narzędzi nigdy za wiele! 5 Tydzień / Temat: Bootstrap 4 Po narzędziach developerskich przyjdzie czas na framework bootstrap. Jest to bardzo przydane narzędzie wykorzystujące gotowe rozwiązania HTML i CSS. Czyli jest to pewnego rodzaju dodatkowa biblioteka, która wprowadza gotowe rozwiązania, ułatwiając przy tym tworzenie stron. Dowiesz się, w jakich przypadkach warto po niego sięgnąć i jak bardzo potrafi on ułatwić pracę. Omówione zostaną dostępne komponenty w ramach bootstrapa z przykładami.

3 6 Tydzień / Temat: JavaScript Kolejne tygodnie będą bardzo intensywne przed Tobą JavaScript skryptowy język dla dokumentów internetowych. Dzięki temu językowi można np. uzależnić wykonanie jakiejś instrukcji od reakcji osoby przeglądającej daną stronę. Brzmi poważnie, prawda? Pamiętaj, że strach ma tylko wielkie oczy, a nasz mentor przedstawi Ci ten język od samych podstaw: środowisko developerskie, zmienne, sposoby i przykłady wykorzystania javascriptu przy wdrożeniach frontendowych. Hej to już połowa kursu za Tobą! 7 Tydzień / Temat: JavaScript Ponieważ jak sam/sama widzisz, jest to dość wymagający temat, poświęcimy mu nieco więcej czasu. W tym tygodniu poznasz kolejne zawiłe kwestie zaawansowanego javascriptu oraz zaczniesz pisać i używać funkcji. W trakcie ćwiczeń będziesz przygotowywać swoją pierwszą aplikację napisaną w js. To z pewnością będzie nie lada wyzwanie. Ależ jesteśmy ciekawi Twojej reakcji, gdy przekonasz się, że to co robisz zaczyna mieć ręce i nogi 8 Tydzień / Temat: JS - JQUERY Po JavaScriptcie złapiesz lekki oddech i zaczniesz dzień od poznania biblioteki jquery jest to biblioteka programistyczna dla języka JavaScript, ułatwiająca korzystanie z JavaScriptu. Jest to kolejne bardzo przydatne narzędzie. Podczas tego modułu będziesz wykrywał/ wykrywała eventy w przeglądarce, dynamicznie podmieniał/ła treści na stronie www, usuwał/ ła elementy ze struktury html. Będziesz miał/ła możliwość napisania modułu wyświetlającego zbiór newsów z tekstem oraz zdjęciami. 9 Tydzień / Temat: JS - JQUERY - AJAX Na zakończenie pierwszego etapu do wiedzy na temat JS oraz Jquerty dodamy jeszcze AJAX - technologię która umożliwia nam ściąganie i wysyłanie części danych bez potrzeby przeładowania całej strony. Poznasz możliwości jakie daje wysyłanie/odbieranie danych za pomocą zapytań AJAX. W kilku zadaniach nauczysz się jak w praktyce pobierać dane z zewnętrznych serwisów (np. pogodowych) i wyświetlać je na swojej stronie www. Po opanowaniu tego materiału zakończymy pierwszy etap, ufffff! Etap 2 Programowanie w praktyce Kończąc pierwszy etap jesteś już po 9 bardzo intensywnych tygodniach. Wiesz już co z czym się je oraz jak smakują początki pracy Front endowca. Po tym etapie masz już opanowaną bazę oraz umiejętność posługiwanie się poszczególnymi elementami. Teraz najwyższy czas, aby całą zdobytą wiedzę przełożyć na realne projekty wprost z front end owego świata. Popraw monitor i rozsiądź się wygodnie na krześle, bo od teraz robimy symulacje pracy i projektów! W drugim etapie czeka Cię tworzenie własnych projektów oraz budowanie portfolio czyli to co będziesz pokazywał/ała przyszłemu pracodawcy. Wspólnie z mentorem będziecie pracować nad końcowymi projektami, które od podszewki pokażą Ci na czym będzie polegała Twoja przyszła praca. Twoje portfolio przez cały rok, jako dodatek do kursu, zostanie umieszczone na naszym serwerze do którego wgląd będzie miał rekrutujący Cię pracodawca jak i Ty. Brzmi nieźle, prawda? No to do dzieła

4 10 Tydzień / Temat: Projekt 1 Wdrożenie projektu aplikacji webowej w oparciu o projekt graficzny. W pierwszym projekcie zmierzysz się z projektem graficznym w którego skład będą wchodziły elementy, których uczyłeś/łaś się podczas 1 etapu kursu. Będzie to najwyższy czas, aby sprawdzić swoją wiedzę w praktyce. Budowanie własnego slidera na stronę główną, snimowane przez css3 bloki treści oraz zdjęć czy budowanie elementów interaktywnych to tylko nieliczne elementy z którymi będziesz musiał/a się zmierzyć Projekt finalnie zakończy się w pełni funkcjonalną, interaktywną utworzoną przez Ciebie stroną, które idealnie będzie pasować do Twojego portfolio. Oprócz praktycznego wdrożenia projektu dowiesz się, na co zwracać uwagę podczas wyceniania projektów, budowania strony w sposób najbardziej efektywny, testowania projektu przed oddaniem go klientowi. 11 Tydzień / Temat: Projekt 2 Wdrożenie projektu landing page z możliwością zbierania leadów. W drugim projekcie dowiesz się, jak wdrożyć projekt landing page a do zbierania leadów w oparciu o materiały graficzne i specyfikację projektu. Przygotujesz formularz i dane przesyłane zgodnie z podaną specyfikacją. Uściślając będziesz pracował/ła nad utworzeniem samodzielnej strony internetowej, która skupia się najczęściej na przedstawieniu oferty lub akcji promocyjnej oraz ma na celu skłonienie potencjalnego klienta do pozostawienia kontaktu, czyli leada. Dzięki temu firma może przesyłać dalsze wiadomości, oferty itp. 12 Tydzień / Temat: Projekt 3 Wdrożenie projektu newslettera + wysyłka. W tym projekcie będziesz dodawał/ła grafiki do newslettera, tworzył/ła uniwersalne layouty oraz formularze do zbierania danych w mailu. Elektroniczne biuletyny, przesyłane przez firmy, potrafią cieszyć się dużą popularnością. Dlatego też warto opanować tworzenie takiego newslettera do perfekcji. Atrakcyjne grafiki oraz starannie opracowany layout przykuwają wzrok, więc cieszymy się, że i ten projekt będziesz mógł/ła zamieścić w swoim portfolio. 13 Tydzień / Temat: Projekt 4 Wdrożenie projektów graficznych do popularnych source ów: Wordpress, Joomla, Drupal 7/8, Prestashop Bardzo często projekty realizowane przez firmy opierają się na open source ach (czyli bezpłatnym oprogramowaniu rozwijanym przez społeczność). Każdy z tych open sourceów korzysta z szablonów. Szablon zbudowany jest przy użyciu html/css/js, które poznałeś/łaś w 1 etapie naszego bootcampu. W ramach projektu poznasz dobre praktyki - jak zacząć składać szablony do wordpressów, joomli, drupal, prestashop bez konieczności poznawania całej aplikacji i sposobu jej działania. Dzięki temu niestraszne będą Ci zlecenia takie jak: psd do html na systemie drupal, albo psd do html na systemie prestashop. Wiemy, że w tym momencie możesz niewiele z tego rozumieć, ale obiecujemy, że gdy dojdziesz do tego projektu wszystko będzie o wiele bardziej przejrzyste

5 Certyfikat Cztery duże projekty to nie lada wyzwanie, prawda? Ale spokojnie, wierzymy, że świetnie sobie poradzisz Jednak czym byłby taki kurs bez poświadczenia zdobytej wiedzy, czyli certyfikatu? Aby go otrzymać będziesz musiał/a zaliczyć wszystkie wyżej opisane projekty. Tak, dokładnie tak trzeba będzie się do nich przyłożyć, ale przecież to dla Twojego dobra. Każdy z tych projektów znajdzie się w Twoim portfolio, a chcesz chyba, aby spodobały się Twojemu przyszłemu pracodawcy. Nasz mentor sprawdzi każdy z nich, zaproponuje ewentualne poprawki, a gdy wszystko będzie już pięknie współgrało zadecyduje o zaliczeniu kursu. Tak oto wspólnie dobrnęliśmy do końca kursu i śmiało możemy powiedzieć, że to były bardzo intensywne tygodnie, ale jakże produktywne! W końcu inwestycja w siebie jest jedną z najlepszych inwestycji i cieszymy się, że mogliśmy przyczynić się do poszerzenia Twoich kompetencji. Teraz nie pozostaje nam nic innego, jak tylko życzyć Ci powodzenia i pomóc w znalezieniu pracy o tym w 3 etapie Etap 3 Programowanie kariery Tydzień W trzecim etapie możesz odetchnąć od intensywnej nauki programowania, licznych zadaniach oraz wymagających mentorach. Stworzyliśmy dla Ciebie program kariery, za pomocą którego przygotujemy Cię do Twojej pierwszej pracy w IT. Czekają Cię: Próbne rozmowy rekrutacyjne na których dowiesz się z jakimi zadaniami możesz spotkać się podczas interview, na co zwracać uwagę, jak zabłysnąć przed rekruterem, jak omawiać Twoje projekty z portfolio oraz czego nie może zabraknąć w Twoim CV; Filmy edukacyjne o branży IT przygotowane przez naszego specjalistę od rekrutacji, w których dowiesz się: jak się odnaleźć się na rynku pracy, gdzie aplikować na dane stanowisko, co zrobić aby wyróżnić się na tle innych kandydatów; Kontakt z naszym specjalistą od rekrutacji w IT, który pomoże Ci wybrać dla siebie najlepszą ścieżkę, oraz stworzyć idealne CV i profil na Linkedinie; Voila! wszystko masz gotowe i teraz nasz specjalista od rekrutacji w IT zajmie się dostarczaniem Twojego CV do naszych partnerów w celu umówienia Cię na rozmowy rekrutacyjne. Przez 3 miesiące będziemy z Tobą w stałym kontakcie, monitorując Twoje postępy w szukaniu pracy oraz informując Cię o pojawiających się nowych stanowiskach. Liczymy, że szybko dołączysz do grona naszych absolwentów którzy już pracują w branży. Wszystkie Twoje projekty zostaną zamieszczone na specjalnie utworzonym serwerze. Przyszły pracodawca będzie mógł tam zajrzeć i obejrzeć Twoją ciężką pracę. Bardzo mocno wierzymy, że wszyscy nasi kursanci po ukończeniu bootcampu oraz zaliczeniu projektów są przygotowani do pracy w branży IT. Razem musi nam się udać!