Kurs React Native

Wprowadzenie

Lekcje
Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • Pytania

2 ocen

Wprowadzenie

Tworzenie aplikacji mobilnych zawsze kojarzyło się z czymś trudnym i wymagającym. Jednak mimo pewnych różnic względem tworzenia stron internetowych mobile to dalej front-end, który przy pomocy React Native możesz tworzyć tak samo prosto i wygodnie, jak wersje webowe! W tym Kursie dowiedz się jak wykorzystać tę technologię, tak, by już wkrótce być w stanie stworzyć swoją pierwszą aplikację mobilną.

  1. Konfiguracja środowiska i zrozumienie tego, jak działa React Native
  2. Omówienie komponentów i różnic względem web
  3. Zrozumienie i obsługa nawigacji
  4. Tworzenie animacji przy zachowaniu pełnej wydajności
  5. Cachowanie danych i podejście offline-first

Witaj w świecie mobile!

Zarówno iOS jak i Android posiadają swoje natywne SDK, do obsługi którego musimy poznać nowe języki - Swift czy Kotlin, o Objective-C czy Javie nie wspominając. Z kolei React Native jest do tego świetną alternatywą, która pozwala tworzyć jeden kod na obie platformy. Dodatkowo - bazuje na najpopularniejszym frameworku webowym, co znacząco zmniejsza próg wejścia.

Komponenty

Tak samo jak "czysty" React, React Native opiera się na komponentach. Poznasz ich specyfikę i nauczysz się poprawnie budować UI aplikacji. Zrozumiesz też jak najwydajniej zarządzać skomplikowanym layoutem, takim jak długie listy, i jak to wszystko łatwo stylować.

Animacje

Animacje to nie tylko efekty przyjemne dla oka - to przede wszystkim dobry UX, który pozwala użytkownikowi odnaleźć się w aplikacji i zrozumieć jej mechanikę. Podczas kursu poznasz wszystkie podstawowe metody i koncepcje tworzenia animacji oraz poznasz sposoby optymalizacji ich działania. Dodatkowo omówimy prawidłowe podejście do dużo bardziej skomplikowanych interaktywnych animacji, przedstawimy ciekawe biblioteki oraz best-practices.

Nawigacja

Praktycznie każda aplikacja, niezależnie od tego, czy web, czy mobile, składa się z wielu widoków i ekranów. Zarządzanie ścieżkami, jakimi użytkownik może się poruszać, to jedna z najważniejszych rzeczy - a w tym kursie dowiesz się jakich narzędzi należy używać i jak łatwo obsługiwać zagnieżdżone ekrany.

Offline-first

Niewątpliwym atutem aplikacji jest to, że może praktycznie bez ograniczeń przechowywać content w urządzeniu telefonu, a przez to - dostarczać treści niezależnie od dostępności internetu. Omówimy różne koncepcje zapisywania danych oraz poznamy metody i narzędzia do ich wdrażania.

Deployment

Przybliżymy ci proces wypuszczania aplikacji "w świat" oraz przedstawimy narzędzia, z których sam autor korzysta do ułatwienia tego procesu.

Dla kogo jest ten kurs?

Kurs jest dla każdego kto zna podstawy JavaScript oraz React i chciałby się rozwijać i tworzyć mega ciekawe projekty, które mogą używać aparatu czy sensorów smartfona.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
31 minut

Formularze w Gatsby.js

Z Firebase i SendGrid

W tym Warsztacie w ciągu zaledwie 30 minut dowiesz się, jak stworzyć prosty i bezpieczny mechanizm wysyłania maili przez formularz osadzony na stronie internetowej. A wystarczą do tego trzy kroki - przekonaj się jakie!

Adam Romanski

4 godziny 29 minut

Kurs Gatsby.js

Szybkie i Nowoczesne Strony

# Wielki Gatsby Gatsby.js wdarł się na frontendowe salony niczym prawdziwa gwiazda! Unikalne rozwiązania dające ogromną swobodę developerom, w połączeniu z potężnym ekosystemem reactowym sprawiły, że już dawno żadna technologia nie wzbudziła takiego entuzjazmu i zainteresowania. Bądź na bieżąco z najnowszymi frontendowymi trendami i dowiedz się, na czym polega sekret tej fenomenalnej technologii. W kursie dowiesz się w jaki sposób poprawnie używać Gatsbyego, jak działa jego routing, w jaki sposób obsługiwać obrazki przy użyciu GraphQL, a także jak budować warstwę danych zasilającą aplikację w odpowiednie treści.

Adam Romanski

6 godzin 6 minut

Kurs React

Techniki Zaawansowane

Higher Order Components, Render Props, Compound Components... React pełen jest wzorców i narzędzi, których nazwy potrafią przyprawić o ból głowy. Właśnie po to, by uniknąć tego przytłoczenia, został przygotowany ten kurs. Skupimy się w nim praktycznie wyłącznie na React'cie, który mimo że jest niepozorną biblioteką, to kryje w sobie ogromny potencjał i jeszcze większą swobodę działania dla developera. W dużych, komercyjnych aplikacjach wzorce, o których wspominamy, pojawiają się niesłychanie często, a ich poprawne zrozumienie to jedyna droga do tego, abyśmy nie czuli się nieswojo patrząc na nieco bardziej skomplikowany kod.

Adam Romanski

6 godzin 51 minut

Kurs React

w Praktyce

Wiele materiałów dostępnych w sieci zawiera wskazówki jak używać Reacta, jednak brakuje im praktycznego wymiaru. Stosowanie tej technologii w prawdziwym projekcie nieco różni się od prostych przykładów, które na ogół możemy znaleźć. Tak powstał pomysł na kurs React w Praktyce, w którym dowiesz się, z jakich technologii React developerzy korzystają na co dzień, jak konfigurują projekty, jak radzą sobie z problemami zarówno wynikającymi ze skomplikowania interfejsu, jak i logiki biznesowej zawartej w aplikacji.

Adam Romanski

30 minut

Hooks w React

Twórcy Reacta już jakiś czas temu oddali w ręce developerów potężne hooksy – rozwiązanie, które pewnego dnia może zastąpi komponenty klasowe. Zanim jednak wybiegniemy w przyszłość aż tak daleko, warto je po prostu poznać i zrozumieć. Zapraszam na warsztaty o podstawach React Hooks, podczas których pokażę kilka praktycznych zastosowań hooksów, dzięki którym lepiej zrozumiesz, czym tak naprawdę są i dlaczego tak wiele osób o nich mówi. Dowiesz się w jaki sposób możesz tworzyć stan w komponentach funkcyjnych przy użyciu hooka useState(), a także pokażę Ci, jak w prosty sposób możesz wykorzystywać useRef() do tworzenia refów, tak przydatnych podczas pracy z bibliotekami manipulującymi DOM.

Adam Romanski

4 godziny 55 minut

Kurs React

od Podstaw

Od kilku lat React niepodzielnie króluje wśród frameworków JavaScript. Ogromna swoboda jaką daje, intuicyjny sposób tworzenia komponentów i potężny ekosystem wspierający developera niemal w każdej sytuacji, to niewątpliwie największe zalety tej technologii. W tym kursie dowiesz się, w jaki sposób wycisnąć w Reacta jak najwięcej. Odkryjesz jego prawdziwy potencjał i dogłębnie poznasz zagadnienia, które stanowią trzon tego frameworka. Aby zrozumieć rzeczy zaawansowane, należy solidnie opanować podstawy – w tym własnie chcę Ci pomóc.

Adam Romanski

Autor: Piotr Szaciński

Hej! Programuje od 15 lat, a mobile zajmuje się od prawie 10. To nie tylko programowanie, ale cały ekosystem, trendy jak messenger/superapps, PWA, itp. Od 3 lat jestem odpowiedzialny za dział mobile w firmie Panowie Programiści oraz pomagam różnym firmom w tym jak używać tego kanału i maksymalnie go wykorzystywać. Bywam również mentorem na meetupach organizowanych przez DevMeetings. Jeszcze w trakcie studiów na Politechnice Warszawskiej zaczynałem interesować się Androidem i Javą jeszcze w wersji 2.3. Potem przesiadłem się na iOS od wersji 7 (objective-c), a obecnie zajmuje się głównie technologiami JS - React/React Native i generalnie MERN.

3.0

Średnia ocen autora

Recenzje Kurs React Native

3

2 dodanych ocen

2020-07-05

Witam! Jestem stałym słuchaczem eduweb.pl od prawie roku. Przerobiłem już dawno wszystkie kursy z React'a i na nim aktualnie pracuję. Ze sporym entuzjazmem podszedłem do tego kursu i trochę brakuje mi paru rzeczy, kurs od momentu "Nawigacja" stał się strasznie chaotyczny i każdy temat został tylko powierzchownie poruszony. Mam nadzieję, że kurs doczeka się 'sequela' gdzie będą bardziej szczegółowo rozjaśnione pewne kwestie. Np. jak mogę po prostu po kliknięciu buttona "przejść" na innego route'a zostawiając poprzedni w niepamięci. Fajnie jakby też kwestia Realma była szerzej omówiona... Nie podoba mi się też w tym kursie, że aplikacja którą tworzysz jest po prostu brzydka i mało sensowna. Można było się chociaż trochę przyłożyć i przygotować sobie jakiś wcześniejszy zarys aplikacji i design - bo to wygląda jakby było wymyślane w trakcie nagrywania... Liczę na kontynuację gdzie zobaczymy jakąś wcześniej przygotowaną aplikację pisaną w praktyce + szersze omówienie paru kwestii :)

Ernest

2020-07-17

Czekam na dalsze części kursu, gdzie najlepiej jak będzie zrobiona pełnoprawna aplikacja :)

Dawid Piwko

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Piotr Szaciński

Czas: 5 godzin 51 minut

Wersja: 0.62.2+

Aktualizacja: 2020-06-23

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp do mobile

  • Wprowadzenie

  • Wstęp do mobile

Jak działa RN

  • Jak działa React Native?

Wprowadzenie do RN

  • Pierwszy projekt w Expo

  • Struktura projektu Expo

  • React Native CLI

  • Xcode

  • Android Studio

  • Narzędzie do debugowania

Komponenty i stylowanie

  • Główne komponenty

  • Stylowanie (StyleSheet)

  • StyledComponents

  • Buttony

  • TextInput

  • Flexbox

Platform specific code

  • Platform specific code

Listy

  • ScrollView

  • FlatList

  • Optymalizacja FlatList

WebView

  • Dynamic (apka Hybrydowa)

  • Static (HTML)

Nawigacja

  • react-navigation / nawigatory

  • Tab navigation

  • Stack navigation

  • Nested navigators

Animacje

  • Animated

  • Native driver

  • Animated.sequence

  • Animated.loop

  • Animated.interpolate

  • Animatable

  • Animacje interaktywne (scroll)

  • Zaawansowane animacje

Offline first

  • Offline First - co to znaczy

  • AsyncStorage basics

  • AsyncStorage list

Deployment

  • Android, signing, apk vs bundle

  • iOS profiles, scheme

  • Firebase tools

  • Fastlane

Podsumowanie

  • Zakończenie