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.

200h

pracy z kodem

24h

sobotnich warsztatów

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

Program kursu

HTML5 & CSS3

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

7. Box model

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

13. Animacje

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

JavaScript od podstaw

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

JavaScript zaawansowany

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.

React

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

Trener

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.

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!

Cena
500 zł zniżki
4860
Zapisz się na listę wstępną
Termin:

03.09.2018–15.04.2019
poniedziałki
od 17:00 do 20:00

 

Wielkość grupy: do 15 osób

 

I część- HTML5/CSS3
03.09-15.10.2018
sobotnie warsztaty: 13.10.2018

II część- JavaScript
29.10-03.12.2018
sobotnie warsztaty: 01.12.2018

III cześć- JavaScript
14.01-18.02.2019
sobotnie warsztaty: 16.02.2019

IV część- JavaScript
11.03-15.04.2019
sobotnie warsztaty: 13.04.2018

Miejsce:

Fundacja CODE:ME
Aleja Wojska Polskiego 41
80-268 Gdańsk

Kontakt

e-mail: kontakt@codeme.pl

tel.: 724 379 836