avatar
poster_image

Warsztaty tworzenia stron - Taskomania

4.5

(2 oceny)

Zbuduj nowoczesną stronę prezentującą webową usługę albo aplikację. Zobacz jak możesz w praktyce wykorzystać swoją znajomość HTML oraz CSS.

-30%
48.30zł 69.00zł
Bezterminowy dostępBezterminowy dostęp
Ilość praktycznych zadań86 zadań
Wsparcie zespołuWsparcie zespołu
Dostęp z urządzeń mobilnychDostęp z urządzeń mobilnych
Natychmiastowa weryfikacja zadańNatychmiastowa weryfikacja zadań
Imienny certyfikat ukończeniaImienny certyfikat ukończenia
WymaganiaWymagania: Podstawowa znajomość HTML i CSS
Masz więcej pytań?
Przejdź do FAQ
description_image1

Jak stworzyć stronę, która skutecznie prezentuje produkt.

Z tym kursem nauczysz się krok po kroku budować stronę na podstawie projektu graficznego. Poznasz wiele przydatnych technik, które z pewnością wykorzystasz podczas tworzenia własnych stron. Projekt, który wykonasz w kursie to nowoczesna witryna prezentująca narzędzie do zarządzania projektami. Nauczysz się budować kompletną strukturę HTML oraz pisać od podstaw wszystkie style CSS.

Co zyskasz z tym kursem?

Z kursem poznasz bardzo szeroki zestaw przydatnych technik tworzenia stron. Dowiesz się jak wykonać typowe elementy: nawigacja, przyciski, boxy z cenami produktu czy sekcja z opiniami klientów. To są standardowe “klocki” spotykane na zdecydowanej większości współczesnych witryn. Oprócz tego efektem Twojej pracy będzie kompletna strona, którą można od razu wdrożyć na serwerze albo bez ograniczeń modyfikować.

  • point

    Zbuduj od zera na podstawie projektu graficznego kompletną stronę prezentującą produkt

  • point

    Napisz kompletny kod HTML i CSS według naszych wskazówek

  • point

    Natychmiastowa weryfikacja - od razu wiesz czy Twój kod jest prawidłowy i możesz niezwłocznie skorygować ewentualne błędy

  • point

    Pliki z kodem strony na każdym etapie możesz pobrać i bez ograniczeń modyfikować

description_image2
Ucz się w swoim tempie,
i zobacz ile zajmie Ci nauka programowania
Z dumą prezentujemy nasz inteligentny system motywacji, który nie tylko pozwoli Ci dokładnie sprecyzować to kiedy ukończysz kurs ale przede wszystkim będzie pomagał Ci w osiągnięciu celu podczas całego procesu nauki na naszej platformie.

Tyle minut dziennie chcę się uczyć

20 min

Tyle minut dziennie chcę się uczyć

30 min

Tyle minut dziennie chcę się uczyć

45 min

Tyle minut dziennie chcę się uczyć

60 min

Tyle minut dziennie chcę się uczyć

90 min
4 dni

W tyle nauczysz się programować

6 dni

W tyle nauczysz się programować

8 dni

W tyle nauczysz się programować

12 dni

W tyle nauczysz się programować

18 dni

W tyle nauczysz się programować

Poznaj swój program,
zobacz czego Cię nauczymy
Moduł 1
Pierwsze kroki - wstępna struktura strony
(13 zadań)
Znasz już HTML i CSS teraz nadszedł czas, aby rozpocząć tworzenie strony. Podczas tego projektu będziemy budowali witrynę, która umożliwia zarządzanie zespołem. Ten projekt to świetny sposób na sprawdzenie swoich umiejętności.
Slajdy - instrukcje
Pierwsze znaczniki
Uzupełniamy sekcję head
Kolejne elementy w head
Górna część strony - pierwsze elementy
Dodajmy logo na górze strony
Dodajmy przyciski oraz menu nawigacyjne
Ostatnie elementy w górnej sekcji
Moduł 2
Pierwsze style CSS
(7 zadań)
Dodaliśmy pierwszą sekcję strony, teraz dodamy style, aby ta sekcja nabrała wyglądu. Style będą zapewniały responsywność, tak aby strona poprawnie się wyświetlała zarówno na małych, jak i na dużych ekranach.
Jakie style będziemy tworzyli
Dodajmy Google Fonts
Reset stylów
Ogólne style klasy main
Rozmiar tekstu dla większych ekranów
Style dla kontenera
Ogólne style obrazków oraz odnośników
Moduł 3
Style tekstu, przycisków oraz górnej części strony
(7 zadań)
Możemy przejść do kolejnego zestawu stylów CSS. Stylować będziemy m.in nagłówki, przyciski oraz dodamy ogólne właściwości do górnej części strony.
Nagłówki - bazowe właściwości
Nagłowki na duże ekrany
Bazowy styl przycisków
Przyciski na dużych ekranach
Tło i ukrywanie przycisków
Klasa dla górnej części strony
Klasa site-top na dużych ekranach
Moduł 4
Góra strony - zestaw stylów
(6 zadań)
Teraz spędzimy sporo czasu nad stylami dla górnej części strony. Mamy tam sporo reguł do napisania
Nagłówek strony - style
Style dla logo
Style dla menu
Style dla obrazka
Style dla głównej części sekcji
Ostatnie style górnej sekcji

Co sądzą o kursie

jego uczestnicy?

Średnia ocena

4.5

(2 ocen)

50%
50%
0%
0%
0%

Opinie uczestników:

GJ

Ciekawa propozycja, lecz system walidacji bardzo czuły. Brak spacji równa się nie zaliczone zadanie.

Grzegorz Jasiński

09.01.2021

Ciekawa propozycja, lecz system walidacji bardzo czuły. Brak spacji równa się nie zaliczone zadanie.

Grzegorz Jasiński

09.01.2021

Czy ta opininia była pomocna?

Przeprowadzimy Cię krok po kroku przez cały projekt

Cały kod strony będziesz pisać w przeglądarce za pomocą specjalnie przygotowanego edytora. Nie musisz instalować ani konfigurować żadnych narzędzi bo my to zrobiliśmy za Ciebie. Możesz więc od razu skupić się na pisaniu struktury oraz stylów według naszych wskazówek i podpowiedzi. Wiedza, którą wyniesiesz z kursu jest niezwykle cenna jeśli chcesz budować ładne, funkcjonalne strony. Aby rozpocząć wystarczy Ci podstawowa znajomość HTML oraz CSS.

description_image1
Masz dalsze pytania?
minusplus
Czym jest kurs Codenga?
To interaktywny kurs, który został podzielony na kilkanaście etapów - każdy z nich składa się z niewielkich dawek wiedzy teoretycznej, którą następnie musisz wykorzystać w zadaniach praktycznych. Abyś się szybko nie zniechęcał, zadbaliśmy o urozmaicenie tych zadań. Testy, quizy i przede wszystkim - dużo kodowania! Pamiętaj - praktyka czyni mistrza :)
minusplus
Ile będę mieć czasu na zaliczenie kursu?
Dokładnie tyle, ile potrzebujesz. Możesz zaplanować naukę z harmonogramem, jeśli jednak z jakiejś przyczyny nie możesz tego zrobić, nie obawiaj się. Kurs będzie dostępny na Twoim koncie bezterminowo.
minusplus
Czy po ukończeniu kursu nadal mogę z niego korzystać?
Oczywiście, kupując kurs otrzymujesz bezterminowy dostęp do kursu. Możesz więc z niego korzystać tak długo i tak często, jak tylko chcesz.
minusplus
Czy żeby przystąpić do kursów Codenga muszę mieć jakąś specjalistyczną wiedzę w danym zakresie?
Absolutnie nie! Kursy Codenga zostały tak przygotowane, aby KAŻDY, niezależnie od wieku, umiejętności czy wiedzy w tym temacie, mógł spróbować swoich sił w programowaniu. Pamiętaj, aby rozpocząć naukę od kursu “Absolutne podstawy” jeśli jesteś zupełnie początkującą osobą.
minusplus
Czy potrzebuję specjalnego oprogramowania do nauki z kursami?
Spokojnie, zadbaliśmy również o to ;) Do nauki z kursami potrzebujesz jedynie… urządzenia z internetem i kilkunastu minut dziennie! Testy, zadania i ćwiczenia z kodowaniem odbywają się wyłącznie na platformie Codenga. Dlatego nie musisz się martwić o dodatkowe, płatne oprogramowanie, albo o to, czy masz odpowiednią wersję. Po prostu logujesz się i działasz.
-30%
48.30zł 69.00zł