Podstawy Front-end - HTML, CSS i JavaScript

Najbliższe terminy szkoleń

Opis szkolenia

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.

Vouchery

Istnieje możliwość wykupienia vouchera z roczną ważnością. Można zakupić przedpłaconą usługę szkoleniową w jednym okresie rozliczeniowym, a zrealizować w innym.

Czas trwania 3 dni
Poziom trudności Łatwy
Cena kursu 1500,00 PLN (netto)

Czy wiesz, że możemy takie szkolenie zorganizować specjalnie dla Twojej firmy?

Dowiedz się więcej

Czego się nauczysz?

  1. Wprowadzenie
    • Czym jest Front-end
    • Opis narzędzi wykorzystywanych podczas szkolenia
    • Opis tworzonego projektu
    • Warstwy strony internetowej
  2. 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
  3. 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
  4. 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
  5. Narzędzia
    • Visual Studio Code
    • Google Chrome DevTools
    • Konsola
    • System kontroli wersji Git
    • Github i Github Pages
    • Node.js i npm
    • Figma
    • Gulp

Co wyróżnia szkolenia HTML i CSS w JSystems?

Szkolenia na wysokim poziomie
Instruktorzy praktycy z wieloletnim doświadcze- niem
Znaczna część szkolenia to warsztaty
Komfortowe sale i przestrzeń wspólna
Małe grupy szkoleniowe
Gwarantowane terminy szkoleń
Dużo ćwiczeń
Przystępne ceny

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

Gdzie prowadzimy szkolenia?

Warszawa (siedziba firmy) Grójecka 1/3, 02-019
Kraków
Wrocław
Katowice

Nasza strona korzysta z plików cookie. Możesz zmienić zasady ich używania lub zablokować pliki cookie w ustawieniach przeglądarki. Więcej informacji można znaleźć w Polityce prywatności. Kontynuując korzystanie ze strony, wyrażasz zgodę na używanie plików cookie.