Kurso sa Full Stack Developer

Aralin 1 • Paano Gumagana ang Web

Sinasaklaw ang mga HTTP request-response cycle, DNS resolution, at browser rendering pipeline. Itinatatag ang konseptuwal na backbone para sa bawat full-stack na desisyon na gagawin sa hinaharap.

Aralin 2 • Developer Tooling at Terminal Basics

Ipinapakilala ang command line, mga package manager, at code editor bilang pang-araw-araw na gamit na tool. Ang kahusayan dito ay nagpapabilis sa bawat susunod na hands-on na ehersisyo.

Aralin 3 • Istruktura ng Proyekto at Pamantayan sa Coding

Itinatatag ang mga kombensyon ng folder, mga panuntunan sa pag-lint, at mga pamantayan sa pag-format na ginagamit sa buong kurso. Ang pare-parehong istruktura ay nagbabawas ng cognitive load sa mga susunod na multi-file na proyekto.

Aralin 1 • Mga Flexbox at CSS Grid Layout

Itinuturo ang parehong sistema ng layout na may mga praktikal na use case para sa bawat isa. Ang mga mag-aaral ay bumubuo ng isang responsive na two-column at card-grid na layout gamit lamang ang CSS.

Aralin 2 • Mga Pundamental ng CSS at ang Box Model

Ipinapaliwanag ang mga selector, specificity, inheritance, at ang box model bilang batayan ng lahat ng visual na pag-iistilo. Ang mga mag-aaral ay nag-iistilo ng isang multi-section na pahina sa pagtatapos ng seksyon.

Aralin 3 • Responsive Design at Media Queries

Inilalapat ang mga prinsipyo ng mobile-first na disenyo at mga diskarte sa breakpoint sa mga tunay na layout. Iniaangkop ng mga mag-aaral ang isang desktop na disenyo upang gumana sa mga viewport ng telepono, tablet, at desktop.

Aralin 4 • Mga CSS Animation at Transition

Ipinapakilala ang mga keyframe animation at transition property upang magdagdag ng paggalaw nang walang JavaScript. Ikinokonekta ang visual na polish sa mga prinsipyo ng karanasan ng gumagamit na ipinakilala sa mga seksyon ng layout.

Aralin 1 • Mga Modyul at Modernong JavaScript Tooling

Ipinapakilala ang ES modules, mga bundler, at transpiler upang ihanda ang code para sa mga production environment. Ang mga mag-aaral ay nagko-configure ng isang Vite na proyekto at nag-i-import/nag-e-export sa maraming file.

Aralin 2 • Asynchronous na JavaScript

Ipinapaliwanag ang event loop, mga callback, Promises, at async/await para sa paghawak ng mga time-delayed na operasyon. Ang mga mag-aaral ay kumukuha ng datos mula sa isang pampublikong API at nire-render ito sa DOM.

Aralin 3 • Pangunahing Syntax ng JavaScript at Mga Uri ng Datos

Sinasaklaw ang mga variable, primitive, operator, at type coercion bilang mga building block ng lahat ng JS code. Ang pagkadalubhasa dito ay pumipigil sa mga pinakakaraniwang bug ng baguhan sa mga susunod na proyekto.

Aralin 4 • Control Flow at Mga Function

Itinuturo ang mga conditional, loop, at deklarasyon ng function kabilang ang mga arrow function at closure. Nire-refactor ng mga mag-aaral ang procedural na code sa mga magagamit muli, well-scoped na mga function.

Aralin 1 • Global State gamit ang Context at Reducers

Itinuturo ang Context API at useReducer para sa pagbabahagi ng state sa mga malalim na nested na component. Nire-refactor ng mga mag-aaral ang prop-drilled na state sa isang centralized context store.

Aralin 2 • Mga Pangunahing Konsepto ng React at JSX

Ipinapakilala ang component model, JSX syntax, at ang virtual DOM bilang mga pundamental na ideya ng React. Ang mga mag-aaral ay nagre-render ng component tree at nauunawaan kung paano ina-update ng React ang UI.

Aralin 3 • React Router at Navigation

Ipinapatupad ang client-side routing na may mga nested route, dynamic segment, at protected route. Ang mga mag-aaral ay nagdaragdag ng multi-page na navigation sa kanilang React application.

Aralin 4 • State Management gamit ang Hooks

Sinasaklaw ang useState, useEffect, at custom hooks para sa pamamahala ng local component state at side effects. Ang mga mag-aaral ay bumubuo ng isang interactive na form na may pagpapatunay at live feedback.

Aralin 1 • Mga Prinsipyo ng RESTful API Design

Inilalapat ang mga REST constraint upang magdisenyo ng pare-pareho, predictable na mga API endpoint na may wastong status code. Nire-refactor ng mga mag-aaral ang isang ad-hoc na API sa isang ganap na RESTful resource-based na istruktura.

Aralin 2 • Express Framework at Routing

Bumubuo ng mga nakabalangkas na Express application na may mga route handler, parameter ng ruta, at query string. Inaayos ng mga mag-aaral ang mga ruta sa magkakahiwalay na router file na sumusunod sa mga kombensyon ng REST.

Aralin 3 • Node.js Runtime at Mga Core Module

Ipinapaliwanag ang event-driven na arkitektura ng Node.js, sistema ng module, at mga built-in module para sa file at network I/O. Ang mga mag-aaral ay sumusulat ng mga script gamit ang fs, path, at http module.

Aralin 4 • Input Validation at Error Handling

Ipinapatupad ang schema-based validation at centralized error response upang patatagin ang API. Ang mga mag-aaral ay nagdaragdag ng validation middleware na nagbabalik ng nakabalangkas na mga mensahe ng error sa mga kliyente.

Aralin 1 • ORM Integration gamit ang Prisma

Ginagamit ang Prisma upang tukuyin ang mga schema, bumuo ng type-safe client, at magsagawa ng mga operasyong CRUD mula sa Node.js. Pinapalitan ng mga mag-aaral ang mga raw SQL query sa kanilang API ng mga tawag sa Prisma client.

Aralin 2 • NoSQL gamit ang MongoDB at Mongoose

Ipinapakilala ang document-oriented na data modeling at Mongoose schema para sa flexible, walang schema na imbakan. Ang mga mag-aaral ay bumubuo ng pangalawang API endpoint na sinusuportahan ng MongoDB upang ihambing sa SQL.

Aralin 3 • Pagpili at Pagkonekta ng mga Database

Inihahambing ang mga trade-off ng SQL at NoSQL at sinasaklaw ang connection pooling at environment-based configuration. Ang mga mag-aaral ay nagko-configure ng kanilang API upang lumipat ng database sa pamamagitan ng mga environment variable.

Aralin 4 • PostgreSQL Setup at Mga Advanced na Query

Inilalapat ang mga kasanayan sa SQL sa PostgreSQL na may mga index, transaksyon, at constraint para sa integridad ng datos sa antas ng produksyon. Ang mga mag-aaral ay nagpapatakbo ng mga migration at seed script laban sa isang lokal na instance ng PostgreSQL.

Aralin 1 • JSON Web Token at Refresh Token

Sinasaklaw ang istruktura ng JWT, pag-sign, pag-verify, at pag-ikot ng refresh token para sa mga paulit-ulit na sesyon. Ang mga mag-aaral ay nagpapatupad ng pag-login, pag-isyu ng token, at silent refresh sa kanilang API.

Aralin 2 • Pinakamahuhusay na Kasanayan sa Web Security

Tinutugunan ang mga pangunahing banta ng OWASP kabilang ang XSS, CSRF, SQL injection, at mga hindi secure na header. Ang mga mag-aaral ay nagsasagawa ng audit sa kanilang aplikasyon at naglalapat ng Helmet.js at mga pag-aayos sa paglilinis ng input.

Aralin 3 • OAuth 2.0 at Third-Party Login

Isinasama ang daloy ng OAuth 2.0 authorization code para sa social login gamit ang isang provider tulad ng Google. Ang mga mag-aaral ay nagdaragdag ng gumaganang third-party login button sa kanilang full-stack na aplikasyon.

Aralin 4 • Role-Based Access Control

Nagdidisenyo ng modelo ng pahintulot na may mga papel at guard na inilapat bilang Express middleware at mga React route wrapper. Pinaghihigpitan ng mga mag-aaral ang mga API endpoint at pahina ng UI ayon sa papel ng gumagamit.

Aralin 1 • Full-Stack Integration at Capstone Project

Ikinokonekta ang lahat ng layer—React frontend, Express API, database, at auth—sa isang solong nade-deploy na aplikasyon. Ang mga mag-aaral ay nagpapakita ng isang live, kumpleto sa tampok na proyekto na nagpapakita ng end-to-end na kakayahan.

Aralin 2 • CI/CD Pipeline Setup

Ino-automate ang pagsubok, pagbuo, at pagde-deploy gamit ang isang serbisyo ng CI/CD na nati-trigger ng mga Git push. Ang mga mag-aaral ay nagko-configure ng pipeline na nagpapatakbo ng mga pagsubok at nagde-deploy sa pag-merge sa main.

Aralin 3 • Containerization gamit ang Docker

Ipina-package ang Node.js API at database sa mga Docker container para sa pare-parehong environment sa iba't ibang makina. Ang mga mag-aaral ay sumusulat ng mga Dockerfile at isang Compose file para sa lokal na multi-service development.

Aralin 4 • Cloud Deployment at Hosting

Ide-deploy ang backend API sa isang cloud platform at ang React frontend sa isang static hosting service. Ang mga mag-aaral ay nagko-configure ng mga custom na domain, HTTPS, at mga sikreto sa environment.