Build full-featured, responsive websites using modern web development frameworks and tools.

WebCraft Pro
Course Features:
  • Language: English
  • Duration: 60 hours (1 month)
  • Learning Mode: Center
  • Jurisdiction: Maharashtra
  • Certificate of Completion

Eligibility
  • Learner should preferably a std. 10th Pass student (Not Compulsory)
  • It is desirable that Learner should have done MS-CIT Course (Not Compulsory)

Introduction

  • In this activity, you will be able to:
  • Identify jQuery fundamentals and its role in web development
  • Explain the Events and Event Handling mechanism in jQuery
  • Demonstrate DOM manipulation techniques using jQuery
  • Compare animation effects and DOM Traversal methods in jQuery
  • Organize Bootstrap components for responsive web design
  • Explain Forms, Breakpoints and Containers in Bootstrap
  • Interpret the Grid System in Bootstrap for layout design
  • Outline Bootstrap's typography and image handling features
  • Recognize Bootstrap Homepage elements and their functionality
  • Compare Bootstrap's Spacing Tactics for UI enhancement
  • Classify Bootstrap's Text and Color Toolkit for website design
  • Identify PHP basics and its requirements for web development
  • Utilize PHP variables, operators and statements to demonstrate proficiency
  • Modify website layouts using PHP loops, arrays and functions
  • Predict user interactions and handle data using PHP forms
  • Explain Object-Oriented Programming (OOP) concepts in PHP
  • Differentiate types of functions in PHP for code management
  • Define MySQL databases and execute commands for management
  • Explain MySQL's functionality in web development
  • Report on MySQL integration with PHP for dynamic websites
  • Explain various indexing strategies and JOIN methods to optimize MySQL database performance
  • Demonstrate optimizing MySQL queries and Firebase authentication
  • Operate Bootstrap to design responsive websites
  • Modify website layouts using Adobe Dreamweaver and CSS3
  • Utilize WordPress templates for designing eCommerce and service-based websites
  • Organize and customize website content for SEO optimization
  • Compare user-centric design principles for news channel and social media websites
  • Categorize call-to-action (CTA) elements and enhance user experience
  • Analyse SEO strategies and implement them for website optimization
  • Operate structured project cycles for effective website development
  • Define career opportunities in web designing and prepare job-ready resumes
  • Explain career growth options and strategies in web designing

What you'll learn ?

  • By the end of this activity, you will be able to:
  • Interpret jQuery fundamentals and assess its significance in modern web development
  • Illustrate Events and Event Handling mechanisms in jQuery
  • Demonstrate DOM manipulation skills using jQuery for dynamic webpage interactions
  • Explain animation effects and DOM traversal techniques in jQuery to enhance user experience
  • Compare Bootstrap components for responsive web design
  • Report on Forms, Breakpoints and Containers functionality in Bootstrap
  • Evaluate Bootstrap's Grid System effectiveness in layout design
  • Discover typography and image concepts in Bootstrap and assess their impact
  • Construct enhanced UI experiences using Bootstrap elements like the Homepage
  • Analyze Bootstrap's Spacing Tactics and propose improvements
  • Appraise Bootstrap's About and Contact page design and functionality
  • Examine the layout optimization techniques using Bootstrap
  • Identify and troubleshoot challenges in creating interactive buttons with Bootstrap
  • Integrate various website components using Bootstrap
  • Examine Bootstrap's Text and Color Toolkit for website design effectiveness
  • Explain various indexing strategies and JOIN methods to optimize MySQL database performance, enhancing data retrieval and system efficiency
  • Demonstrate techniques for optimizing MySQL queries and configuring Firebase authentication to ensure robust and secure database operations
  • Operate Bootstrap to design responsive websites that adapt seamlessly to different device screens, enhancing user experience
  • Modify website layouts using Adobe Dreamweaver and CSS3 focusing on aesthetic appeal and functional design across platforms
  • Examine WordPress templates to design and implement eCommerce and service-based websites, customizing features to meet specific business needs
  • Organize and customize website content to optimize for SEO improving search engine visibility and user engagement
  • Recognize user-centric design principles applicable to news channels and social media websites to enhance viewer interaction and satisfaction
  • Illustrate call-to-action (CTA) elements effectively to enhance user experience and drive engagement on websites
  • Analyze SEO strategies and implement them to optimize websites aiming to increase organic traffic and improve search rankings
  • Develop structured project cycles to manage website development efficiently, ensuring timely completion and high-quality outputs
  • Define career opportunities in web designing and prepare participants with job-ready resumes that highlight relevant skills and experiences
  • Develop career growth options and strategies in web designing, providing a roadmap for professional advancement and success in the field

Certification

  • KLiC courses are recognised by Yashwantrao Chavan Maharashtra Open University (YCMOU).
  • MKCL provides certificate to the KLiC learner after his/her successful course completion.
  • Yashwantrao Chavan Maharashtra Open University (YCMOU) provides mark sheet to successfully passed KLiC learners (Jurisdiction: Maharashtra).

Academic Approach

The academic approach of the courses focuses on the “work-centric” education i.e. begin with work (and not from a book!), derive knowledge from work and apply that knowledge to make the work more wholesome, useful and delightful. The ultimate objective is to empower the Learner to engage in socially useful and productive work. It aims at leading the learner to his/her rewarding career as an employee or entrepreneur as well as development of the community to which s/he belongs. Learning methodology:

  • Step -1: Learners are given an overview of the course and its connection to life and work.
  • Step -2: Learners are exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
  • Step -3: Learners are acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
  • Step -4: Learners are acquainted with the architecture of the tool or tool map so as to appreciate various parts of the tool, their functions, utility and inter-relations.
  • Step -5: Learners are exposed to simple application development methodology by using the tool at the beginner’s level.
  • Step -6: Learners perform the differential skills related to the use of the tool to improve the given ready-made industry-standard outputs.
  • Step -7: Learners are engaged in appreciation of real-life case studies developed by the experts.
  • Step -8: Learners are encouraged to proceed from appreciation to imitation of the experts.
  • Step -9: After the imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
  • Step-10: Emulation is taken a level further from working with differential skills towards the visualization and creation of a complete output according to the requirements provided. (Long Assignments)
  • Step-11: Understanding the requirements, communicating one’s own thoughts and presenting are important skills required in facing an interview for securing a work order/job. For instilling these skills, learners are presented with various subject-specific technical as well as HR-oriented questions and encouraged to answer them.
  • Step-12: Finally, they develop the integral skills involving optimal methods and best practices to produce useful outputs right from scratch, publish them in their ePortfolio and thereby proceed from emulation to self-expression, from self-expression to self-confidence and from self-confidence to self-reliance and self-esteem!

Syllabus

  • Introduction to jQuery
  • jQuery Jumpstart
  • Learning more about jQuery
  • Understanding the Events and Event Handling in jQuery
  • Manipulating DOM Elements
  • Understanding the animation effects and DOM Traversal and manipulation
  • Animating with jQuery
  • Understanding what a responsive web design is and developing it using Bootstrap
  • Exploring the components of Bootstrap
  • Designing with Bootstrap
  • Discovering what Forms, Breakpoints, and Containers in Bootstrap are
  • Understanding what Grid System is in Bootstrap
  • Navigating Bootstrap
  • Working with typography and images in Bootstrap
  • Exploring the new concepts of typography and images while working in Bootstrap
  • Enhanced UI Experience
  • Learning about the Bootstrap Homepage and other elements
  • Exploring more about the Bootstrap Homepage with examples
  • Bootstrap's Spacing Tactics
  • Discovering and working with the About page in Bootstrap
  • Discovering and working with the Contact page in Bootstrap
  • Optimizing Layouts
  • Creating interactive buttons using Bootstrap
  • Identifying various parts of a website and more
  • Bootstrap's Text and Color Toolkit
  • Getting introduced to what PHP is, its requirements, and creating a PHP file
  • Navigating PHP Basics
  • Working with PHP variables, operators, and statements
  • PHP Forms and Data Handling
  • Working with PHP loops, arrays, and more
  • Initiating OOP in PHP
  • Learning the types of functions in PHP
  • User Data Control
  • Understanding the MySQL Databases and firebases
  • Working with MySQL commands, databases, and statements
  • MySQL's Functionality
  • Working with indexes and views, statements, and keywords in MySQL
  • Exploring the procedures and types of Joins in MySQL
  • Optimizing MySQL Queries
  • Getting introduced to Firebase
  • Authenticating Firebase and defining the project settings
  • Designing a responsive website using Adobe Dreamweaver
  • Designing and editing a responsive website using Adobe Dreamweaver
  • Designing a website using CSS3 and applying the Fluid Grid Layout
  • Bootstrap or Framework Integration
  • CSS Styling
  • Designing a wireframe for a product-based website
  • Using WordPress to design a product-based website
  • Complete Product Profiles
  • Customizing and completing a product-based website - Case Study
  • Starting with designing a social media website - Case Study
  • Setting and customizing a social media website - Case Study
  • Customizing a social media website - Case Study
  • Setting and adding pages to a website for a news channel
  • Customizing and post news on a website for a news channel
  • Posting and reviewing news articles on a website for a news channel
  • Using a template to design an eCommerce website using WordPress
  • Front-end Development
  • CTA Integration
  • Navigation and User Experience
  • SEO Analysis
  • Website Launch
  • Continuous Improvement
  • Feature Implementation
  • Content Upload
  • Menu Presentation
  • Feature Integration
  • Understanding what Project Cycles are
  • Discovering what Project Scope - Planning with the client
  • Discovering what Project Scope - Building, Optimization, Finalization
  • Discovering what Project Scope – Launch
  • Structured Projects
  • Understanding more about the web designing field, processes, and getting job-ready
  • Exploring more about your career in web designing
  • Listing the types of web designers and how to create ideal resumes
  • Getting introduced to the world of employment
  • Understanding your options for career growth
  • Exploring various career-building options in web designing
  • Strategic Web Building

Evaluation Pattern

Evaluation Pattern of KLiC Courses consists of 4 Sections as per below table:

Section No. Section Name Total Marks Minimum Passing Marks
1 Learning Progression 25 10
2 Internal Assessment 25 10
3 Final Online Examination 50 20
Total 100 40
4 SUPWs (Socially Useful and Productive Work in form of Assignments) 5 Assignments 2 Assignments to be Completed & Uploaded
YCMOU Mark Sheet

Printed Mark Sheet will be issued by YCMOU on successful completion of Section 1, Section 2 and Section 3 and will be delivered to the learner by MKCL.
YCMOU Mark Sheet will be available only for Maharashtra jurisdiction learners

MKCL's KLiC Certificate

The certificate will be provided to the learner who will satisfy the below criteria:

  1. Learners who have successfully completed above mentioned 3 Sections i.e. Section 1, Section 2 and Section 3
  2. Additionally, learner should have completed Section 4 (i.e. Section 4 will comprise of SUPWs i.e. Socially Useful and Productive Work in form of Assignments)
    • Learner has to complete and upload minimum 2 out of 5 Assignments

Courses Fee Structure from 01 July, 2025 Onwards

KLiC 60 hour course fee applicable from 01 July, 2025 all over Maharashtra

KLiC Course Duration MFO
(Inclusive of GST)
ALC Share
(Service Charges to be collected by ALC)
60 hours Rs. 500/- Rs. 2,500/-
Important Points:
* Above mentioned fee is applicable for all Modes of KLiC Courses offered at Authorised Learning Center (ALC) and at Satellite Center
* Total fee is including of Course fees, Examination fees and Certification fees
* MKCL reserves the right to modify the Fee anytime without any prior notice

KLiC Courses Fee Structure upto 30 June, 2025

Region Total Fee (Rupees)
MMRDA, PMRDA and Rest of Maharashtra 3000/-
Important Points:
* Above mentioned fee is applicable for all Modes of KLiC Courses offered at Authorised Learning Center (ALC) and at Satellite Center
* Total fee is including of Course fees, Examination fees and Certification fees
* MKCL reserves the right to modify the Fee anytime without any prior notice