Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
IT & Software Other IT & Software Web Development

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
Rating: 4.8 out of 54.8 (6,304 ratings)
12,038 students
Created by Samuraj Programowania
Last updated 7/2020
Polish
30-Day Money-Back Guarantee

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

16 sections • 122 lectures • 37h 56m total length

  • Preview02:24
  • Preview01:49
  • Preview00:36
  • Preview03:11
  • Preview00:47
  • Aktualizacja kursu - 2020
    01:11
  • Preview08:32

  • Przygotowanie środowiska programistycznego - edytor kodu, przeglądarki, katalogi
    15:20
  • Konfiguracja i korzystanie z Brackets
    26:02
  • Test środowiska programistycznego
    10:03
  • Tworzymy podstawową strukturę strony internetowej
    29:47
  • Teoria - podstawy HTML
    40:03

  • 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

  • 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

  • Preview26:18
  • 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
  • Preview28:39

  • 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

  • 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

  • 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

  • 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

  • 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

Instructor

Samuraj Programowania
Startupowiec, web developer i programista JavaScript
Samuraj Programowania
  • 4.8 Instructor Rating
  • 20,452 Reviews
  • 31,208 Students
  • 8 Courses

Nazywam się Bartłomiej Borowczyk, ale bardziej znany jestem jako Samuraj Programowania - od nazwy kanału, który prowadzę na YouTube. Jestem absolwentem Uniwersytetu Warszawskiego (politologii, niestety), ale także studiów podyplomowych związanych z programowaniem na Uniwersytecie Łódzkim (aplikacje internetowe) oraz w WSZiM w Sochaczewie (.NET, C# i MS SQL). Pierwszą stronę internetową stworzyłem w 2008 roku w systemie Joomla. Prowadzę kanały Samuraj Programowania oraz Websamuraj na YouTube zawierające materiały dotyczące nauki tworzenia stron internetowych i programowania w JavaScript.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.