Web developer od podstaw w 15 dni
4.8 (4,958 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,456 students enrolled

Web developer od podstaw w 15 dni

Zdobądź solidne podstawy HTML i CSS i zyskaj umiejętności potrzebne do samodzielnego tworzenia nowoczesnych stron www.
Bestseller
4.8 (4,958 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,456 students enrolled
Last updated 10/2018
Polish
Price: $19.99
30-Day Money-Back Guarantee
This course includes
  • 38 hours on-demand video
  • 24 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Tworzyć strony internetowe zgodne z aktualnymi standardami, zoptymalizowane pod kątem wyszukiwarek i dobrze wyglądające na urządzeniach mobilnych.
  • Korzystać z narzędzi przydatnych w pracy web/front-end developera.
  • Umieszczać stronę w internecie (hosting, domena).
  • W czasie kursu stworzysz własną stronę-wizytówkę, na której możesz umieszczać swoje projekty.
Requirements
  • Nie musisz posiadać wiedzy dotyczącej tworzenia stron, jedynie sprawnie poruszać się w systemie operacyjnym i internecie.
  • Jeśli jednak masz jakieś podstawy HTML i CSS, ale chcesz je sobie powtórzyć i utrwalić, to również jest kurs dla Ciebie!
  • Ten kurs jest zamkniętą całością, ale stanowi jednocześnie pierwszy z 6 etapów mojego projektu od podstaw do pierwszej pracy jako front-end developer. Pozostałe 5 kursów będzie miało swoją premierę od sierpnia 2018 do stycznia 2019.
Description

Podczas tego kursu opanujesz techniki, które pozwolą Ci tworzyć proste, ale fajne strony internetowe, które będą dobrze wyglądać również na urządzeniach mobilnych - pod koniec kursu zbudujesz taką stronę-wizytówkę. Nauczysz się od podstaw tworzyć strukturę strony w HTML i stylować ją przy pomocy CSS. Poznasz również przydatne narzędzia usprawniające pracę związaną z tworzeniem stron. Zrobimy bardzo dużo w kierunku zostania przez Ciebie dobrym web developerem.

Po opanowaniu podstaw HTML-a skupimy się na wyglądzie strony a więc CSS-ie. Zaczniemy od fundamentów, takich jak style domyślne, tworzenie własnych stylów, kaskadowość i dziedziczenie, następnie zajmiemy się najważniejszymi właściwościami CSS związanymi z wyglądem, pozycjonowaniem (ustawianiem pozycji) i przekształcaniem elementów na stronie.  

Przekażę Ci także praktyczne wskazówki związane z optymalizacją strony pod kątem wyszukiwarek internetowych, tworzeniem mockupów, źródłami zdjęć na stronę czy inspiracji do projektów. Zajmiemy się zagadnieniem responsywności strony, czyli tym, jak jak za pomocą HTML i CSS zadbać o to, by wyświetlała się dobrze na ekranach o różnych rozdzielczościach.


Zadania w kursie

Nauka tworzenia stron czy programowania wymaga bardzo dużo praktyki, dlatego w tym kursie będę wymagał od Ciebie, byś robił(a) różne zadania, nie tylko oglądał(a) wideo, ale też pracował(a). Nie pomijaj zadań, MUSISZ je robić, jeśli chcesz osiągnąć efekty. Zachęcam Cię do obejrzenia przykładowych filmów z kursu, żeby zobaczyć, w jaki sposób skonstruowałam zadania.  

Po opanowaniu wspomnianych wyżej fundamentów stworzymy od podstaw stronę-wizytówkę, na której możesz umieszczać swoje projekty, tworząc własne portfolio a także ją rozbudowywać. Będzie to dla Ciebie świetny trening, ale też podstawa do Twoich kolejnych projektów. Na koniec umieścimy stronę na hostingu i podepniemy do niej domenę.  

Ile czasu musisz poświęcić na kurs? 

Kurs podzielony jest na sekcje-dni, z których każda wymaga poświęcenia 2-3 godzin dziennie. Zaplanowałem ten kurs jako 15-dniową ścieżkę, ale możesz się uczyć szybciej, możesz się uczyć wolniej, nie każdego dnia. Ogranicza Cię czas i chęci, choć przyznam, że wielkim sukcesem, Twoim sukcesem, byłoby, gdybyś zrobił(a) ten kurs rzeczywiście w 15 dni. Jeśli zdecydujesz się rozłożyć ten kurs na więcej niż 15 dni, to niech nie będzie to więcej niż 30 dni. Oczywiście nie ma przeszkód, by – jeśli masz czas i ochotę – robić np. 2 dni jednego dnia.   


Kurs jako start do zostania web/front-end developerem   

Kurs jest pierwszą częścią mojego programu „Od podstaw do pracy front-end developera”, obejmującego 6 etapów-kursów na Udemy. Opanowanie HTML i CSS stanowi pierwszy duży krok do pracy web/front-end developera i pozwala tworzyć strony internetowe. Jeśli chcesz rozpocząć swoją ścieżkę zawodową jako front-end developer, to zapraszam Cię do wspólnej nauki przez cały ten projekt. Jednak ten kurs stanowi jednocześnie samodzielną całość, która pozwala Ci opanować fundamenty CSS i HTML, tworzyć proste, fajne strony internetowe i umieszczać je w internecie.

Who this course is for:
  • Osoby będące na początku drogi do zostania front-end developerem i rozpoczęcia kariery w branży IT.
  • Osoby, które chcą nauczyć się tworzenia stron, aby wykorzystać to w obecnej pracy/działalności.
  • Osoby, które znają podstawy HTML i CSS, ale chcą je sobie powtórzyć i utrwalić.
Course content
Expand all 121 lectures 37:55:04
+ Dzień 1 – podstawy HTML
5 lectures 02:01:15
Przygotowanie środowiska programistycznego - edytor kodu, przeglądarki, katalogi
15:20
Konfiguracja i korzystanie z Brackets
26:02
Test środowiska programistycznego
10:03

Odnośniki do stron pojawiających się w filmie:

https://www.mozilla.org/pl/firefox/new/ 

Tworzymy podstawową strukturę strony internetowej
29:47
Teoria - podstawy HTML
40:03
+ Dzień 2 – tworzenie struktury strony w HTML
8 lectures 02:18:42
Zadanie: Stwórz swoją pierwszą stronę internetową “Witaj świecie!”
02:35
Przykłady strony internetowych - zobaczmy, jak są zbudowane
10:30
Projekt strony (mockup) i jego wykonanie w HTML
18:56
Teoria - najważniejsze znaczniki w HTML
36:00
Znaczniki HTML w praktyce
26:44
Atrybuty znaczników HTML
10:55
Jak prawidłowo zbudować <head> strony internetowej
15:13
Zadanie - zrób strukturę HTML dla załączonego projektu
17:49
+ Dzień 3 – podstawy CSS
7 lectures 02:37:39
Domyślne style dla elementów HTML
21:26
Czym są style CSS i jak nadpisać style domyślne
08:16
Teoria - fundamenty CSS
45:55
Gramatyka CSS
17:35
Najczęstsze błędy i ich odnajdowanie
17:19
Jak dodawać style - 3 sposoby dodawania CSS
23:33
Zadanie - mały trening selektorów
23:35
+ Dzień 4 – podstawowe stylowanie strony za pomocą CSS
7 lectures 02:58:21
Przydatne narzędzia i źródła do pracy z kolorami w CSS
14:55
Teoria - vademecum o jednostkach w CSS
30:55
Jednostki w CSS w praktyce
14:02
Popularne właściwości i wartości CSS - font-size, color, margin
46:57
Margin, padding i border w praktyce
16:35
+ Dzień 5 – fonty i grafiki na stronie
10 lectures 02:29:04
Fonty szeryfowe i bezszeryfowe
07:26
Określanie rodziny fontów na stronie
08:44
Właściwości fontów - font-size, color, font-style, font-weight, text-decoration
24:34
Właściwości fontów 2 - text-indent, text-align, text-transform, line-height
16:13
Przestrzeń na treść na stronie - wstęp do modelu pudełkowego
09:52
Dodatkowe fonty na stronę - Google Fonts
12:45
Zadania - ostyluj tekst według wytycznych
34:07
Źródła inspiracji dla tworzenia wyglądu strony
14:17
Źródła darmowych grafik i wideo na stronę, prawa autorskie
10:59
Praca z grafikami na stronę - programy graficzne dla nie-grafika
10:07
+ Dzień 6 – kaskadowość stylów
8 lectures 01:58:45
Teoria – inicjalizowanie właściwości oraz wybór reguł przez przeglądarkę
13:22
Renderowanie strony – nadawanie właściwości przez przeglądarkę w praktyce
11:57
Teoria – dziedziczenie
12:04
Dziedziczenie w praktyce
11:46
Kaskadowość - zasady, którymi kieruje się przeglądarka przy wyborze wartości
34:26
Zadania - napisz reguły, nadając konkretnym elementom określone wartości
22:17
Przygotowanie się do pracy z projektem - struktura plików, pliki HTML i CSS
07:36
Praca z projektem - resetowanie stylów CSS i określenie właściwości globalnych
05:17
+ Dzień 7 – model pudełkowy oraz sposoby wyświetlania elementów (display)
9 lectures 02:26:31
Teoria - elementy blokowe i liniowe
27:19
Elementy blokowe i liniowe w praktyce
20:30
Teoria - box model, czyli model pudełkowy
21:01
Box model w praktyce
14:15
Teoria - box sizing i jego właściwości - content-box i border-box
11:03
Box sizing w praktyce
13:50
Teoria - właściwość display
15:35
Przerabiamy domyślny brzydki przycisk na ładny przycisk
09:27
Zadanie - ostyluj przyciski według wytycznych
13:31
+ Dzień 8 – inline-block na przykładzie menu oraz prosta strona
9 lectures 02:50:02
Tworzenie struktury strony i menu w HTML oraz ustawienie wymiarów sekcji w CSS
16:02
Stylowanie menu – projekt 1: display:inline-block
15:06
Stylowanie menu – projekt 2: zróżnicowanie przycisków
14:15
Stylowanie menu – projekt 3: określenie wymiarów i box-sizing
20:12
Projekt 4: mini-strona z menu
21:20
Projekt 4: mini-strona z menu - stylowanie nawigacji
20:43
Projekt 4: mini-strona z menu - sekcje main i footer
28:59
Projekt 5: inna struktura menu - ul i li
22:04
Zadanie - ostyluj menu i header według wytycznych
11:21
+ Dzień 9 - float, pseudoelementy, pseudoklasy
8 lectures 03:22:02
Zadanie - ostyluj menu zbudowane ze znaczników ul i li
27:25
Nawigacja z użyciem właściwości float
29:09
Teoria - float
09:18
Float w praktyce
16:20
Problemy z float i sposoby ich rozwiązywania
52:15
Pseudoklasy
38:34
Pseudoelementy
06:27
Zaawansowane selektory CSS w oparciu o pseudoklasę NTH
22:34