0% found this document useful (0 votes)
4 views2 pages

React JS

The document outlines a curriculum calendar for a web development program, detailing the schedule of onboarding, live classes, self-learning, and mini classes from September to December. It covers various topics including HTML, CSS, JavaScript, React, and algorithms, along with assignments and projects. The program culminates in a capstone project and grading period at the end of December.

Uploaded by

Eriz Windzky
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views2 pages

React JS

The document outlines a curriculum calendar for a web development program, detailing the schedule of onboarding, live classes, self-learning, and mini classes from September to December. It covers various topics including HTML, CSS, JavaScript, React, and algorithms, along with assignments and projects. The program culminates in a capstone project and grading period at the end of December.

Uploaded by

Eriz Windzky
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Curriculum Calendar RFWD

W# Chapter Date Type Sesi Title Detail


0 Onboarding Fri, 06 Sep Onboarding 0 Onboarding All Students from All Program Preparation before class starting
Introduction Web Developer Certificate Program
Mengenal Komponen Website
Mon, 09 Sep Live Class 1 Komponen Website, Memahami Konsep HTML, Membuat File HTML Memahami Konsep HTML
Membuat File HTML
Latihan HTML
Membuat Project HTML & CSS
Tue, 10 Sep Live Class 2 Pengenalan CSS, Membuat Project HTML & CSS
Latihan CSS
- Berkenalan dengan buddy
- Mengerjakan IBM SkillsBuild bersama
Wed, 11 Sep Live Class 3 Web Development Basics - IBM SkillsBuild
1 Untuk IBM Account dapat disarankan ke murid untuk
menggunakan Google Sign In / Membuat akun IBM

Thu, 12 Sep Self Learning 4 Assignment 1 : Understand Flexbox & Grid


Basic Web
Development
Panduan slide pada kode.id
Fri, 13 Sep Mini Class 5 Developing Sites for the Web - IBM SkillsBuild
Menggunakan IBM Skillsbuild
Mon, 16 Sep
Panduan slide pada kode.id
Tue, 17 Sep Live Class 6
Introduction to HTML and CSS - IBM SkillsBuild Menggunakan IBM Skillsbuild
Mengenal CLI, Git, Github
2 Wed, 18 Sep Live Class 7
Learning Git and GitHub Basics Remote Repository
Thu, 19 Sep Self Learning 8 Assignment 2 : Simple Birthday Page
Fri, 20 Sep Mini Class 9 Menyusun Layout UI & Framework CSS Bootstrap Menggunakan Bootstrap untuk men styling halaman HTML
Static Website
Mon, 23 Sep Live Class 10 Github Pages
Deployment with Github Pages Deploy Static Website with Github Pages
Panduan slide pada kode.id
Tue, 24 Sep Live Class 11
Your Future in Web Development: The Job Landscape - SkillsBuild Menggunakan IBM Skillsbuild
Algoritma, Pseudocode & Flowchart
3
Pengenalan JavaScript
Wed, 25 Sep Live Class 12
Tipe Data JavaScript
Introduction to JavaScript Operator Aritmatika
Panduan slide pada kode.id
Thu, 26 Sep Self Learning 13
Bringing Websites to Life with JavaScript - IBM SkillsBuild Menggunakan IBM Skillsbuild
Fri, 27 Sep Mini Class 14 Review Material
Syntax if
Switch Case
Mon, 30 Sep Live Class 15 Conditional & Looping in JavaScript
Looping Counted
Looping Uncounted
Data Type Structure
Array
Tue, 01 Oct Live Class 16 Array & Object Array Multidimensi
4 Object Literal
Challenge : Array of Object
Function
Wed, 02 Oct Live Class 17
Function, Arrow Function Arrow Function
Thu, 03 Oct Self Learning 18 Assignment 3
Event
Fri, 04 Oct Mini Class 19 DOM Manipulation & Exercise Memahami konsep DOM
Memahami konsep Event & DOM

Implementasi Latihan Logika Programming dengan Javascript :


Mon, 07 Oct Live Class 20 - Mencari duplikat
Logic Exercise With JavaScript
- Mencari unique
- Menghitung dari data array of object
Logika Javascript
Selection Sort
Insertion Sort
Tue, 08 Oct Live Class 21
Merge Sort
Linear Search
Algoritma Sorting & Search Binary Search

5 Introduction to Class & Instance


Inheritance
Modern Wed, 09 Oct Live Class 22 ES6 Built-in Method For Array
JavaScript & - Map
- Filter
Algoritma Object Oriented Programming & ES6 Built-in Method - Reduce
Panduan slide pada kode.id
Thu, 10 Oct Self Learning 23
Website Testing and Deployment - IBM SkillsBuild Menggunakan IBM Skillsbuild
Mempelajari cara pakai Local Storage
Implementasi feature menambahkan data (create)
Fri, 11 Oct Mini Class 24 Regex & CRUD with LocalStorage Implementasi feature membaca data (read)
Implementasi feature mengubah data (update)
Implementasi feature menghapus data (delete)
Async Handling
Callback
Mon, 14 Oct Live Class 25 CallBack, Promise, Async/Await
Promise
Async Await
JSON
Pengenalan AJAX
Tue, 15 Oct Live Class 26 JSON dan AJAX Fetch API
Fetch API
Exercise
6
Debug
Testing
Tipe Testing
Wed, 16 Oct 27
Unit Testing Tools
Deployment
Live Class Testing & Deployment Project Web Development
Thu, 17 Oct Self Learning 28 Assignment 4
Fri, 18 Oct Mini Class 29 Review Assignment
Assignment 1 Simple Birthday Page & Understand Flexbox
Grid
Assignment 2 Personal Website
Mon, 21 Oct
Assignment 3 JavaScript Logic
Assignment 4 My Todos
7 BUFFER Submission IBM
Tue, 22 Oct
Wed, 23 Oct
7
Curriculum Calendar RFWD
BUFFER

W# Chapter Date Type Sesi Title Detail


Thu, 24 Oct
Fri, 25 Oct
Pengenalan React
Mindset Component
Mon, 28 Oct Live Class 30 Intro to React Aliran Data Satu Arah
First React Component
Our First React App
Data Flow di React
Tue, 29 Oct Live Class 31 Statefull dan Stateless Component
PropTypes
8 Hooks Concept
Exercise
Fetch Data dengan React
Wed, 30 Oct Self Learning 32 React Component Lifecycle & Fetch Data
Exercise: Getting Data from Cloud
Exercise Money Exchange (diajarkan di kelas dan disubmit
sebagi assigment 6)
Thu, 31 Oct Self Learning 33 Assignment 5: Qtemu App
Fri, 01 Nov Mini Class 34 Review Assignment 5
Atomic Design
Mon, 04 Nov Live Class 35 Styling Component, UI Frameworks, Styling App UI Frameworks
Styling App
Single Page App with React Router
Tue, 05 Nov Live Class 36 Single Page App with React Router Qtemu with single app
9 React JS Inform Assignment 7
State Management with redux
Wed, 06 Nov Self Learning 37 State Management with Redux Connect React with redux
Exercise Qtemu with redux
Thu, 07 Nov Self Learning 38 Assignment 6 Movie App
Fri, 08 Nov Mini Class 39 Oveview Material + Assignment 5 Review
Redux Middleware
Mon, 11 Nov Live Class 40 Redux Middleware
Qtemu Async Redux
Testing ReactJS
Deployment
Tue, 12 Nov Live Class 41 Testing & Deployment React App
10 Hosting Platform
Implementastion Deployment Vercel For React App
Wed, 13 Nov
Thu, 14 Nov
Fri, 15 Nov Assignment 5 Qtemu App
Mon, 18 Nov BUFFER Assignment 6 Money Exchange
Tue, 19 Nov Assigment 7 Movie App
11
Wed, 20 Nov
Thu, 21 Nov
Mon, 25 Nov Mentoring Capstone 42
Tue, 26 Nov Mentoring Capstone 43
12 Wed, 27 Nov Mentoring Capstone 44
Thu, 28 Nov Mentoring Capstone 45
Fri, 29 Nov Mentoring Capstone 46
Mon, 02 Dec Mentoring Capstone 47
Tue, 03 Dec Mentoring Capstone 48
13 Wed, 04 Dec Mentoring Capstone 49
Thu, 05 Dec Mentoring Capstone 50
Fri, 06 Dec Mentoring Capstone 51
Capstone Project Mon, 09 Dec Mentoring Capstone 52
CAPSTONE

Tue, 10 Dec Mentoring Capstone 53


14 Wed, 11 Dec Mentoring Capstone 54
Thu, 12 Dec Mentoring Capstone 55
Fri, 13 Dec Mentoring Capstone 56
Mon, 16 Dec Mentoring Capstone 57
Tue, 17 Dec Mentoring Capstone 58
15 Wed, 18 Dec Mentoring Capstone 59
Thu, 19 Dec Mentoring Capstone 60
Fri, 20 Dec Mentoring Capstone 61
Mon, 23 Dec
Tue, 24 Dec
16 Wed, 25 Dec
Grading Thu, 26 Dec GRADING CAPSTONE PROJECT
Fri, 27 Dec
Mon, 30 Dec
17
Tue, 31 Dec

You might also like