Web App Beginner

Fullstack Web with Laravel

This course provides a deep dive into modern web development using Laravel. Students learn to build robust back-end systems, manage relational databases with Eloquent ORM, integrate premium admin templates (AdminLTE), and implement advanced features like Excel data processing. By the end of the course, participants will have built a complete Sales Information System (SIP) from scratch.

7 Weeks
Project-Based Learning

About this Course

This course provides a deep dive into modern web development using Laravel. Students learn to build robust back-end systems, manage relational databases with Eloquent ORM, integrate premium admin templates (AdminLTE), and implement advanced features like Excel data processing. By the end of the course, participants will have built a complete Sales Information System (SIP) from scratch. This comprehensive course is designed to take you from beginner concepts to advanced mastery. You will build real-world skills through hands-on practice and expert guidance.

Course Syllabus

Module 1: Introduction & Environment Setup

  • Setting up the Development Environment (PHP 8.2+, Composer, Node.js, NPM).
  • Installing Laravel via Laravel Installer and Composer.
  • Understanding Laravel Project Structure: App, Config, Routes, Resources, Database.
  • Key Concept: MVC Architecture (Model-View-Controller) in Laravel.
  • Project: Create your first Laravel application and display "Hello, Laravel!".

Module 2: Routing, Controllers & Views

  • Defining Routes: Web Routes, Route Parameters, Named Routes, and Route Groups.
  • Creating Controllers: Artisan CLI, Controller Methods, and Resource Controllers.
  • Blade Templating Engine: Syntax, Directives (@if, @foreach, @extends), and Components.
  • Passing Data: From Controllers to Views using compact() and with().
  • Project: Build a Static Pages Controller (Home, About, Contact).

Module 3: Database Design & Eloquent ORM

  • Database Configuration: .env file, MySQL/PostgreSQL setup.
  • Migrations: Creating, Modifying, and Rolling Back database schemas.
  • Seeding & Factories: Generating dummy data with DatabaseSeeders and Model Factories.
  • Eloquent ORM Basics: Models, Table naming conventions, Primary keys, Timestamps.
  • Key Concept: Understanding Eloquent Relationships (One-to-Many, Belongs-To).
  • Project: Design and migrate database schema for Categories and Products.

Module 4: Master Data CRUD Operations

  • Implementing Create: Forms, Validation, Mass Assignment, and fillable/guarded.
  • Implementing Read: Retrieving single and multiple records, Pagination.
  • Implementing Update: Edit forms, Validation rules, and Update logic.
  • Implementing Delete: Soft Deletes vs. Permanent Deletes, Confirmation dialogs.
  • Flash Messages: Session-based success/error notifications.
  • Project: Complete CRUD system for Product Categories.

Module 5: Advanced UI & AdminLTE Integration

  • Template Integration: Installing and configuring AdminLTE 3 dashboard.
  • Blade Layouts: Creating master layouts, sections (@yield, @section), and includes.
  • Components: Reusable UI components (navbar, sidebar, footer, cards).
  • Forms Enhancement: Form helpers, CSRF protection, File uploads.
  • Responsive Design: Bootstrap 4/5 grid system and mobile optimization.
  • Project: Convert CRUD interfaces to AdminLTE dashboard styling.

Module 6: Product Management & File Handling

  • Advanced Eloquent: Query scopes, Accessors & Mutators.
  • Image Uploads: Validation (mime types, size), Storage configuration, File processing.
  • Relational Data: Displaying related data (Products with Categories).
  • Search & Filter: Implementing search functionality with query builders.
  • DataTables Integration: jQuery DataTables for advanced table features.
  • Project: Complete Product CRUD with image uploads and category relations.

Module 7: External Packages & Excel Integration

  • Composer Packages: Installing and configuring third-party libraries.
  • Maatwebsite Excel: Installation, Import/Export functionality.
  • Bulk Data Import: Excel template downloads, Validation during import.
  • Exporting Data: Generating Excel reports from database queries.
  • Laravel Excel Features: Chunk reading, Batch inserts, Error handling.
  • Project: Implement bulk product import and export system.

Module 8: Business Logic, Transactions & Dashboard

  • Sales Transaction Flow: Creating transaction records, Line items, Total calculations.
  • Database Transactions: Ensuring data integrity with DB::transaction().
  • Dashboard Analytics: Chart.js integration for sales visualization.
  • Query Aggregation: SUM, COUNT, GROUP BY for reporting metrics.
  • Authentication Basics: Laravel Breeze/Fortify overview (optional foundation).
  • Key Concept: Understanding Sales Reports and Data Visualization.
  • Final Project: Complete SIP System with Dashboard, Transactions, and Reporting.

Capstone Project

SIP - Sales & Inventory Information System
Featured Project

SIP - Sales & Inventory Information System

A centralized web application designed to manage product inventories, categorize goods, and track sales transactions with automated data importing capabilities.

Core Project Goal

Apply all the skills you've learned to build a production-ready application from scratch. This project serves as your portfolio piece.

Key Features:

  • Advanced Dashboard: Visual analytics for sales performance and latest transaction tracking.
  • Dynamic Inventory System: Full management of Products and Categories with relational data mapping.
  • Excel Data Import: Bulk upload functionality for transactions using `Maatwebsite/Excel`, reducing manual entry time.
  • AdminLTE Integration: A professional-grade administrative interface with responsive design.
  • Automated Pagination: Efficient handling of large data sets in transaction and product tables.
Total Investment
Rp 5,000,000
One-time payment
Duration: 7 Weeks
Mode: Online
Certificate of Completion