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 Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
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 Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
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
Development Programming Languages JavaScript

Programowanie w JavaScript

Od podstaw do programowania zorientowanego obiektowo
Rating: 4.7 out of 54.7 (3,725 ratings)
9,557 students
Created by Samuraj Programowania
Last updated 7/2020
Polish
30-Day Money-Back Guarantee

What you'll learn

  • Znajomość JavaScript w wersji ES5 i ES6
  • Umiejętność programowania proceduralnego w JavaScript
  • Znajomość podstaw programowania zorientowanego obiektowo (object-oriented programming)
  • Czerpanie przyjemności i satysfakcji z programowania :)

Course content

16 sections • 121 lectures • 36h 58m total length

  • Preview02:38
  • Preview06:04
  • Preview03:27
  • Preview02:06
  • Preview21:18
  • Preview03:08
  • Preview22:56
  • Aktualizacja 2020
    01:13
  • Przygotowanie środowiska pracy - edytor kodu Visual Studio Code, rozszerzenia
    18:06
  • Konfiguracja Visual Studio Code do pracy w JS - formatowanie kodu
    16:29
  • Korzystanie z konsoli w przeglądarce
    11:57

  • Wstęp: dodawanie pliku JS do HTML, instrukcje, komentarze, podstawy składni JS
    23:39
  • Typy danych – proste i typ referencyjny (obiekt)
    32:43
  • Zmienne - definicja, deklaracja, przypisanie wartości, const, let i var
    52:43
  • Operatory - czym są i jak działają. Operatory algorytmiczne i logiczne.
    47:55
  • Literały oraz właściwości i metody typów prostych
    28:17
  • Vademecum o typie number
    49:01
  • Vademecum o typie string
    34:39
  • Vademecum o typie boolean
    24:13
  • Instrukcja warunkowa - cz. 1: if
    31:27
  • Instrukcja warunkowa - cz. 2: switch i operator warunkowy (trójargumentowy)
    21:17
  • Wprowadzenie do tablic
    44:05
  • Metody wykonywane na tablicach - cz. 1: push, unshift, pop, shift, concat
    22:39
  • Metody na tablicach cz. 2: slice, splice, sort, indexOf, includes, join, reverse
    44:45
  • Pętle - cz. 1: for, while i do... while
    29:48
  • Pętle - cz. 2: pętla w pętli, pętla na tablicy i pętla for... of (ES6)
    39:01
  • Funkcje - cz. 1: definicja, tworzenie, wywoływanie, zwracanie wartości z funkcji
    50:32
  • Funkcje - cz. 2: wartości domyślne w funkcji, callback, obiekt arguments
    43:03
  • Funkcje - cz. 3: operator res i różnice między metodami a funkcjami
    30:22
  • Hoisting
    15:25
  • Zakres (scope) - cz. 1: wprowadzenie, zakres globalny
    13:07
  • Zakres (scope) - cz. 2: zakres lokalny (funkcja)
    30:30
  • Zakres (scope) - cz. 3: zakres lokalny (blok)
    32:43
  • Wprowadzenie do obiektów w JavaScript
    27:44
  • Literał szablonu (template string)
    17:48
  • Document Object Model (DOM) - cz. 1: pobieranie elementów
    38:50
  • DOM - cz. 2: modyfikacja elementów
    26:23
  • DOM - cz. 3: zdarzenia i akcje; nasłuchiwanie
    25:52
  • Obiekt window i obiekt document
    17:53

  • Zadanie 1a: ponumerowane kwadraty dodawane po kliknięciu przycisku
    37:11
  • Zadanie 1b: kwadraty dodawane po kliknięciu przycisku - co piąty div okręgiem
    22:56
  • Zadanie 2 - dla Ciebie: dodawanie elementów listy przyciskiem
    12:38

  • Zadanie 1: kwadrat zmieniający rozmiar przy skrolowaniu strony
    33:42
  • Zadanie 2 - dla Ciebie: pasek zmieniający grubość i kolor przy skrolowaniu
    17:07

  • Zadanie 1: pojawienie się elementu i powiększanie go przez kliknięcie przycisku
    06:22
  • Zadanie 1 - rozwiązanie
    25:22
  • Zadanie 2: tworzenie listy i dodawanie kolejnych elementów przez kliknięcie
    05:38
  • Zadanie 2 - rozwiązanie
    15:32

  • Zadanie 1a: wykrycie i wyświetlenie pozycji myszki
    16:19
  • Zadanie 1b: zmiana koloru tła przy ruchu myszką
    08:19
  • Zadanie 1c: optymalizacja projektu
    12:14
  • Zadanie 2 - dla Ciebie: zmiana koloru tła przy kliknięciu zależnie od pozycji
    03:16
  • Zadanie 2 - rozwiązanie
    14:29
  • Zadanie 3: łapanie i upuszczanie kwadratu ze zmianą jego koloru
    20:00
  • Zadanie 4 - dla Ciebie: rozjaśnianie i przyciemnianie tła przy pomocy klawiszy
    10:37
  • Zadanie 4 - rozwiązanie
    16:57

  • Zadanie 1 - Podaj hasło odkryj wiadomość - wersja 1
    15:22
  • Zadanie 1 - funkcja strzałkowa i this
    06:31
  • Zadanie 1 - wiele haseł i wiadomości - wersja 2 projektu
    11:38
  • Zadanie dla Ciebie - wprowadzenie
    02:03
  • Zadanie dla Ciebie - rozwiązanie - możliwość 1
    05:38
  • Metoda forEach do zmiany tablicy - rozwiązanie 2
    07:54
  • Metoda map (nowa tablica) i pętla for do sprawdzenia warunku - rozwiązanie 3
    11:39

  • Zadanie 1: losowanie imienia dla dziecka
    18:58
  • Zadanie 2: generator kodów
    14:31
  • Zadanie 3: dodawanie elementu do tablicy
    17:52
  • Zadanie 4 - dla Ciebie: losowa rada od komputera
    05:20
  • Zadanie 4 - rozwiązanie
    14:02
  • Bonus: losowanie liczby z dowolnego przedziału
    14:07

  • Cz. 1 - wprowadzenie
    07:36
  • Cz. 2 - wybór gracza
    22:14
  • Cz. 3 - wybór komputera (AI)
    12:59
  • Cz. 4 - określenie strony wygranej
    10:59
  • Cz. 5 - publikacja wyniku gry
    14:16
  • Cz. 6 - reset wyboru gracza i podsumowanie projektu
    10:21

  • Zadanie 1a: efekt pisania na maszynie - dodawanie znaków z tekstu
    12:07
  • Zadanie 1b: animacja migającego kursora przy pisaniu
    06:59
  • Zadanie 2 - dla Ciebie: animacja pisania z wymieniającym się tekstem
    06:00
  • Zadanie 2 - rozwiązanie
    13:29

Requirements

  • Znajomość HTML i CSS w stopniu podstawowym

Description

W trakcie tego kursu nauczysz się programować w JavaScript, co ułatwi Ci pracę ze stroną internetową, ale też późniejsze wejście w świat React czy Node. Oczywiście, będziemy programować w oparciu o najnowsze standardy, poznasz JavaScript w wersji ES5 i ES6.

Kurs rozpoczyna część teoretyczna, przy czym będzie to podstawowa wiedza, która jest niezbędna, by poznać język JavaScript i sprawnie się nim posługiwać. Omawiam tu kluczowe pojęcia związane z programowaniem i JavaScript, jak typy danych, zmienne, instrukcje warunkowe, funkcje, tablice, obiekty, zakresy, operatory, hoisting, pętle oraz DOM. Zakładam, że dla części uczestników kursu, choćby tych, którzy uczyli się ze mną na moim kanale na YT, nie będą to nowe zagadnienia. Jeśli znasz fundamenty JS, to będzie to dla Ciebie powtórka i usystematyzowanie wiedzy. Jeśli jednak uczysz się od podstaw, będziesz musiał skupić się mocno na omawianych treściach. Staram się zawrzeć tu takie must know, bez zagłębiania się, ale na pewno będzie to solidna podstawa do dalszej nauki.

Po części teoretycznej napiszemy kilkanaście projektów, które pozwolą Ci wytrenować umiejętność programowania i utrwalić znajomość JavaScript. Wśród tych projektów znajdziesz zegar (także czasomierz oraz odliczanie czasu do końca), baner (sterowany klikiem i klawiszami), proste gry (nożyczki-papier-kamień oraz jednoręki bandyta) oraz listę zadań (dodawanie, przeszukiwanie). Oczywiście wiele z tych projektów będzie zadaniami dla Ciebie do samodzielnego wykonania, przy czym po zrobieniu zadania możesz zobaczyć moje rozwiązanie.

Trzecia część kursu dotyczy programowania zorientowanego obiektowo (object-oriented programming). Jest to podejście inne od podstawowego (proceduralnego) programowania, które poznasz w pierwszych dwóch częściach tego kursu. Przekażę Ci teorię OOP, ale także wykonamy praktyczny projekt.

Kurs jest trzecim etapem projektu "Od podstaw do pierwszej pracy jako front-end developer". Jest to bardzo ważny krok w tym projekcie, ponieważ rzeczy, których się w nim nauczysz - umiejętność programowania, znajomość JavaScript i programowania obiektowego - będą podstawą nauki w kolejnym etapie, czyli w kursie React. Dla osób, które chcą wejść bardziej w świat programowania niż front-endu, tworzyć aplikacje, będzie on dobrym punktem startowym (przy czym zaznaczam, że podstawowa wiedza o HTML i CSS jest potrzebna, by z niego korzystać).

Zastosowanie JavaScript we front-endzie do tworzenia layoutów i efektów na stronie omawiałem w 2. etapie - kursie "Front-end zaawansowany w 15 dni". W tym kursie mam nadzieję nauczyć Cię nie tylko języka JavaScript, ale też sprawić, byś polubił(a) programowanie. Wiedza i umiejętności nabyte po kursie przydadzą Ci się nawet, jeśli wiążesz swoją przyszłość z front-endem i nie zamierzasz zajmować się programowaniem back-endowym.

Who this course is for:

  • Osoby, które uczyły się już z moich poprzednich kursów
  • Osoby, które CSS/HTML znają z innych źródeł, a chcą nauczyć się JavaScript
  • Osoby, które znają podstawy JS a chcą przećwiczyć umiejętność programowania i pogłębić znajomość JavaScript

Instructor

Samuraj Programowania
Startupowiec, web developer i programista JavaScript
Samuraj Programowania
  • 4.8 Instructor Rating
  • 20,405 Reviews
  • 31,173 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.