user menu
avatar

Warsztaty tworzenia stron - Taskomania

4,67

(3 oceny)

Zbuduj nowoczesną stronę prezentującą webową usługę albo aplikację. Zobacz jak możesz w praktyce wykorzystać swoją znajomość HTML oraz CSS.
poster_image
dotZapłać nawet za 30 dnitooltip info icon
dot30 dni gwarancji zwrotu pieniędzy
dotWsparcie na każdym etapie nauki
dotRegularne aktualizacje
Bezterminowy dostępBezterminowy dostęp
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
guardian photo
Pomocy w tym kursie udziela Ci:
Jakub – opiekun kursów HTML i CSS
Opis produktu
Co zyskujesz?
Program nauczania
Recenzje
FAQ

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.

description_image1

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

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_image2

To co oferują Ci kursy Codenga

Harmonogram
Masz możliwość ustalenia własnego harmonogramu nauki po zakupie kursu. Możesz zdobywać wiedzę w takim tempie jakie ci najbardziej odpowiada.
Społeczność
Wymieniaj się doświadczeniami z innymi. Zadawaj pytania i rozwijaj swoją znajomość tematu.
Profil
W twoim profilu widoczne są wszystkie zdobyte certyfikaty oraz osiągnięcia. Profil możesz łatwo publikować za pomocą prostego odnośnika.
Ranking
Porównaj swoje wyniki z innymi i zostań najlepszym uczestnikiem kursów Codenga.
Możliwość kontynuowania nauki
Po ukończeniu kursu podstawowego możesz kontynuować naukę z kolejnymi kursami.
Opiekun kursu
Każdy kurs ma opiekuna, do którego możesz się zwrócić o pomoc i wyjaśnić wątpliwości dotyczące treści kursu.

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,67

(3 ocen)

67%
33%
0%
0%
0%

Opinie uczestników:

JD

Super szkolenie! Kupiłem już wiele kursów tworzenia stron na innych platformach ale tylko ten pozwolił mi stworzyć kompletną witrynę do A do Z... i to bez instalowania jakiegokolwiek oprogramowania! P...Czytaj więcej

Jacek Domagała

5 lut 2021

Super szkolenie! Kupiłem już wiele kursów tworzenia stron na innych platformach ale tylko ten pozwolił mi stworzyć kompletną witrynę do A do Z... i to bez instalowania jakiegokolwiek oprogramowania! P...Czytaj więcej

Jacek Domagała

5 lut 2021

Czy ta opininia była pomocna?

GJ

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

Grzegorz Jasiński

9 sty 2021

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

Grzegorz Jasiński

9 sty 2021

Czy ta opininia była pomocna?

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.
19
99
dotZapłać nawet za 30 dnitooltip info icon
dot30 dni gwarancji zwrotu pieniędzy
dotWsparcie na każdym etapie nauki
dotRegularne aktualizacje
Bezterminowy dostępBezterminowy dostęp
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
guardian photo
Pomocy w tym kursie udziela Ci:
Jakub – opiekun kursów HTML i CSS
19
99