Podstawy Front-end - HTML, CSS i JavaScript

by:

Czas trwania 3 dni

Najbliższe terminy tego szkolenia

Szkolenie
dedykowane
dla Twojego
zespołu

Cena szkolenia 1500 PLN (netto)

Skuteczność

W naszej pracy nadrzędną wartością jest skuteczność szkoleń. Jako programiści rozumiemy, że w nauce chodzi przede wszystkim o skuteczność. Wszystkie elementy procesu szkolenia, od doboru właściwego trenera do przemyślanej warsztatowej formuły są po to, by to osiągnąć. Doskonalimy się w tym od 2008 roku. Możesz więc na nas polegać!

Program szkolenia

Wprowadzenie
- Czym jest Front-end
- Opis narzędzi wykorzystywanych podczas szkolenia
- Opis tworzonego projektu
- Warstwy strony internetowej
HTML
- Podstawy
  - Składnia języka
  - Podstawowe znaczniki
  - Struktura strony
- Semantyka
- Podstawy SEO
  - title, description
  - Open Graph
- Typografia
- Jednostki wielkości
- Listy, tabele i formularze
- Grafika i multimedia
CSS
- Podstawy
  - Tworzenie reguł
  - Sposoby deklaracji stylów
  - Kaskadowość i specyficzność
- Tworzenie layoutów
  - flexbox
  - grid
  - box model
  - position
    - static
    - relative
    - absolute
    - fixed
    - sticky
  - display
    - block
    - inline
    - inline-block
- Responsive Web Design
  - mobile first
  - media queries
- Animacje keyframes, transform, transition
- Pseudoklasy i pseudoelementy
- Selektory ~ + > []
- Normalizacja i reset stylów
- Minifikacja i autoprefixer
- Metodologia BEM
- Preprocesor Sass
JavaScript
- Podstawy
- Zmienne
  - var
  - let
  - const
- Typy danych (podział, opis, metody, właściwości)
  - Proste
    - string
    - number
    - boolean
    - undefined
    - null
  - Referencyjne
    - obiekt
    - tablica
    - funkcja
- Operatory logiczne i arytmetyczne
- Instrukcje warunkowe
  - if, else, else if
  - Operator warunkowy
  - switch
- Pętle
  - for
  - for of
  - forEach
  - map
- Document Object Model
  - Pobieranie elementu
  - Dodawanie elementu
  - Modyfikacja elementu
  - Nasłuchiwanie na zdarzenie
- Przechowywanie danych
  - cookies
  - session storage
  - local storage
- Praca z API/JSON
  - Protokół HTTP
  - Pobieranie danych
  - Dynamiczne ładowanie treści
- ES6+
  - Funkcja strzałkowa (fat arrow)
  - Destrukturyzacja
  - Kompilator Babel
  - Operator spread
  - async/await
  - template string
Narzędzia
- Visual Studio Code
- Google Chrome DevTools
- Konsola
- System kontroli wersji Git
- Github i Github Pages
- Node.js i npm
- Figma
- Gulp

Opis szkolenia

Szkolenie odbywa się na żywo z udziałem trenera. Nie jest to forma kursu video!

Na szkoleniu poznasz nowoczesne sposoby tworzenia stron internetowych. Zaczniemy od krótkiego wprowadzenia i podstaw takich jak struktura dokumentu i nadawanie wyglądu poszczególnym elementom. Poznamy sposoby na interakcje z wykorzystaniem JavaScriptu. Na koniec stworzymy profesjonalną stronę wizytówkę i umieścimy ją w sieci! Oprócz tego dowiesz się jak wykorzystać w pracy system kontroli wersji Git oraz jak zautomatyzować pewne czynności przy użyciu Gulpa. Poznasz praktyczne narzędzia, które pomogą Ci w codziennej pracy.

Terminy gwarantowane Jeśli jakiś termin oznaczony jest jako gwarantowany to oznacza to że na 100% się odbędzie we wskazanym czasie i miejscu. Więcej

Szkolenia online i udział online Szkolenia online odbywają się na żywo z udziałem trenera. Uczestniczy łączą się na szkolenie za pomocą platfomy ZOOM. Informacje o wymaganym niezbędnym oprogramowaniu oraz informacje organizacyjne uczestnicy otrzymują na 7 dni przed datą rozpoczęcia szkolenia. W każdym szkoleniu stacjonarnym możesz brać udział online. Więcej

Inne szkolenia tej kategorii Sprawdź pozostałe szkolenia HTML i CSS!

Masz jakieś pytania? Skontaktuj się z nami!

Odpowiadamy na telefony i maile w godzinach 9:00-17:00 od poniedziałku do piątku.

Szkolenia otwarte 22 299 53 69

E-mail biuro@jsystems.pl

Szkolenia zamknięte i grupy 733 908 205

Napisz do nas

Potrzebujesz więcej informacji?

Wiadomość wysłana

Przyjęliśmy Twoją wiadomość i skontaktujemy się z Tobą w tej sprawie

Klikając OK wrócisz do formularza