Front-End Dev Live Online Training

This training is designed to prepare you to confidently apply for junior front-end developer roles, web developer positions, freelance projects, and remote opportunities.

Instructor

Michael Garcia Tan

Category

Scheduled Online Training

Description
Curriculum
Reviews

SUNDAY SCHEDULE: 2PM – 5PM
STARTS: To be announced
ENDS: To be announced

TOTAL SLOTS: 25 persons
AVAILABLE SLOTS: —
TOTAL TRAINING FEE: P6,000

This scheduled training is a job-oriented Front-End Development training designed to help you qualify for real entry-level developer positions. You will learn HTML, CSS, JavaScript, Bootstrap, and Git — the essential skills companies require when hiring junior front-end developers.

More than just lessons, this program focuses on building real projects, creating a professional portfolio, and practicing the tools used in actual development environments. The goal is clear: to prepare you with the skills, experience, and confidence needed to apply for front-end jobs and start working in the tech industry.

Training Modules:

Module 1: HTML Foundations – Building Structured Web Pages

Objective:
Learn how to properly structure websites using semantic and professional HTML.

Topics:

How the Web Works (Browser & Server Basics)
HTML Document Structure
Semantic Tags (SEO & Accessibility)
Forms & Input Validation
Images, Links, Tables, Lists

Job Outcome:
Build clean, structured multi-page websites from scratch.

Project:
Personal Profile Website in pure HTML

Module 2: CSS – Responsive & Professional Design

Objective:
Create visually appealing and responsive layouts.

Topics:

CSS Fundamentals (Selectors, Box Model)
Flexbox Layout
Basic CSS Grid
Positioning
Responsive Design (Media Queries)
Mobile-First Approach

Job Outcome:
Design responsive websites compatible with desktop and mobile devices.

Project:
Create Fully Responsive Website

Module: Modern JavaScript – Making Websites Interactive

Objective:
Add logic and interactivity to websites.

Topics:

Variables and Data Types
Conditions and Loops
Functions
Arrays and Objects
DOM Manipulation
Event Handling
Form Validation using JavaScript

Job Outcome:
Students can create dynamic, interactive user interfaces.

Projects:

Interactive Website
Form Validation System

Module 4: Bootstrap – Faster Professional UI Development

Objective:
Build modern layouts quickly using a front-end framework.

Topics:

Bootstrap Grid System
Responsive Utilities
Navigation Bars
Cards, Modals, Forms
Buttons and Components

Job Outcome:
Build professional UI layouts efficiently, which is a common requirement in junior roles.

Project:
Company Landing Page using Bootstrap

Module 5: Git – Professional Developer Workflow

Objective:
Understand version control and collaboration practices.

Topics:

Git Installation and Setup
Git Init, Add, Commit
Branching Basics
Merging
GitHub Repository Setup
Pushing Projects Online

Job Outcome:
Manage code professionally and maintain a GitHub portfolio.

Project:
Upload all projects to GitHub and create professional documentation and version control

Module 7: Capstone Project

Objective:
Create a portfolio-ready project that demonstrates job readiness.

Capstone Options:

Business Website
Personal Portfolio Website
Small Web Application Interface
Admin Dashboard UI

Deliverables:

Live Website
GitHub Repository
Clean Code Structure
Project Documentation

Final Training Outcome

By completing this program, you will be able to build actual projects, create a professional GitHub portfolio, understand responsive design principles, and use Git in a real development workflow.

The training is designed to prepare you to confidently apply for junior front-end developer roles, web developer positions, freelance projects, and remote opportunities.

Training Inclusion: