Participant Criteria

Participant Criteria for Training Program: Frontend Fundamentals: From Zero to Web Developer

To ensure an effective and enjoyable learning experience, please review the following participant requirements:

No prior programming experience is required — this program is beginner-friendly.
Basic computer literacy and familiarity with using browsers and folders.
A curious mindset and willingness to learn new technologies.
Each participant must bring their own laptop with the following minimum specifications:
- Processor: Intel Core i3 or equivalent
- RAM: 4 GB minimum
- Storage: 128 GB SSD or 500 GB HDD
- Operating System: Windows 10, macOS, or Linux
- Internet Connection: Stable for online sessions and assignments
- Browser: Latest version of Chrome, Firefox, or Edge

Program Overview

Frontend Fundamentals: From Zero to Web Developer

This program guides participants through every step of becoming a capable frontend web developer — starting from the basics of HTML and CSS to mastering interactivity using JavaScript and connecting to APIs.

Participants will learn through interactive lectures, guided practices, and real-world mini projects to strengthen their skills and build a professional portfolio.

Benefits of This Program

Live Mentoring Sessions
Learn directly with experienced frontend developers through interactive sessions.
Comprehensive Materials
4 core modules and 50+ lessons covering the full frontend foundation.
Hands-on Practice
Work on guided exercises and mini projects for each topic to solidify your understanding.
Portfolio Development
Build your own web projects and receive feedback from mentors.
Completion Certificate
Earn a certificate after completing the final project successfully.

Curriculum

What will you learn?

Module 1: HTML Fundamentals

Introduction to Web and Browser
Understanding HTML Structure and Syntax
Common Tags: Headings, Paragraphs, Links, Images
Lists and Tables
Forms and Input Elements
Semantic HTML
HTML5 Best Practices
Mini Project: Build a Personal Profile Page

Module 2: CSS Fundamentals

Introduction to CSS
CSS Selectors, Properties, and Values
Colors, Fonts, and Text Styling
Box Model and Layout
Display, Position, and Z-index
Flexbox and Grid Layout
CSS Transitions and Animations
Responsive Web Design with Media Queries
Mini Project: Create a Responsive Landing Page

Module 3: JavaScript Essentials

Introduction to JavaScript and How It Works
Variables, Data Types, and Operators
Functions and Scope
Conditional Statements and Loops
Arrays and Objects
DOM Manipulation
Event Handling
ES6+ Features (let, const, arrow functions, template literals)
Mini Project: Build an Interactive To-Do List

Module 4: Fetch API & Dynamic Web

What is an API and How It Works
Introduction to Fetch API
Making GET and POST Requests
Working with JSON Data
Handling Errors and Promises
Displaying API Data on the Web Page
Mini Project: Create a Weather App or Product Catalog using API

Study Method

Online and Offline Training

Online – Self-Paced Training

Total Learning Hours: 60 hours
Recommended Pace: 15 hours per week (finish in ~4 weeks)
Includes recorded video lessons, reading materials, and online assignments.
Dedicated discussion forum for Q&A with mentors.
Final Project: Create a fully responsive, data-driven web page using HTML, CSS, JavaScript, and Fetch API.
Certificate of Completion provided after final project review.

Offline – Direct Training Experience

Total Learning Hours: 60 hours (5 weeks)
Conducted in classroom/lab setting with real-time mentoring.
Includes practice sessions, discussions, and feedback sessions.
Participants complete hands-on projects during and after each session.
Final Project & Certificate upon successful completion.

FAQ

Frequently Asked Question

1. Can beginners with no coding experience join this program?
Yes! This bootcamp is designed for absolute beginners. You’ll start from the very basics and gradually move to advanced topics with step-by-step guidance.

2. What kind of project will I make at the end?
You’ll build a responsive, interactive website that fetches real data from a public API (e.g., weather, movies, or products).

3. Will I receive a certificate?
Yes, a certificate of completion will be awarded once you finish the final project.

4. Do I need to install any software before the class?
You’ll need a text editor (such as VS Code) and modern browser (Chrome, Firefox, or Edge). Installation guides will be provided before class starts.

5. Will I get feedback on my code or portfolio?
Absolutely. Mentors will review your final project and provide feedback to help you improve your skills and presentation.