Wspieramy zdalne nauczanie!     |      Bezpłatne kursy programowania dla szkół i uczelni 

user menu
avatar

Warsztaty tworzenia stron - Socido

5

(3 oceny)

Stwórz atrakcyjną stronę dla firmy z branży reklamowej i Social Media. Zobacz jak napisać krok po kroku strukturę, style oraz niezbędne skrypty JS.
poster_image
dot30 dni gwarancji zwrotu pieniędzy
dotWsparcie na każdym etapie nauki
dotRegularne aktualizacje
Bezterminowy dostępBezterminowy dostęp
zadań67 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
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ć nowoczesną stronę dla firmy Działającej w Social Media.

Z tym kursem nauczysz się krok po kroku budować nowoczesną stronę na podstawie projektu graficznego. To doskonała okazja aby zdobyć praktyczne umiejętności pracy z HTML, CSS oraz JavaScript. Korzystając ze szczegółowych instrukcji łatwo opanujesz liczne, bardzo przydatne techniki tworzenia stron. Efektem Twojej pracy będzie ładna, nowoczesna witryna dla firmy działającej w branży Social Media.

description_image1

Czego nauczysz się z tym kursem?

Z tym kursem opanujesz bardzo szeroki zestaw przydatnych technik tworzenia stron. Nauczysz się stylować typowe elementy takie jak: menu, hero image, sekcje z treścią czy stopkę. Opanujesz bardzo ważne techniki tworzenia nowoczesnego, elastycznego layoutu strony. Dowiesz się jak ładnie uporządkować kod i jak zadbać o dobrą organizację pracy. W kursie będzie tworzyli własny micro-framework i zestaw uniwersalnych klas CSS, które niesamowicie ułatwią późniejszą rozbudowę projektu.

  • point

    Zbuduj krok po kroku nowoczesną stronę ze świeżym, atrakcyjnym stylem

  • point

    Dowiedz się jak podzielić kod CSS na klasy, ułatwiające tworzenie i rozbudowę projektu

  • point

    Poznaj proste i skuteczne sposoby na stworzenie mobilnej nawigacji

  • 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 możesz pobrać i używać ich w dowolnym celu

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 rozwinąć swój warsztat front-end developera. Co ważne, gotowy projekt możesz bez problemu rozbudować i wykorzystać w dowolnym celu.

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ń)
Za chwilę rozpoczniesz pracę nad projektem strony. Będziemy tworzyli witrynę firmy zajmującej się marketingiem. To doskonała okazja, aby sprawdzić swoje umiejętności w praktyce.
Slajdy - instrukcje
Pierwsze znaczniki
Uzupełniamy sekcję head
Kolejne elementy w head
Górna część strony - pierwsze elementy
Dodajmy logo oraz menu nawigacyjne
Dodajmy przyciski
Menu nawigacyjne - mobile
Moduł 2
Pierwsze style CSS
(5 zadań)
Dodaliśmy już pierwsze elementy strony, teraz dodamy pierwsze style, aby nasza strona nabierał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 font
Reset stylów
Ogólne style klasy main
Ogólne style obrazków oraz odnośników
Moduł 3
Style tekstu, marginesy
(4 zadań)
Możemy przejść do kolejnego zestawu stylów CSS. Stylować będziemy m.in nagłówki oraz marginesy.
Nagłówki - bazowe właściwości
Nagłówki na duże ekrany
Marginesy
Style tekstu
Moduł 4
Dwie sekcje: Wprowadzenie oraz propozycje
(7 zadań)
Będziemy teraz pracowali nad kolejnymi sekcjami. Pierwsza z nich to wprowadzenie. Z kolei druga to propozycje.
Ogólna struktura dla sekcji wprowadzenia
Elementy tekstowe oraz przycisk
Wprowadzenie - player
Propozycje - wstępne elementy
Propozycje - nagłówek oraz opis
Propozycje - pierwsza propozycja
Propozycje - ostatnie elementy

Co sądzą o kursie jego uczestnicy?

Średnia ocena

5

(3 ocen)

100%
0%
0%
0%
0%

Opinie uczestników:

PK

Ciekawe rozwiązanie, można zbudować w pełni funkcjonalną stronę, a potem dostosować ją do swoich potrzeb.

Patryk Kras

05.02.2021

Ciekawe rozwiązanie, można zbudować w pełni funkcjonalną stronę, a potem dostosować ją do swoich potrzeb.

Patryk Kras

05.02.2021

Czy ta opininia była pomocna?

MP

Jestem na razie mniej więcej w połowie kursu i przyznaję, że jest dość wymagający, tzn. trzeba znać podstawy HTML i CSS tak dość dobrze. Ja już widzę, że mam parę braków do zaliczenia ;) Ogólnie kurs ...Czytaj więcej

Mariola P.

05.02.2021

Jestem na razie mniej więcej w połowie kursu i przyznaję, że jest dość wymagający, tzn. trzeba znać podstawy HTML i CSS tak dość dobrze. Ja już widzę, że mam parę braków do zaliczenia ;) Ogólnie kurs ...Czytaj więcej

Mariola P.

05.02.2021

Czy ta opininia była pomocna?

AS

Bardzo dobrze przygotowany kurs. Wreszcie mam kompletny przewodnik jak wdrożyć stronę internetową do sieci.

Adam Stola

29.01.2021

Bardzo dobrze przygotowany kurs. Wreszcie mam kompletny przewodnik jak wdrożyć stronę internetową do sieci.

Adam Stola

29.01.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.
79
00
dot30 dni gwarancji zwrotu pieniędzy
dotWsparcie na każdym etapie nauki
dotRegularne aktualizacje
Bezterminowy dostępBezterminowy dostęp
zadań67 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
guardian photo
Pomocy w tym kursie udziela Ci:
Jakub – opiekun kursów HTML i CSS
79
00