React and React Native Basic
toggle menu
Hacktiv8 Team

React and React Native Basic

Pelajari Modern JavaScript sebagai dasar fundamental React: mulai dari website dengan React, pengambilan data dari server, state dan props, Redux, hingga optimisasi atomic dan Server-Side Rendering.
Hacktiv8 Team
Pelajari Modern JavaScript sebagai dasar fundamental React: mulai dari website dengan React, pengambilan data dari server, state dan props, Redux, hingga optimisasi atomic dan Server-Side Rendering.

Kurikulum Course

  • 1

    Sesi 1 - Pengenalan Modern Javascript, Variable Declaration, Array (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 1: Intro to Modern JavaScript

    • Feedback

  • 2

    Sesi 2 - Destructuring Object, This Keyword, Arrow Function, Functional Javascript (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 2: Intro to JavaScript (lanjutan)

    • Sesi 2: Assignment 1

    • Sesi 2: Homework

    • Lampiran 1: Sesi 2 - Homework

    • Feedback

  • 3

    Sesi 3 - Class in ES6, Javascript Modules, Promise, Exercise Promise, Exercise ES6 Class (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 3: Class in ES6

    • Sesi 3: Homework

    • Lampiran 1: Sesi 3 - Homework

    • Feedback

  • 4

    Sesi 4 - Pengenalan React, Mindset Component, Aliran Data Satu Arah, First React Component, Our First React App (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 4: Intro to React

    • Sesi 4: Homework

    • Lampiran 1: Panduan Layout QTemu App

    • Feedback

  • 5

    Sesi 5 - Data Flow di React, PropTypes, Atomic Design (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 5: Data Flow in React

    • Sesi 5: Homework

    • Feedback

  • 6

    Sesi 6 - Statefull & Stateless Component, Hooks Concept, Exercise (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 6: Stateful & Stateless Component, dan React Hooks

    • Sesi 6: Assignment 2

    • Feedback & Survey Satisfaction

  • 7

    Sesi 7 - React Component Lifecycle, Fetch Data, dan Study Case (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 7: React Component Lifecycle, Fetch Data, dan Study Case

    • Feedback

  • 8

    Sesi 7 - Styling Component, UI Frameworks, Styling App (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 7: Component Styling, UI Frameworks, Styling Your App

    • Feedback

  • 9

    Sesi 8 - Single Page App with React Router, Qtemu with single app (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 8: Single Page Application dengan React Router

    • Lampiran: Sesi 8

    • Sesi 8: Assignment

    • Lampiran: Sesi 8 Assignment

    • Feedback

  • 10

    Sesi 9 - React with Tailwind CSS and Exercise (00:00)

    • Latihan Bersama

    • Lampiran Exercise

  • 11

    Sesi 10 - State Management with redux, Connect React with redux, Exercise Qtemu with redux (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 10: Redux sebagai State Management, Menyambungkan Redux ke dalam React

    • Lampiran 1: Redux dalam HTML

    • Feedback

  • 12

    Sesi 11 - Redux Middleware, Qtemu Async Redux (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 11: Redux Middleware - Redux Logger & Redux Thunk, Login Study Case

    • Lampiran 1: Login dengan React dan Redux

    • Feedback

  • 13

    Sesi 12 - Server Side Rendering Concept (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 12: Server-Side Rendering

    • Feedback

  • 14

    Sesi 13 - Testing ReactJS, Deploying React App, Deploy Qtemu App (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 13: Test & Deploy React Application

    • Feedback

  • 15

    Sesi 14 - Perkenalan React Native, React and React Native (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 14: Intro to React Native

    • Lampiran 1: React Native in Action

    • Feedback

  • 16

    Sesi 15 - Styling and Layouting React Native, Persiapan Final Project (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 15: Styling & Laying Out di React Native, Tools untuk Debugging

    • Lampiran 1: Handling TextInput

    • Lampiran 2: Contoh ScrollView

    • Lampiran 3: Contoh FlatList

    • Lampiran 4: Contoh FlatList - Hasil Akhir

    • Feedback

  • 17

    Sesi 16 - Final Project (00:00)

    • Link Absensi Peserta dan Pengajar

    • Sesi 16: Final Project

    • Lampiran 1: Final Project

    • Course Feedback

Prasyarat

Menunggu data...

Instructor

Hacktiv8 Team

certificate-thumbnail

Sertifikat untuk Course ini

Sertifikat kelulusan akan diberikan sebagai penghargaan dan bukti bahwa kamu telah menyelesaikan course ini. Sertifikat ini dapat digunakan untuk menambah nilai CV kamu.