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 Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Cleaning
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

This course includes:

  • 8 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development jQuery

jQuery - poznaj najpopularniejszą bibliotekę JavaScript

Poznaj od podstaw bibliotekę, z której korzystają niemal wszystkie nowoczesne serwery WWW!
Rating: 4.4 out of 54.4 (13 ratings)
97 students
Created by eduweb.pl - Kursy Wideo
Last updated 7/2019
Polish
Polish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • omówimy bibliotekę jQuery od A do Z
  • poznasz skuteczne techniki pracy z DOM
  • wykorzystamy techniki animacji elementów HTML
  • zdobędziesz wiedzę na temat zapytań AJAX
  • będziesz tworzyć własne pluginy jQuery
  • stworzysz własny, rozbudowany plugin Lightbox
  • zaimplementujesz gotowe rozwiązania
  • znajdziesz tu sekcję Tips&Tricks z przydatnymi poradami

Course content

16 sections • 74 lectures • 8h 1m total length

  • Preview04:56
  • Preview02:37
  • Preview02:25
  • Jak korzystać z plików źródłowych
    17:49
  • Instalacja jQuery
    04:44

  • Preview09:31
  • Zaawansowane selektory
    06:07
  • Niestandardowe selektory
    04:22
  • Filtrowanie
    07:56
  • Filtrowanie hierarchiczne
    04:44
  • Bonus
    00:55

  • Zdarzenie ‘load’
    03:22
  • Przypisywanie funkcji dla zdarzeń
    07:24
  • Usuwanie funkcji zdarzeń
    03:00
  • Delegacja zdarzeń
    05:15
  • Obiekt zdarzenia
    06:15
  • Wywoływanie zdarzeń
    04:34

  • Przypisywanie i odczytywanie styli
    08:16
  • Praca z klasami CSS
    05:41
  • Praktyczny projekt Gwiazdkowa ocena
    13:28

  • Tworzenie elementów
    06:35
  • Wstawianie elementów
    04:18
  • Praca z treścią elementów
    09:42
  • Praca z atrybutami elementów
    05:45
  • Manipulacja kolejnością elementów
    08:31
  • Usuwanie elementów
    05:30

  • Odczytywanie i ustawianie wymiarów
    05:10
  • Położenie elementów w dokumencie
    07:02
  • Praktyczny projekt: Menu kontekstowe
    16:04

  • Pokazywanie i ukrywanie elementów
    09:11
  • Animacja właściwości CSS
    03:43
  • Funkcje zwrotne
    03:41
  • Kolejkowanie animacji
    10:57
  • Easing animacji
    03:45
  • Animacje z CSS3
    03:57
  • Praktyczny projekt: Accordion
    08:32
  • Bonus
    00:55

  • Pętla ‘each’ dla zbiorów
    04:02
  • Ogólna pętla ‘each’
    05:23
  • Metoda ‘map’
    04:48
  • Metoda ‘grep’
    02:36

  • Odczytywanie i przypisywanie wartości
    08:39
  • Serializacja formularza
    03:00
  • Praktyczny projekt: Placeholder
    11:29

  • ‘data’ w jQuery
    05:16
  • ‘data’ w atrybutach HTML5
    06:15

Requirements

  • Znajomość języka JavaScript i Obiektowego Modelu Dokumentu
  • Biegła umiejętność posługiwania się HTML i CSS
  • Przydatna będzie również znajomość AJAX i formatu wymiany danych JSON

Description

jQuery to biblioteka wykorzystywana powszechnie na całym świecie - stanowi więc naturalny krok na ścieżce kariery każdego twórcy stron internetowych.

Przed Tobą ośmiogodzinna przygoda z najpopularniejszą biblioteką JavaScriptową na świecie.

Jeżeli tworzysz strony internetowe i zdążyłeś już poznać takie technologie jak HTML i CSS, a także masz już podstawy języka JavaScript, to kolejnym naturalnym krokiem na Twojej drodze będzie nauka korzystania z biblioteki jQuery.


CZYM JEST JQUERY? 


Biblioteką nazywamy zbiór funkcji napisanych w danym języku, które mogą być dołączone do dowolnego projektu i w łatwy sposób wykorzystywane.

Tak właśnie jest z biblioteką jQuery, która powstała w 2006 roku i odpowiedziała wówczas na ogromną potrzebę - pisanie spójnego i działającego w wielu przeglądarkach internetowych kodu.

Nawet dzisiaj pewne przeglądarki internetowe implementują nowe funkcje Obiektowego Modelu Dokumentu w różny sposób. A zatem aby mieć pewność, że pisany przez nas kod będzie działał dokładnie tak samo niezależnie od tego czy strona zostanie wyświetlona w najnowszej wersji przeglądarki Firefox czy może w leciwym Internet Explorerze 9, musimy stosować wiele trików.

Przez to pisanie kodu nie jest już tak proste i przyjemne, a także znacząco wzrasta jego ilość.

W trakcie kursu dowiesz się:

  • dlaczego jQuery pozwala za pomocą niewielkiej ilości kodu otrzymywać taki sam rezultat we wszystkich wspieranych przeglądarkach internetowych

  • zaczniemy od prostych zadań, jak dodawanie czy usuwanie klas CSS

  • przejdziemy potem do wysyłania żądań AJAX

Z użyciem jQuery zawsze napiszesz taki sam kod, a ta biblioteka zadba już o wszystkie niezbędne triki, które musi wykonać “pod spodem”, aby rezultat był w każdej przeglądarce taki sam.


NIEOGRANICZONE MOŻLIWOŚCI BIBLIOTEKI 


Biblioteka jQuery, oprócz upraszczania możliwych do wykonania również bez niej zadań, udostępnia nam także wiele zupełnie nowych funkcji i możliwości.

A do nich zaliczyć możemy np. animacje elementów HTML.

Zaczniemy od:

  • wyboru wersji biblioteki i jej podpięcia do strony internetowej

  • poznasz potężne możliwości selektorów CSS, które pozwolą znaleźć w drzewie DOM każdy element

  • zobaczysz jak tworzyć nowe elementy dynamicznie

  • przekonasz się jak na wiele sposobów wstawiać je na stronę

  • jak przypisywać funkcje obsługi zdarzeń do poszczególnych elementów, np. na kliknięcie lub najechanie kursorem myszy...

  • ... oraz jak działa i czym jest delegacja zdarzeń

ANIMACJE, WYGLĄD I KLASY CSS 

W kolejnym kroku zajmiemy się pracą z właściwościami CSS elementów, które można w prosty sposób odczytywać, a także przypisywać.

Dowiesz się:

  • jak pracować z klasami CSS

  • stworzymy praktyczny projekt “Gwiazdkowej oceny” artykułu

  • poznasz również metody pozwalające odczytywać charakterystyki związane z geometrią elementów, a więc ich szerokość, wysokość czy położenie w dokumencie

  • posłużą nam one do stworzenia projektu menu kontekstowego, dostępnego pod prawym przyciskiem myszy

  • poruszymy temat animacji

  • dowiesz się jak pokazywać oraz ukrywać wybrane elementy, a także jak robić to w płynny sposób, np. rozwijając dany element lub animując jego dowolne właściwości CSS

  • nie zabraknie również informacji na temat super- płynnych animacji z użyciem CSS3...

  • ...a także praktycznego projektu “Accordion”, który połączy całą zdobytą do tej pory wiedzę.

AJAX-OWA REWOLUCJA!

Cały oddzielny rozdział poświęcimy również technologii AJAX, która niegdyś zrewolucjonizowała internet.

Zobaczysz jak z użyciem jQuery wysyłać zapytania do serwera bez przeładowywania witryny, a także jak wyświetlać na stronie otrzymane dane. Z pomocą jQuery będzie to możliwe za pomocą nawet trzech linijek kodu. Oprócz zwykłych zapytań AJAX, poznasz również:

  • możliwości jQuery w zakresie techniki JSONP...

  • ...czy synchronicznego pobierania skryptów JavaScript

  • wykonamy praktyczny projekt, który pozwoli wczytywać kolejne strony portfolio bez przeładowywania witryny

  • wyświetlimy animowany preloader

  • kiedy dane zostaną zwrócone, wstawimy je na stronę

  • poruszymy też nieco bardziej zaawansowane zagadnienia, takie jak obiekt Deferred czy Promise

  • zobaczysz jak z użyciem jQuery korzystać z tych rozwiązań, a także do czego mogą być przydatne

  • wykonamy praktyczny projekt preloadera obrazów wraz z paskiem ładowania postępu

WŁASNE ROZSZERZENIA I PLUGINY 

Jeden z rozdziałów kursu poświęcimy na omówienie tworzenia własnych rozszerzeń do biblioteki jQuery.

Zobaczysz jak stworzyć swój pierwszy plugin, a także jak umożliwić jego przyszłym użytkownikom prostą konfigurację.

Aby dobrze zrozumieć koncepcję tworzenia rozszerzeń wykonamy kilka praktycznych projektów:

  • jednym z nich będzie powiadomienie o plikach cookies wysuwane z góry strony, które po ukryciu, nie będzie już nękać odwiedzającego

  • następnie stworzymy praktyczne zakładki, które pozwolą ukryć część treści i pokazywać ją dopiero po kliknięciu w odpowiednią pozycję menu

  • ostatnim z projektów będzie lightbox - to największy i najbardziej skomplikowany przykład omówiony w tym kursie, w którym wykorzystamy bardzo wiele technik jQuery.

Lightbox będzie umożliwiał kliknięcie na miniaturkę zdjęcia, pokazanie preloadera w czasie, gdy duży obraz jest wczytywany, a na koniec płynną animację do wielkości wczytanego obrazu oraz jego pokazanie.

Zobaczysz również, jak zamknąć takie okno na kilka sposobów, w tym z użyciem klawisza ESC.

GOTOWE ROZWIĄZANIA OSZCZĘDZAJĄCE CZAS

Choć pisanie własnych rozszerzeń do biblioteki jQuery to świetna zabawa, to wiele z nich możemy znaleźć również w internecie.

Z tego powodu wykorzystamy dwa z nich i osadzimy je na przygotowywanej stronie.

Pierwszy z pluginów, który zaimplementujemy, to slider obrazów, a drugi to bardzo ciekawa możliwość sortowania projektów w portfolio nad podstawie ich kategorii.

Zobaczysz jak w prosty i szybki sposób podpiąć takie rozwiązania do własnej strony, a także jak je skonfigurować dla swoich potrzeb.

Kurs kończy się sekcją dziesięciu lekcji z serii Tips&Tricks, gdzie w maksymalnie krótkim czasie zobaczysz wiele przydatnych technik i trików do wykorzystania w codziennej pracy z biblioteką jQuery.

To jednak nie wszystko, co znajdziesz w kursie. Na przestrzeni ośmiu godzin omówimy również:

  • pracę z formularzami

  • pętle dostępne w jQuery

  • możliwość przypisywania własnych danych do wybranych elementów HTML.

Dla kogo jest ten kurs?

Choć wszystkie zagadnienia związane z jQuery są w tym kursie tłumaczone od podstaw, to fakt, iż biblioteka ta jest napisana w języku JavaScript sprawia, że należy znać podstawy tego języka już wcześniej.

Jeśli zatem rozumiesz jak działa JavaScript, a także Obiektowy Model Dokumentu i potrafisz w drzewie DOM wyszukiwać elementy, tworzyć nowe czy pracować z ich treścią, to możesz bez obaw przystąpić do tego kursu.

W przeciwnym wypadku, zalecamy zapoznanie się najpierw z materiałem JavaScript od Podstaw. Aby jednak wynieść z tego kursu jak najwięcej, dobrze znać również takie zagadnienia jak AJAX, format wymiany danych JSON czy podstawowe koncepcje programowania obiektowego. Taką wiedzę znajdziesz z kolei w kursie JavaScript w Praktyce.

Niezależnie zatem czy chcesz dodać do swojej strony kilka interaktywnych elementów czy masz ambicje tworzyć zaawansowane aplikacje webowe - jQuery na pewno będzie Twoim sojusznikiem, a czas poświęcony na naukę jej wykorzystania, zwróci się wielokrotnie.

Who this course is for:

  • Programiści zainteresowani nauką jQuery
  • Osoby, które chcą dodać do swoich stron internetowych więcej interaktywnych elementów
  • Developerzy pragnący tworzyć zaawansowane aplikacje webowe

Instructor

eduweb.pl - Kursy Wideo
https://eduweb.pl
eduweb.pl - Kursy Wideo
  • 4.5 Instructor Rating
  • 3,882 Reviews
  • 26,236 Students
  • 103 Courses

Na stronie eduweb znajdziesz multimedialne kursy wideo oprogramowania Adobe, tworzenia grafiki, fotografii, wideo, postprodukcji, projektowania stron WWW - HTML i wiele więcej! Poza kompleksowymi kursami online prowadzimy zajęcia na żywo w ramach Eduweb Live i ścieżek specjalizacji, jak również oferujemy Certyfikaty i wsparcie na każdym etapie nauki. Nasi trenerzy to najwyższej klasy eksperci z branży, którzy na co dzień pracują dla największych firm, dzięki czemu mogą zaprezentować najwyższy poziom praktycznych materiałów szkoleniowych.

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