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 Blogging Freelancing 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 React

React Redux 2020 - tworzenie aplikacji webowych

Tworzymy, krok po kroku, aplikacje z użyciem JavaScript, bibliotek React i Redux oraz integrujemy ją z usługami Firebase
Rating: 4.3 out of 54.3 (123 ratings)
753 students
Created by Paweł Ćwik
Last updated 4/2020
Polish
30-Day Money-Back Guarantee

What you'll learn

  • Jak tworzyć komponenty w React JS i łączyć je w większą całość
  • Jak obsługiwać stan aplikacji
  • Aplikacja webowa od pierwszej linijki kodu do wdrożenia w chmurze (Heroku)
  • Zapisywanie i odczyt stanu do i z bazy danych
  • Integracja React z Google Firebase

Course content

25 sections • 130 lectures • 10h 1m total length

  • Preview00:51
  • Preview01:48
  • Instalacja Visual Studio Code
    01:06
  • Github
    00:02

  • Preview00:32
  • Preview06:06
  • Preview05:21
  • Działanie React.createElement
    02:34
  • Organizacja projektu
    01:01
  • Reużywalne komponenty
    03:50
  • Props
    05:41
  • Destrukturyzacja
    01:24

  • O czym w rozdziale
    00:45
  • Create-react-app?
    01:22
  • NPM
    02:59
  • Prettier
    04:39
  • ESLint
    06:05
  • Git i .gitignore
    05:06
  • Parcel
    03:15
  • Modularyzacja aplikacji
    03:30

  • Czym jest JSX
    04:17
  • Konfiguracja JSX w ESLint
    06:44
  • Komponenty kompozytowe w JSX
    04:20
  • React.Fragment
    04:34

  • Hooks
    04:01
  • Stan komponentu z użyciem hooks
    07:48
  • Kolejność wywołania hooks
    01:15
  • Dodanie drugiego stanu
    06:20
  • Unikalny klucz
    00:50
  • Kolejne informacje o książce
    04:09
  • Własny hook
    10:22
  • useEffect (+poprawki w useDropdown)
    03:10
  • Warunkowe wywołanie useEffect
    01:49

  • React.StrictMode
    01:51
  • React Dev Tools
    03:01

  • Pobieranie danych z REST API
    06:44
  • Mock data
    01:55
  • Jednokierunkowy przepływ danych
    01:19
  • Dynamiczne tworzenie komponentów Book na podstawie danych z API
    08:56
  • Dodawanie książek
    09:35

  • Reach Router
    04:35
  • Nawigacja
    03:11

  • Komponenty klasowe - Props
    11:58
  • Komponenty klasowe - State
    03:39

  • Czym jest Redux
    01:34
  • Redux solo - aplikacja bazowa
    05:57
  • Pierwsza zasada Reduxa
    01:28
  • Preview03:09
  • Trzecia zasada Reduxa
    06:41
  • Po co nam te zasady?
    02:03
  • Dodanie i inicjalizacja biblioteki Redux
    02:31
  • Pobranie i zmiana stanu via Redux
    02:40
  • Podsumowanie "czystego" Reduxa
    01:20

Requirements

  • Podstawy Javascript ES6

Description

Jest to druga edycja kursu - aktualna na rok 2020, czyli bazująca głownie na komponentach funkcyjnych i hookach. Większy nacisk został położony również na narzędzia towarzyszące tworzeniu aplikacji webowych. Pierwsza edycja jest wciąż dostępna i stosownie oznaczona, bo jest wciąż aktualna, tworzymy tam nieco inny projekt (choć w tej samej domenie), a praktyki nigdy dość.


Kurs w praktyczny sposób pokazuje jak, od pierwszej linijki kodu po wdrożenie na zewnętrzny serwer (Heroku), tworzyć aplikacje webowe z użyciem biblioteki React i wspomagającej ją biblioteki Redux. Nie tworzymy więc osobnych 'mini' projektów dla każdej funkcjonalności Reacta, lecz zbieramy wszystko w jedną całość i małymi krokami tworzymy pełnoprawną aplikację webową wraz z integracją z bazą danych i uwierzytelnianiem użytkowników. 


Nauczy on Cię podstaw bibliotek React i Redux - obecne jednych z najpopularniejszych bibliotek front-end opartych na JavaScript. Kurs zaczyna się od instalacji niezbędnych narzędzi, krok po kroku będziemy rozwijać naszą aplikację, by finalnie zintegrować ją z usługami googlowego BaaS - Firebase. Od zera więc utworzymy pełnoprawną aplikację webową.



Who this course is for:

  • Osoby zainteresowane nauką tworzenia aplikacji webowych z użyciem biblioteik React
  • Osoby zainteresowane nowoczesnym front-end developmentem
  • Osoby chcące krok po kroku zbudować średniej wielkości aplikację webową, od pierwszej linijki kodu do wdrożenia w chmurze.
  • Osoby chcące zapisywać stan aplikacji do zewnętrznej bazy danych

Instructor

Paweł Ćwik
Fullstack developer
Paweł Ćwik
  • 4.6 Instructor Rating
  • 681 Reviews
  • 4,360 Students
  • 9 Courses

I started my programming career around seven years ago as a Java back-end developer. Over time, I was moving towards system integration and communication, with a strong emphasis put on the REST, JMS and the Spring framework. Then I focused on the front-end development and now I work with the React JavaScript library and the technologies related to JavaScript itself. That's all when it comes to my professional experience. 

 

Besides that three years ago my adventure with teaching programming began and it's been continuing since then. It gives me a lot of satisfaction, to the point where it has almost become my second, constantly developing, career.

 

Privately, I have a wonderful wife, and I am the father of two kids, who make sure that I do not focus solely on my work.

  • 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.