Podstawy Front-end - HTML, CSS i JavaScript

Czas trwania
3
dni
Najbliższe terminy tego szkolenia
Cena szkolenia
1500 PLN
(netto)
Skuteczność
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
- Podstawy
- 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
- Podstawy
- 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
- Proste
- 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.