Szkolenie CSS Zaawansowany

Szkolenie CSS Zaawansowany jest adresowane do osób uczących się tworzenia stron internetowych, posiadających już podstawową wiedzę w tym zakresie oraz do developerów chcących pogłębić wiedzę o nowości w zakresie CSS. To szkolenie pokazuje zaawansowane zastosowania CSS, oraz obecne trendy. Również omawia funkcjonalności które pojawią się w przyszłości. Celem szkolenia jest dogłębne poznanie CSSa, umożliwiające tworzenie rozbudowanych, estetycznych layoutów stron i aplikacji internetowych w technologii RWD.

Opis

CSS – (ang. Cascading Style Sheets)

CSS jest to język służący do formatowania wyglądu elementów HTML, które po wyświetleniu w oknie przeglądarki internetowej tworzą wygląd strony internetowej. Jego historia sięga 1996 r. w którym został opracowany przez organizację W3C. Od tego momentu przebył długą drogę i stał się jedną z podstawowych technologii tworzenia stron internetowych.

CSS - podstawy

Koszty?

Nie jesteśmy najtańsi, ale prawdopodobnie najlepsi… ;-)

Stacjonarne

990

netto

  • 16 godzin
  • Materiały szkoleniowe
  • Wsparcie trenera
  • Dzienne, wieczorowe, weekendowe
  • Certyfikat Expose
  • Lunch i przerwy kawowe
Stacjonarne+ TABLET

1390

netto

  • 16 godzin
  • Materiały szkoleniowe
  • Wsparcie trenera
  • Dzienne, wieczorowe, weekendowe
  • Certyfikat Expose
  • Lunch i przerwy kawowe
Indywidualne

3990

netto

  • 16 godzin
  • Materiały szkoleniowe
  • Wsparcie trenera
  • Indywidualne terminy
  • Zajęcia 1-na-1
  • Certyfikat Expose
  • Lunch i przerwy kawowe
Gwarancja Jakości

Gwarancja jakości

Jeśli szkolenie nie spełni Twoich oczekiwań, zwrócimy Ci jego koszty.

Program Szkolenia

Czego Cię nauczymy

  1. Przypomnienie nieoczywistych podstaw
    • Składnia
    • Selektory
    • !important
    • Kolory, jednostki
    • Priorytety
  2. Stylowanie formularzy
    • domyślne style (webkit-apperance*, border, input: text, number, range)
    • stosowanie klas do określania stanu elementu
    • stylowanie pseudo-elementów wbudowanej walidacji formularzy
    • zagnieżdżanie elementów celem zwiększenia możliwości stylowania
    • stylowanie ostrzeżeń walidacji natywnej w HTML
  3. Canvas
    • domyślne rozmiary
    • CSS a Canvas
  4. Multimedia w CSS
    • osadzanie video
    • nakładanie efektów na obraz dzięki blend-mode
  5. Animacje
    • transform
    • transition
    • definiowanie klatek kluczonych
    • biblioteki do animacji
    • animacje poprzez nadawanie i zdejmowanie klas
  6. Dodatkowe efekty graficzne
    • mieszanie warstw CSS
    • Clipping mask (Chrome)
    • SCG clipping mask
    • CSS reflex
  7. RWD i Media Queries
    • ogólne zasady RWD
    • Automatyzacja RWD z wykorzystaniem SCSS
    • RWD tabel (przewijanie wewnętrzne, ukrywanie kolumn)
    • wykrywanie orientacji ekranu (portrait i landscape)
    • rozpoznawanie touchable i clickable device
  8. “Mobile” CSS
    • CSS, a usability
    • Wzorce do stosowania na urządzeniach mobilnych
    • ViewPort
    • Obrazki na wyświetlaczach Retina
    • RWD
  9. Style pod druk
    • wycinanie kolorów, tła
    • ustawianie tekstu
    • definicje kartek papieru
  10. Braki w CSSie
    • jeśli element jest większy niż 500px to…
    • brak informacji o strukturze HTML na poziomie definiowania reguł CSS
    • brak możliwości “chwytania” rodziców i elementów poprzednich
    • sam HTML określa przez strukturę wygląd
    • wsparcie standardu* CSS w różnych przeglądarkach
  11. Usability
    • obszary aktywne większe niż się wydaje
    • szybkie kliknięcia i CSS
  12. Wydajność CSSa
    • rendering
    • operacje na DOM
    • zasobożerność efektów graficznych
    • recalculate layout, repaint, composition
  13. Dobre praktyki
    • wersjonowanie GIT
    • utrzymanie dużych projektów CSS – Sposoby dzielenia plików
    • konwencje nazewnicze
    • definicje bez efektów ubocznych
  14. SCSS – podstawowe pojęcia
    • zmienne
    • operatory
    • zagnieżdżanie
    • dziedziczenie / rozszerzanie klas
    • @import
    • pętle
    • instrukcje warunkowe
  15. SCSS – tworzenie mixinów
    • parametry wejściowe
    • wyłuskiwanie wartości zmiennych
    • mixiny łączące wiele funkcjonalności
    • @content
  16. SCSS – Korzystanie z funkcji
    • funkcje wbudowane
    • pisanie własnych funkcji
    • funkcja czy mixin
  17. SCSS – zagadnienia dodatkowe
    • klasy abstrakcyjne / placeholders
    • tworzenie rozbudowanych mixinów i stosowanie ich
    • @extend vs @include
    • pułapki i ich obchodzenie
    • @debug
    • dobre praktyki

Napisz do nas

Postaramy się pomóc

Pobierz zgłoszenie w: pdf | doc

Opinie

Co mówią ci, którzy u nas byli?

Szkolenie przeprowadzone bardzo profesjonalnie i fachowo w miłej atmosferze.

Edyta Cyran

szkolenie mi się podobało, trener profesjonalny, tłumaczy w w sposób dokładny i zrozumiały, zawsze w razie potrzeby służy pomocą.

Agnieszka Lalak

Bardzo ciekawe zajęcia. Dużo nowych wiadomości i cennych wskazówek.

Justyna Szeląg

Uważam, że szkolenie w przystępny i “szybki” sposób umożliwia poznanie nowej wiedzy, bardzo przydatnej w codziennej pracy.

Joanna Rytel-Szczęsna

Trener komunikatywny, profesjonalny, o dużej wiedzy, uprzejmy, cierpliwy. Nic nie zmieniać.

Ilona Janicka

Ocena wzorowa. Zero zastrzeżeń.

Marcel Starus

Szkolenie przydatne pod wieloma względami, uzupełnia wiedzę oraz wskazuje nowe rozwiązania.

Magdalena Mission

Oceniam bardzo pozytywnie, wielkie zaangażowanie w prowadzenie szkolenia, doskonała komunikatywność, obserwacja grupy i sprawdzanie przyswajania wiedzy przez poszczególne osoby

Krystyna Bielecka

Uważam, że trener sprawił, że szkolenie było przystępne i ciekawe.

Anonim

Szczególnie podobał mi się sposób prowadzenia szkolenia, sympatyczny prowadzący. Wszystko było OK!

Anonim

Uważam to szkolenie za bardzo przydatne, praca trenera była bardzo dobra.

Dominika Karst

Bardzo przystępny język dla słuchacza, łatwość zrozumienia.

Anonim

Szkolenie było bardzo przydatne, wszelkie zagadnienia które mnie interesowały zostały poruszone i rzetelnie wyjaśnione, nawet te ponadprogramowe.

Krzysztof Kozioł

Pozytywna atmosfera na szkoleniu, chęć przekazania jak najwięcej informacji.

Justyna Szymańska

Trener prezentował skróty, otwarty na pytania i udzielał odpowiedzi. Podobał mi się sposób prowadzenia oraz zawartość, poziom dostosowany do grupy.

Anonim