Front-end Developer [React] – Gdańsk.
Od zera do Front-end Developera
Nasz najbardziej rozbudowany kurs pozwoli Ci wejść pewnym krokiem do świata IT.
Front-end Developer odpowiada za wszystko to, co dzieje się w przeglądarce: ułożenie treści i wygląd strony, komunikację użytkownika z serwerem. Poznasz najważniejsze technologie i narzędzia, umożliwiające projektowanie profesjonalnych stron i aplikacji: HTML, CSS, JavaScript, React, stopniowo poszerzając wiedzę o bardziej zaawansowane zagadnienia. Wszystko to w ramach jednego kursu, zupełnie od podstaw.
Zobacz, z jakich programów możesz skorzystać, aby sfinansować ten kurs >>>
Dzięki akredytacji Kuratorium Oświaty możemy zagwarantować najwyższą jakość naszych kursów.
Wszyscy nasi trenerzy to praktycy z wieloletnim doświadczeniem, a każdy absolwent otrzymuje certyfikat ukończenia kursu.
Platforma
z zadaniami online
Certyfikat
ukończenia kursu
Jak przebiega ten kurs?
Kurs Front-end Developer obejmuje:
99 godzin zajęć warsztatowo-wykładowych z trenerem, w tym:
- 7 x 3 godziny wieczornych spotkań w poniedziałki od 17:00 do 20:00, poświęconych HTML-owi i CSS
- 1 x 6 godzin sobotnich warsztatów od 10:00 do 16:30, poświęconych HTML-owi i CSS
- 18 x 3 godziny wieczornych spotkań w poniedziałki i czwartki od 17:00 do 20:00, poświęconych JavaScript i Reactowi
- 3 x 6 godzin sobotnich warsztatów od 10:00 do 16:30, poświęconych JavaScript i Reactowi
101 godzin samodzielnego programowania i nauki
Dla kogo jest ten kurs?
Kurs przeznaczony jest dla osób, które nie mają żadnego doświadczenia w programowaniu, a swoją karierę chciałyby skierować w stronę tworzenia stron internetowych i aplikacji od strony użytkownika, a więc dla przyszłych front-end developerów.
Co musisz wiedzieć?
Kurs jest prowadzony zupełnie od zera, więc wystarczy Ci podstawowa umiejętność obsługi komputera.
Czego się nauczysz?
- czym są HTML, CSS i JavaScript oraz jakie mają zastosowania
- zaawansowanej wiedzy na temat HTML i CSS3
- tworzenia aplikacji przy użyciu frameworku React
- projektowania profesjonalnych stron internetowych
- umieszczania multimediów i skryptów na stronie
- podstaw pozycjonowania (SEO)
- korzystania z narzędzi webmasterskich
- sprawdzania poprawność napisanego kodu
- dobrych praktyk w pracy programisty
- zaawansowanej wiedzy na temat programowania w JavaScript: tworzenia klas, przekazywania danych pomiędzy oknami, wykorzystywania danych przechowywanych w przeglądarce, komunikowania się z serwerem i in.
- tworzenia Progressive Web Apps
Dlaczego zostać Front-end Developerem właśnie z CODE:ME?
- Dogodne finansowanie: wszystkie nasze kursy można sfinansować w ramach programów: Inwestuj w Rozwój, KFS lub Open; w połączeniu z naszymi promocjami, cena kursu może być niższa nawet o 1/3! Zobacz szczegóły >>>
- Jakość gwarantowana przez akredytację Kuratorium Oświaty
- Odpowiadamy na zapotrzebowanie rynku dzięki kontaktom z potencjalnymi pracodawcami
- Nie musisz porzucać swojego życia: nasze zajęcia odbywają się w dogodnych terminach – wieczorami i w weekendy
- Hackerspace Trójmiasto: tworzymy największą w Trójmieście społeczność skupioną wokół technologii, gdzie będziesz mógł rozwijać się także po ukończeniu kursu
- Kompleksowe podejście do nauczania: na naszym kursie poznasz wszystko, co musi znać Junior Front-end Developer: HTML, CSS, JavaScript oraz React
- Metody nauki dostosowane do rynku pracy: połączenie grupowych warsztatów i samodzielnego rozwiązywania zadań przygotuje Cię zarówno do pracy zespołowej, jak i indywidualnej
- Twoim trenerem będzie praktyk z wieloletnim doświadczeniem
1. Język HTML 5
- historia, zastosowanie,
- podstawowe znaczniki,
- ogólna struktura plików, komentarze,
- semantyka html.
2. CSS3
- zastosowanie,
- opis reguły stylów,
- podstawowe selektory.
3. Sposoby dołączania plików JavaScript i CSS
4. Resetowanie stylów css
5. Zarządzanie fontami oraz formatowanie tekstu
6. Elementy blokowe a liniowe
8. Pseudoelementy i pseudoklasy
9. Walidatory poprawności kodu CSS i HTML
10. Narzędzia webmasterskie w przeglądarkach
11. Przygotowanie i analiza przykładowego projektu
- ogólna struktura,
- listy i linki, nagłówki, obrazki, formularze, stopka, tabele.
12. Dostosowanie dla urządzeń mobilnych
14. Muzyka i wideo na stronie
15. Podstawy SEO
- dostosowywanie struktury plików HTML, aby były lepiej przetwarzane przez mechanizmy wyszukiwarek internetowych.
16. Narzędzia wspierające tworzenia stron
1. Wartości i zmienne
- deklaracja i inicjalizacja zmiennych,
- organizacja kodu z wykorzystaniem zmiennych,
- konwencja nazewnictwa zmiennych,
- zakres zmiennych,
- techniki wykorzystania zakresu lokalnego.
2. Typy danych
- różnice w typach danych,
- operacje na typach danych.
3. Instrukcje warunkowe if, else, switch, sterujące
- składnia instrukcji warunkowych,
- używanie instrukcji if-else do podejmowania decyzji w kodzie,
- instrukcja switch: kiedy i jak używać.
4. Pętle: for, while i do…while
- składnia pętli,
- działanie pętli,
- praca z pętlami.
5. Funkcje
- w jaki sposób funkcje pomagają lepiej zorganizować i pogrupować kod,
- w jaki sposób funkcje sprawiają, że kod może być używany wielokrotnie,
- znaczenie argumentów funkcji i korzystanie z nich.
6. Timery
- opóźnienie uruchomienia kodu,
- wielokrotne uruchomienie kodu bez blokowania aplikacji.
7. Domknięcia
- co to jest domknięcie,
- utrwalenie wiedzy o funkcji, zmiennych i zakresach.
8. Interface DOM
- wstawianie skryptów JavaScript na stronie,
- szukanie elementów w drzewie DOM,
- modyfikowanie elementów DOM,
- nadawanie stylu zawartości,
- tworzenie i usuwanie elementów,
- podpinanie zdarzeń (events).
9. Programowanie deklaratywne i imperatywne
1. Środowiska Node.js, Webpack, Babel
- omówienie i postawienie środowiska potrzebnego do napisania aplikacji w React.
2. Pierwszy komponent w React
- początek przygody z React.
3. Stan i Props
- podstawowe zagadnienia związane z komponentem w React.
4. Redux
- omówienie zastosowań biblioteki.
5. Aplikacja w React i Redux
- pisanie aplikacji PWA za pomocą Reacta i przy wykorzystaniu Reduxa,
- zagadnienie stanu aplikacji i stanu komponentu.
6. ECMAScript6
- nowości w ECMAScript6,
- różnice między ES5 i ES6.
7. Zaawansowane elementy obiektowości
- definiowanie własności przez deskryptor,
- tworzenie klas.
8. Wyrażenia regularne
- wprowadzenie do wyrażeń regularnych,
- tworzenie reguł,
- wykorzystanie w praktyce RegExpu.
9. Storage w przeglądarce
- przetrzymywanie danych w przeglądarce i ich wykorzystanie w działaniu aplikacji.
10. Podstawowe wzorce projektowe
- prezentacja wzorców na przykładzie tworzonej aplikacji.
11. Progressive Web Apps oraz ciekawe elementy CSS3
- zaawansowane techniki tworzenia transformacji w CSS,
- jak powiązać je z aplikacją JavaScript,
- czym są PWA (Progressive Web Apps).
12. Wzorzec Promise
- zalety i wady popularnego wzorca,
- miejsca, w których może się przydać.
13. Zaawansowane techniki komunikacji
- jak komunikować się z serwerami danych,
- jak stworzyć socket,
- jak przekazywać dane pomiędzy oknami.
Front-end Developerzy mają do dyspozycji wiele bibliotek i frameworków ułatwiających im pracę. Obecnie najpopularniejszym z nich jest React.js, używany przez takich gigantów jak Netflix, Wallmart czy PayPal – dlatego właśnie jego wybraliśmy do naszego kursu. Za pomocą Reacta zaprojektujesz graficzne interfejsy aplikacji internetowych, a Twój projekt będzie nie tylko działał sprawnie, ale także profesjonalnie się prezentował.
Sobotnie warsztaty
Sobotnie warsztaty to 6-godzinne mini hackathony, których celem jest podsumowanie części lub całości kursu. Odbywać się będą w soboty w godzinach 10:00-16:30.
Nadrzędnym celem warsztatów jest podsumowanie dotychczas zdobytej wiedzy, integracja grupy i dobra zabawa w efektywny i produktywny sposób.
Ich założeniem jest jak najbardziej samodzielna praca zespołów. Uczestnicy nie są jednak pozostawieni sami sobie – przez cały ten czas trenerzy czuwają nad wykonywaniem zadań i wspierają w rozwiązywaniu problemów
Marcin Kałużny
Specjalista JavaScript, HTML 5, CSS 3, PHP
Pierwsze doświadczenia komercyjne jako programista aplikacji webowych zdobywał tworząc interaktywne witryny internetowe w języku JavaScript w połowie lat 90. ubiegłego wieku. Od tamtego czasu w swojej karierze spotkał się z wieloma technologiami i językami,
Obecnie prowadzi własną działalność GetSolution Marcin Kałużny, współpracując z takimi firmami, jak Atos Polska.
Inne nasze kursy w Gdańsku:
Nie odpowiada Ci termin, nie znalazłeś kursu dla siebie albo po prostu chcesz o coś zapytać?
Napisz do nas na kontakt@codeme.pl lub zadzwoń pod 724 379 836. Możesz też wysłać SMSa ze swoim numerem – oddzwonimy!
Miejsce:
Fundacja CODE:ME
Aleja Wojska Polskiego 41
80-268 Gdańsk