📔
Tutorial The Awwwesomes – HTML & CSS
  • Wstęp
  • Jak działa internet?
  • Narzędzia dewelopera stron internetowych
  • Co zawiera strona internetowa?
  • Kod HTML
    • Podstawowe znaczniki HTML
    • Proste formularze
    • Definiowanie struktury strony
  • Kod CSS
  • Dołączanie fontów Google Fonts
  • Podstawowe reguły rządzące CSS
    • Kaskadowość i dziedziczenie w CSS
    • Złożone selektory i specyficzność
    • Modeł pudełkowy
    • Jednostki w CSS
  • Tworzenie layoutu strony
    • Elementy liniowe i blokowe oraz właściwość display
    • Opływanie elementów
    • Pozycjonujemy elementy na stronie
    • Jak wyśrodkować elementy w pionie i poziomie?
    • Umieszczamy elementy na siatce
  • Zaawansowane selektory
    • Pseudoelementy
    • Pseudoklasy CSS
  • Animacje w CSS
    • Właściwość transition
    • Przekształcanie elementów (transform)
    • Tworzenie animacji – @keyframes
  • Podstawy kodowania responsywnych stron
  • Co dalej?
  • Dodatki
    • Jak pisać czytelny kod?
    • Koderskie wyzwanie, czyli #codenovember
    • Layouty do zakodowania
    • Photoshop dla frontendowca
Powered by GitBook
On this page

Was this helpful?

  1. Dodatki

Koderskie wyzwanie, czyli #codenovember

PreviousJak pisać czytelny kod?NextLayouty do zakodowania

Last updated 4 years ago

Was this helpful?

Przedstawiamy Wam koderskie wyzwanie na listopad 2018! Na czym polega? Na wspólnej nauce i motywacji! Łączymy siły i uczymy się kodowania krok po kroku zgodnie z mini-podręcznikiem, który został przygotowany z myślą o Was! Link do mini-podręcznika otrzymacie po zapisaniu się na specjalną listę mailingową. Co tydzień będziecie też dostawać rozwiązania każdego tygodniowego zadania.

Mini-podręcznik zawiera harmonogram, dzięki któremu łatwiej będzie Ci rozpocząć przygodę z kodowaniem. Wyzwanie polega na zakodowaniu strony www od podstaw zgodnie z layoutem Planty (wersja 2.).

Będzie nam super miło, jeśli korzystając z tych materiałów oznaczysz nas w mediach społecznościowych – np. na instagramie: , lub na oraz dodasz hashtag: #theawwwesomes oraz #codenovember.

Planty v.2

![Layout Planty][4] [4]: /resources/planty.png

Więcej layoutów znajdziesz w zakładce

@theawwwesomes
facebook'u
Pobierz paczkę z assetami
Pobierz plik .psd projektu
Layouty do zakodowania