Course Curriculum
1. Intro | |||
1. Introduction | 00:00:00 | ||
2. What is React Native | 00:00:00 | ||
3. Starting with RN | 00:00:00 | ||
4. Installing tools ( MAC USERS ) | 00:00:00 | ||
5. Installing tools ( WINDOWS USERS ) | 00:00:00 | ||
6. Installing ANDROID STUDIO ( Mac and Win users ) | 00:00:00 | ||
2. Running apps on simulators | |||
1. Running on Expo | 00:00:00 | ||
2. Ejecting expo apps | 00:00:00 | ||
3. Running Android simulator ( WIN and MAC users ) | 00:00:00 | ||
4. Windows environment variables ( WIN users ) | 00:00:00 | ||
5. Running IOS simulator ( MAC users ) | 00:00:00 | ||
3. Starting with react native | |||
1. First look at the structure | 00:00:00 | ||
2. Styles, Views and Text | 00:00:00 | ||
3. Components and State | 00:00:00 | ||
4. Buttons and touch events | 00:00:00 | ||
5. More on touchables | 00:00:00 | ||
6. Handling inputs | 00:00:00 | ||
7. Adding users to the list | 00:00:00 | ||
8. Using the Scrollview | 00:00:00 | ||
9. The picker component | 00:00:00 | ||
10. The Slider component ( 0.58.6 ) | 00:00:00 | ||
11. Activity indicator | 00:00:00 | ||
12. Working with images | 00:00:00 | ||
13. Using Modals | 00:00:00 | ||
Code Sample | 00:00:00 | ||
4. React Navigation | |||
1. Intro to react navigation | 00:00:00 | ||
2. Installing R.Navigation and running Sim | 00:00:00 | ||
3. Stack navigator and linking screens | 00:00:00 | ||
4. Navigation params | 00:00:00 | ||
5. Customizing the Header Bar | 00:00:00 | ||
6. Adding logos to headers | 00:00:00 | ||
7. Creating a Side-drawer | 00:00:00 | ||
8. More on Side-drawer | 00:00:00 | ||
9. Custom component for Side-drawer | 00:00:00 | ||
10. Creating a bottom Navigation | 00:00:00 | ||
11. Tab Navigation-Options | 00:00:00 | ||
12. Combining navigation types. | 00:00:00 | ||
5. Using phone resources | |||
1. Installing Image picker ( link ) | 00:00:00 | ||
2. If image picker fails, manual install | 00:00:00 | ||
3. Using camera and photo library | 00:00:00 | ||
4. Installing RNative contacts | 00:00:00 | ||
5. Getting contacts | 00:00:00 | ||
6. Adding contact and opening form | 00:00:00 | ||
7. installing RNative vector icons | 00:00:00 | ||
8. Using RNative vector icons | 00:00:00 | ||
6. Other RN aspects | |||
1. React native debugger | 00:00:00 | ||
2. Reusing components and styles | 00:00:00 | ||
3. More on the platform | 00:00:00 | ||
4. Dimensions | 00:00:00 | ||
5. Device info 3rd party library | 00:00:00 | ||
7. Aminations | |||
1. Creating XY animations | 00:00:00 | ||
2. Easing and triggers | 00:00:00 | ||
3. Not XY animations | 00:00:00 | ||
4. Interpolation | 00:00:00 | ||
5. Sequence and timing animations | 00:00:00 | ||
Sampe Code | 00:00:00 | ||
8. A little bit of Redux | |||
1. Connecting Redux | 00:00:00 | ||
2. Dispatching an action | 00:00:00 | ||
3. Connecting the devtools | 00:00:00 | ||
Code Sample | 00:00:00 | ||
9. Practice project NBA app | |||
1. Project overview | 00:00:00 | ||
2. Installing react and dependencies | 00:00:00 | ||
3. Setting up Redux | 00:00:00 | ||
4. Adding React navigation | 00:00:00 | ||
5. Adding React navigation ..continued | 00:00:00 | ||
6. Login logo and background | 00:00:00 | ||
7. Form reusable inputs | 00:00:00 | ||
8. Finishing inputs and error state | 00:00:00 | ||
9. Adding the buttons | 00:00:00 | ||
10. Adding validation | 00:00:00 | ||
11. Finishing validation | 00:00:00 | ||
12. Submitting the form | 00:00:00 | ||
13. Using redux before server | 00:00:00 | ||
14. Sign up the user | 00:00:00 | ||
15. Sign in user | 00:00:00 | ||
16. Saving the token on the storage | 00:00:00 | ||
17. Adding the Auto sign in | 00:00:00 | ||
18. Styling the header tab | 00:00:00 | ||
19. Icons and style on the bottom bar | 00:00:00 | ||
20. Icons and style on the bottom bar – part two | 00:00:00 | ||
21. Preparing the news | 00:00:00 | ||
22. Showing News cards | 00:00:00 | ||
23. Finishing the News cards | 00:00:00 | ||
24. Installing and using fonts | 00:00:00 | ||
25. Creating the News article | 00:00:00 | ||
26. Getting the games from F.Base | 00:00:00 | ||
27. Getting the games from F.Base – part 2 | 00:00:00 | ||
28. Finishing the games main screen | 00:00:00 | ||
29. Creating the Games Video screen | 00:00:00 | ||
30. Finishing the Games video screen | 00:00:00 | ||
10. React Basics | |||
1. Installing Node and creating an App | 00:00:00 | ||
2. The bundle | 00:00:00 | ||
3. Starting to code !! | 00:00:00 | ||
4. JSX Behind the scenes | 00:00:00 | ||
5. Importing components | 00:00:00 | ||
6. Types of components | 00:00:00 | ||
7. Adding styles | 00:00:00 | ||
8. Events | 00:00:00 | ||
9. State | 00:00:00 | ||
10. Starting with props | 00:00:00 | ||
11. Starting with props…continued | 00:00:00 | ||
12. Props to a Class | 00:00:00 | ||
13. React children | 00:00:00 | ||
14. More with styles | 00:00:00 | ||
15. Styles plugins | 00:00:00 | ||
16. Filter the news | 00:00:00 | ||
11. React Routes | |||
1. Installing Router | 00:00:00 | ||
2. How it works and creating components | 00:00:00 | ||
3. Using routes | 00:00:00 | ||
4. Linking | 00:00:00 | ||
5. Working with params | 00:00:00 | ||
6. Other features from React Router | 00:00:00 | ||
7. Switch | 00:00:00 | ||
8. Redirections | 00:00:00 | ||
9. 404 and withRouter | 00:00:00 | ||
Sample Code | 00:00:00 | ||
12. React intermediate Intermediate | |||
1. Component lifecycles | 00:00:00 | ||
2. Component lifecycles 2 | 00:00:00 | ||
3. Conditional rendering | 00:00:00 | ||
4. Pure components | 00:00:00 | ||
5. Adjacent elements | 00:00:00 | ||
6. Hoc’s ( High order components ) | 00:00:00 | ||
7. Hoc’s …continued | 00:00:00 | ||
Sample Code | 00:00:00 | ||
13. React Transitions | |||
1. Using transitions | 00:00:00 | ||
2. Using transitions….continued | 00:00:00 | ||
3. CSS Transitions | 00:00:00 | ||
4. Transition group | 00:00:00 | ||
Code sample | 00:00:00 | ||
14. React More on react | |||
1. Proptypes | 00:00:00 | ||
2. Proptypes…continued | 00:00:00 | ||
3. Controlled components | 00:00:00 | ||
Code Sample | 00:00:00 | ||
15. React Redux | |||
1. Redux introduction | 00:00:00 | ||
2. Creating the store | 00:00:00 | ||
3. The Redux flow | 00:00:00 | ||
4. Combining reducers | 00:00:00 | ||
5. Creating a valid reducer | 00:00:00 | ||
6. Creating actions | 00:00:00 | ||
7. map-state-to-props and connect | 00:00:00 | ||
8. Map-dispatch-to-props | 00:00:00 | ||
9. Types | 00:00:00 | ||
10. Using middleware | 00:00:00 | ||
11. Redux practice – Creating the project | 00:00:00 | ||
12. Redux practice – routes and redux | 00:00:00 | ||
13. Redux practice – Home | 00:00:00 | ||
14. Redux practice – Filter the home list | 00:00:00 | ||
15. Redux practice – Artist section | 00:00:00 | ||
16. Redux practice – Clearing artist data | 00:00:00 | ||
Code Sample | 00:00:00 | ||
16. React Hooks | |||
1. Introduction to Hooks | 00:00:00 | ||
2. The useState Hook | 00:00:00 | ||
3. The useState Hook ….continued | 00:00:00 | ||
4. The useEffect Hook | 00:00:00 | ||
5. The useReducer Hook | 00:00:00 | ||
6. Preparing the app with Context | 00:00:00 | ||
7. Context and useContext | 00:00:00 | ||
Code Sample | 00:00:00 | ||
17. Introduction ( LEGACY ) | |||
1. Project overview | 00:00:00 | ||
2. Installing Node JS | 00:00:00 | ||
3. IDE | 00:00:00 | ||
4. Installing the CLI – MAC users | 00:00:00 | ||
5. installing the CLI – WINDOWS users | 00:00:00 | ||
6. Using EXPO | 00:00:00 | ||
7. Ejecting the App | 00:00:00 | ||
8. Running the ANDROID simulator – WINDOWS and MAC users | 00:00:00 | ||
9. Environment variables – WINDOWS users only | 00:00:00 | ||
10. IOS simulator – MAC users only | 00:00:00 | ||
18. The basics ( LEGACY ) | |||
1. Starting with react native | 00:00:00 | ||
2. Styles and views | 00:00:00 | ||
3. Custom components and state | 00:00:00 | ||
4. Touch events | 00:00:00 | ||
5. Touch events continued… | 00:00:00 | ||
6. Text Inputs | 00:00:00 | ||
7. Using buttons | 00:00:00 | ||
8. Scrollview | 00:00:00 | ||
9. Picker and slider | 00:00:00 | ||
10. Activity indicator | 00:00:00 | ||
11. Adding images | 00:00:00 | ||
12. Modals | 00:00:00 | ||
19. Routing ( LEGACY ) | |||
1. Introduction | 00:00:00 | ||
2. Default React Navigation | 00:00:00 | ||
3. RNN – (3rd lib) – install | 00:00:00 | ||
4. RNN – Single screen app | 00:00:00 | ||
5. RNN- Tab base app | 00:00:00 | ||
6. RNN – Sidedrawer | 00:00:00 | ||
7. RNN – Navigator style | 00:00:00 | ||
20. Deep dive into React Native ( LEGACY ) | |||
1. Working with the camera and library | 00:00:00 | ||
2. Using Image picker | 00:00:00 | ||
3. React native contacts | 00:00:00 | ||
4. Using contacts | 00:00:00 | ||
5. RN vector icons | 00:00:00 | ||
6. Using RN vector icons | 00:00:00 | ||
7. Icons imagesources | 00:00:00 | ||
8. Debugging | 00:00:00 | ||
10. More on styles and reusable components | 00:00:00 | ||
11. The patform | 00:00:00 | ||
12. Dimensions | 00:00:00 | ||
21. Animations ( LEGACY ) | |||
1. Creating animations with RN | 00:00:00 | ||
2. Creating animations with RN | 00:00:00 | ||
3. interpolation | 00:00:00 | ||
4. Text animations | 00:00:00 | ||
5. Parallel and sequence animations | 00:00:00 | ||
22. Redux & Firebase ( LEGACY ) | |||
1. Redux intro | 00:00:00 | ||
2. Setting up redux | 00:00:00 | ||
3. Dispatching actions | 00:00:00 | ||
4. Firebase | 00:00:00 | ||
5. Storing data | 00:00:00 | ||
6. Storing in redux | 00:00:00 | ||
7. Fetching data | 00:00:00 | ||
8. Update and delete | 00:00:00 | ||
9. Registering users | 00:00:00 | ||
10. Login Users | 00:00:00 | ||
11. Refreshing tokens | 00:00:00 | ||
23. Sell it App-Practice Project ( LEGACY ) | |||
1. Intro | 00:00:00 | ||
2. Creating the project | 00:00:00 | ||
3. React native navigation, setting up | 00:00:00 | ||
4. Using navigation | 00:00:00 | ||
5. Adding Tabs | 00:00:00 | ||
6. Adding Redux | 00:00:00 | ||
7. Animating the Logo | 00:00:00 | ||
8. Animating the Logo continued … | 00:00:00 | ||
9. Animating the form | 00:00:00 | ||
10. Creating the Login form | 00:00:00 | ||
11. Creating the Login form…continued | 00:00:00 | ||
12. Adding buttons to the Login | 00:00:00 | ||
13. Adding validation | 00:00:00 | ||
14. Adding validation 2 | 00:00:00 | ||
15. Getting the formData | 00:00:00 | ||
16. Using Firebase Authentication | 00:00:00 | ||
17. Registering and Sign In | 00:00:00 | ||
18. Storing the tokens | 00:00:00 | ||
19. Creating an auto Sign In | 00:00:00 | ||
20. Creating an auto Sign In..continued | 00:00:00 | ||
21. Installing RN- icons | 00:00:00 | ||
22. Tabs and Side Drawer | 00:00:00 | ||
23. Tabs and Side Drawer..continued | 00:00:00 | ||
24. Side Drawer options | 00:00:00 | ||
25. Finishing Side Drawer | 00:00:00 | ||
26. Home horizontal scroll | 00:00:00 | ||
27. Finishing horizontal scroll | 00:00:00 | ||
28. Fetching articles from HOME | 00:00:00 | ||
29. Fetching articles from HOME 2 | 00:00:00 | ||
30. Fetching articles from HOME 3 | 00:00:00 | ||
31. Finishing HOME | 00:00:00 | ||
32. Creating the article views | 00:00:00 | ||
33. Finishing article views | 00:00:00 | ||
34. Not allowed view | 00:00:00 | ||
35. Add POST view, adding form elements | 00:00:00 | ||
36. Add POST view, adding form elements 2 | 00:00:00 | ||
37. Add POST view, adding form elements 3 | 00:00:00 | ||
38. Add POST view, using modals | 00:00:00 | ||
39. Add POST view, posting article | 00:00:00 | ||
40. Add POST view, posting article ..continued | 00:00:00 | ||
41. User POSTS, getting user posts | 00:00:00 | ||
42. User POSTS, getting user posts..continued | 00:00:00 | ||
43. User POSTS, deleting posts | 00:00:00 | ||
44. User POSTS, deleting posts 2 | 00:00:00 | ||
45. User POSTS, deleting posts 3 | 00:00:00 | ||
46. Launcher icons – ANDROID | 00:00:00 | ||
47. Launcher icons – IOS | 00:00:00 | ||
48. Splash screen – ANDROID | 00:00:00 | ||
49. Splash screen – IOS | 00:00:00 | ||
Code Sample | 00:00:00 | ||
24. BONUS React for WEB mini course ( LEGACY ) | |||
1. Boilerplate | 00:00:00 | ||
2. Bundle and structure | 00:00:00 | ||
3. Rendering | 00:00:00 | ||
4. JSX | 00:00:00 | ||
5. Structure and exporting | 00:00:00 | ||
6. Dynamic Data | 00:00:00 | ||
7. Functional and class based components | 00:00:00 | ||
8. Adding some style | 00:00:00 | ||
9. Events | 00:00:00 | ||
10. A little bit more of classes | 00:00:00 | ||
11. React state | 00:00:00 | ||
12. Using props | 00:00:00 | ||
13. Using props 2 | 00:00:00 | ||
14. Using props 3 | 00:00:00 | ||
15. Children props | 00:00:00 | ||
16. More on styles | 00:00:00 | ||
17. Using CSS modules | 00:00:00 | ||
18. Filtering state | 00:00:00 | ||
19. Routes installing it | 00:00:00 | ||
20. Routes Adding routes | 00:00:00 | ||
21. Routes Linking | 00:00:00 | ||
22. Routes Params and URL’s | 00:00:00 | ||
23. Routes Switch | 00:00:00 | ||
24. Routes Redirections | 00:00:00 | ||
25. React Lifecycles | 00:00:00 | ||
26. React Lifecycles ..continued | 00:00:00 | ||
27. Conditional rendering | 00:00:00 | ||
28. Pure components | 00:00:00 | ||
29. Returning arrays | 00:00:00 | ||
30. HOC’s | 00:00:00 | ||
31. HOC’s …continued | 00:00:00 | ||
33. React transitions | 00:00:00 | ||
34. React transitions 2 | 00:00:00 | ||
35. CSS transitions | 00:00:00 | ||
36. Transition group | 00:00:00 | ||
37. Proptypes | 00:00:00 | ||
38. Proptypes 2 | 00:00:00 | ||
39. Refs | 00:00:00 | ||
40. Controlled and uncontrolled | 00:00:00 | ||
41. Form template | 00:00:00 | ||
42. Form template 2 | 00:00:00 | ||
43. Form template 3 | 00:00:00 | ||
44. Adding textarea and select | 00:00:00 | ||
45. Validation | 00:00:00 | ||
46. Validation 2 | 00:00:00 | ||
47. REDUX Installing and connecting | 00:00:00 | ||
48. REDUX Reducers | 00:00:00 | ||
49. REDUX Action creators | 00:00:00 | ||
50. REDUX Dispatch | 00:00:00 | ||
51. REDUX Containers | 00:00:00 | ||
52. REDUX PRACTICE Intro and setup | 00:00:00 | ||
53. REDUX PRACTICE Adding redux to home | 00:00:00 | ||
54. REDUX PRACTICE Finishing home and adding the artist view | 00:00:00 | ||
55. REDUX PRACTICE Fixing issues | 00:00:00 | ||
Code Sample | 00:00:00 |
Course Reviews
No Reviews found for this course.
4 STUDENTS ENROLLED