Embedded Files
Training Programme
Certification Programme 2025-26 Batch
Skill Development Training Program
Skill Development Training Program
Topic: Web and Mobile Application Development
Duration: 10 Days (1 hour per session)
Day 1 – Introduction to HTML and CSS
Trainer: Prof. Kiruthika
Trainer: Prof. Kiruthika
Topics:
Topics:
· Basics of the web: how websites work (client, server, browser).
· Structure of an HTML document (<!DOCTYPE html>, <html>, <head>, <body>).
· Common HTML tags: headings, paragraphs, links, images, tables, forms.
· Introduction to CSS: inline, internal, and external styles.
· CSS selectors, properties, and values.
· Styling text, colors, borders, and backgrounds.
Day 2 – Using JavaScript to Build Web Applications
Day 2 – Using JavaScript to Build Web Applications
Trainer: Dr. Kalaiselvi
Trainer: Dr. Kalaiselvi
Topics:
Topics:
· Introduction to JavaScript and its role in web development.
· Variables, data types, and operators.
· Conditional statements and loops.
· Functions and event handling (onclick, onchange, etc.).
· DOM (Document Object Model) manipulation: selecting and modifying HTML elements.
· Simple form validation with JavaScript.
Day 3 – Lab Session
Day 3 – Lab Session
Trainer: Ms. Parameswari
Trainer: Ms. Parameswari
Activities:
Activities:
· Hands-on practice combining HTML, CSS, and JavaScript.
· Build a simple Personal Profile Web Page with styled layout.
· Add interactivity:
o A button that changes text color.
o A form with validation (e.g., email, phone number).
Day 4 – Introduction to React JS
Day 4 – Introduction to React JS
Trainer: Prof. Manjula
Trainer: Prof. Manjula
Topics:
Topics:
· What is React? Why React for web development?
· React component-based architecture.
· Setting up a React environment (using CodeSandbox / Create React App).
· JSX syntax and rendering elements.
· Functional vs. Class Components.
· Introduction to React props and state.
Day 5 – Web Application Development using React JS
Day 5 – Web Application Development using React JS
Trainer: Prof. Sarada
Trainer: Prof. Sarada
Topics:
Topics:
· Handling events in React.
· Conditional rendering and lists in React.
· React forms and controlled components.
· Mini Project: To-Do List / Simple Calculator using React.
Day 6 – Introduction to Mobile Application Development using React Native
Day 6 – Introduction to Mobile Application Development using React Native
Trainer: Prof. Rakesh
Trainer: Prof. Rakesh
Topics:
Topics:
· Difference between React JS and React Native.
· Setting up React Native environment (Expo / Snack).
· Core Components in React Native: View, Text, Image, ScrollView, Button.
· Styling in React Native using StyleSheet.
· Debugging React Native apps.
Day 7 – Building Frontend and Interactive UIs using React Native – Part I
Day 7 – Building Frontend and Interactive UIs using React Native – Part I
Trainer: Prof. Prateek
Trainer: Prof. Prateek
Topics:
Topics:
· Understanding React Native navigation (Stack Navigation basics).
· Handling user input with TextInput.
· State management with useState.
· Creating responsive layouts using Flexbox in React Native.
Day 8 – Building Frontend and Interactive UIs using React Native – Part II
Day 8 – Building Frontend and Interactive UIs using React Native – Part II
Trainer: Prof. Nishant
Trainer: Prof. Nishant
Topics:
Topics:
· Working with images and icons in React Native.
· Using FlatList for rendering lists.
· Conditional rendering in React Native.
· Mini Project: Build a simple Notes App or Contact Book App.
Day 9 – iOS Application Development using SwiftUI
Day 9 – iOS Application Development using SwiftUI
Trainer: Dr. Gnaneswari
Trainer: Dr. Gnaneswari
Topics:
Topics:
· Introduction to Swift programming basics (variables, constants, functions).
· Understanding SwiftUI: Views, Modifiers, and Layouts.
· State management in SwiftUI (@State).
· Building simple UIs with SwiftUI (Text, Button, Image, List).
· Live Preview and debugging in Swift Playgrounds/Xcode.
Day 10 – Evaluation
Day 10 – Evaluation
Trainer: Dr. Gnaneswari
Trainer: Dr. Gnaneswari
Activities:
Activities:
· Short quiz covering HTML, CSS, JavaScript, React, React Native, and SwiftUI fundamentals.
o Mini-project presentations: Teams present their small apps (either React or React Native based).
· Feedback.
Certification Programme 2024-25 Batch
Certification Programme 2023-24 Batch
II. Certification Programme:
Title: Web & Mobile Application Development for Beginners
Learning outcomes:
By the end of the course, the student will be able to design and code simple UI for Web and Mobile application development.
By the end of the course, the student will be proficient with the fundamentals of Web development, React Native, Android/iOS app development, and SwiftUI.
Course plan:
Day 1 - Introduction to HTML, CSS
Day 2 - Using JavaScript to build web applications
Day 3 - Building Front-End Web UI Frameworks with Bootstrap
Day 4 - Introduction to React
Day 5 - Web application development using React
Day 6 - Introduction to Mobile Application Development
Day 7 - Fundamentals of Android Application Development
Day 8 - Building Frontend and interactive user interfaces (UIs) using React Native
Day 9 – Fundamentals of iOS application development
Day 10 – Building iOS application using SwiftUI
E-Certificate will be provided to all the participants after successful completion of the training.
Page updated
Report abuse