Selamat datang di phase 2, stage yang kalian tunggu-tunggu, dimana kita akan belajar dunia front end dan melakukan development fullstack dengan gabungan backend dari phase 1.

Di phase 2 ini kalian akan banyak belajar "sihir", sama seperti kalian menggunakan item-item dari pocket Doraemon. Semakin kalian banyak belajar item tersebut, semakin seru. Karena di front end ini dunia visual, belajar nya bakal lebih semangat karena hasil codingan kalian terlihat di layar. Item-item Doraemon ini sama saja seperti library-library front end yang kita pelajari, karena ada banyak sekali kombinasi framework + library di development front end.

Phase 2 ini terdiri dari 5 minggu yang mencakup berbagai aspek pengembangan front end, mulai dari fundamental hingga fullstack enhancement.

• HTML
• CSS
• Layouting Flexbox
• FlexBox Froggy
• Material Project:
  • Zexo Card
  • Zexo Ice Cream
• Logic Nolep: Pet Shop (HTML, CSS)
• jQuery
• AJAX
• Logic Nolep: Inventory System Registration & Login Form
• Local Storage
• Group Project Challenge: jQuery
• Explore Nolep
• Soft Skills: Good Presentation
• Deployment Frontend: Vercel

• Virtual DOM
• Basic React Concept
• Components Based Frontend
• LifeCycle
• React Hooks (State, UseEffect)
• Routing
• Navigation Guard
• Fetching Data (axios)
• Material Project: Pokemon Collection
• Public API
• Logic Nolep: React Project using public API
• TailwindCSS
• Logic Nolep: React Inventory System
• Group Project Challenge: Public API
• Soft Skills: Problem Solver

• Vite Introduction
• Learn Core Hooks (useRef, useContext, useCallback, useMemo)
• Advance React Concepts (rendering logic, reusable hooks, patterns, composition to avoid prop drilling)
• Stripe Payment Gateway
• Tanstack Query (handle data fetching, mutate and rehydrate)
• Global State Management: Redux
• CSS Framework (MUI)
• Portfolio Challenge: E-Commerce
• UI/UX Behavior
• More Tanstack (Tanstack Router, Tables, Form)
• Frontend Testing (Cypress)
• Clerk Authentication
• Explore Nolep: Layouting Grid
• Group Project Challenge: Stripe + Clerk Nolep
• Soft Skills: Self Marketing

• Next.js Basic Concept
• Pages and Navigation
• Assets and Metadata (next/image)
• Pre-rendering and Data Fetching (SSG, SSR)
• Dynamic Routes
• Next Auth
• TypeScript
• Translation (linquimacro, next-translate)
• Portfolio Challenge: Events App
• Explore Nolep: AI Tools
• Group Project Challenge: Next.js
• Soft Skills: Persistence and Patience

• PWA
• Realtime Concept (Web Sockets)
• Socket.IO
• Portfolio Challenge: Full Stack Chat App
• GraphQL
• Group Project Challenge: Multiplayer Game

Untuk cara submit tugas di phase 2 hampir sama seperti sebelumnya. Jika kalian sudah melihat thread ini, harusnya kalian sudah masuk ke organization phase 2 dan sudah bisa fork repo week1.

Dari habit phase 1, level kalian sekarang harusnya sudah bisa membaca dokumentasi sendiri atau self-learning. Di phase 2 ini, sebisa mungkin kalian harus speed up eksplorasi kalian karena akan banyak library yang perlu di-explore. Explore Nolep ini tugas yang bersifat wajib dan akan dinilai di phase 2. Porsi penilaian ini adalah 30%, jadi jangan sampai tidak mengerjakan Nolep explore.

Di phase 2 ini , gua ga cuman ngajarin praktikal dan teknis tentang front end saja. gua juga bakal ngajarin soft skills yang kalian harus pelajarin agar bisa jadi programmer yang baik.

Soft skills ini melengkapi kemampuan teknis seorang full stack developer, memungkinkan mereka ga cuman untuk menulis kode yang baik, tapi juga untuk berkontribusi secara efektif dalam lingkungan kerja yang dinamis, berkolaborasi dengan berbagai stakeholder, dan menghasilkan produk yang benar-benar memenuhi kebutuhan pengguna dan bisnis. Dalam banyak kasus, soft skills inilah yang membedakan seorang developer yang baik dengan yang luar biasa, dan sering menjadi faktor kunci dalam kemajuan karir.

Ini stage yang paling menyakitkan di phase 2, dimana kalian akan terus terusan berinovasi dan membuat project mengikuti perkembangan materi di setiap week. Stage ini akan melatih jam terbang kalian, karena pengalaman kolaborasi akan sangat berguna di karir kalian. kalian membiasakan diri untuk terjun langsung ke project" brutal layaknya kerja sebagai professional. Tools Tools yang kalian pakai juga sudah modern jadi maksimalkan perfom kalian di stage ini.

INI STAGE PALING KRUSIAL DI PENDIDIKAN RPN

Cara penilaian gua di phase 2 akan berbeda dari phase 1. disini explore dan tampilan akan sangat di nilai. jadi logic bukan prioritas disini. gua ga segan untuk revisi tampilan berkali kali untuk di phase 2.

100% score distribution

• UI -> 40%
• Explore -> 30%
• Public Speaking -> 20%
• Logic -> 10%

Good Luck kalian semua, gua tunggu di group project week1