Front-End Development from Basic to Advanced

• Podstawowe doświadczenie z narzędziami i oprogramowaniem do projektowania graficznego
• Zrozumienie koncepcji internetowych i zasad SEO
• Doświadczenie z HTML, CSS i JavaScript językami komputerowymi

Publiczność

• Deweloperzy

Front-end development to praktyka projektowania, kodowania i debugowania stron internetowych lub oprogramowania z naciskiem na interakcję po stronie klienta. Umożliwia tworzenie UI/UX dla lepszej wydajności aplikacji korporacyjnych przy jednoczesnym skutecznym przekazywaniu marki na rynki docelowe.

To prowadzone przez instruktora szkolenie na żywo (online lub na miejscu) jest przeznaczone dla programistów, którzy chcą nauczyć się programowania front-end, zdobyć podstawowe umiejętności programisty po stronie klienta i ulepszyć swoje praktyki tworzenia stron internetowych.

Po zakończeniu tego szkolenia uczestnicy będą w stanie

• Konfiguracja platform oprogramowania i wykorzystanie narzędzi programistycznych niezbędnych do rozwoju front-endu.
• Zrozumienie podstawowych koncepcji i zasad rozwoju po stronie klienta.
• Wzmocnienie wiedzy na temat kodowania w HTML, CSS, JavaScript i innych praktycznych językach front-end.
• Tworzyć dynamiczne platformy internetowe i stosować dobrze skonstruowane projekty interfejsów.
• Wdrożenie praktyk rozwoju front-endu w celu optymalizacji istniejących i przyszłych aplikacji korporacyjnych.

Format kursu

• Interaktywny wykład i dyskusja.
• Dużo ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku live-lab.

Opcje dostosowywania kursu

• Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.

Wprowadzenie

• Przegląd programowania front-end
• Zrozumienie podstawowych pojęć i terminologii
• Przegląd obowiązków programisty front-end
• Konfigurowanie środowiska programistycznego

HTML

• Wprowadzenie do HTML5
• Podstawowe znaczniki i struktura dokumentu HTML
• Elementy semantyczne
• Korzystanie z formularzy i danych wejściowych
• Elementy multimedialne (obrazy i filmy)
• Struktura DOM i sposób jej działania
• Nowoczesne przeglądarki i ich wymagania dotyczące interfejsów API i ustrukturyzowanej składni

CSS

• Wprowadzenie do CSS
• Selektory i kaskadowanie
• Model pudełkowy i układ
• Flexbox i siatka
• Przejścia i animacje
• Projektowanie responsywne
• Zrozumienie SCSS i nowoczesnych koncepcji zaawansowanych preprocesorów

Bootstrap

• Wprowadzenie do Bootstrap
• Konfiguracja i korzystanie z Bootstrap
• System siatki i responsywny design
• Paski nawigacyjne, formularze i przyciski
• Komponenty i JavaScript wtyczki

JavaScript

• Wprowadzenie do JavaScript
• Podstawowe koncepcje programowania
• Zmienne, typy danych i funkcje
• Manipulacja DOM
• Programowanie asynchroniczne z wywołaniami zwrotnymi i obietnicami
• API pobierania i JSON
• Wykorzystanie JavaScript menedżerów pakietów

React

• Wprowadzenie do React
• Komponenty i JSX
• Rekwizyty i stan
• Obsługa zdarzeń
• Metody cyklu życia
• Routing i formularze
• Haki
• Wprowadzenie do Next.js

Tematy zaawansowane

• [Wydajność
• Optymalizacja wydajności
• Testowanie
• Wdrażanie

Projekt

• Tworzenie zaawansowanych statycznych stron internetowych, aplikacji mobilnych i aplikacji desktopowych
• Praca ze składaniem stron internetowych i optymalizacja ich wydajności

Najlepsze praktyki dla rozwoju front-endu

Rozwiązywanie problemów

Podsumowanie i kolejne kroki