Objectives 1. Understand the fundamentals of mobile and web app development.

2. Create a mobile app using native development technologies like Java, Kotlin, Swift,
and Objective-C.

3. Develop a cross-platform app using frameworks like React Native and Flutter.

4. Design and implement a user interface (UI) and user experience (UX)

5. Test and debug a mobile app using appropriate tools and techniques.

6. Deploy a mobile app to the App Store or Google Play.

7. Create web app using front-end technologies like HTML, CSS, and JavaScript.

8. Develop web app using back-end technologies like Node.js, Express, and MongoDB.

9. Implement authentication and authorization mechanisms in a web app.

10. Deploy a web app to a web server or cloud platform.

Agenda
Week 1: Introduction to Mobile and Web Development

Day 01 Day 02

 Overview of Mobile and Web  Development Environment

 Introduction to mobie & Web  Installing necessary Software
 Native vs hybrid development  Configuring environments

Soft Skill: Self-Confidence Soft Skill: Self Confidence

Day 03 Day 04

 Basic Concepts of Programming  Introduction to UI Design

 Programming languages: Java, Kotlin, Swift, JavaScript  Fundamentals of UI/UX design
 Programming syntax  Introduction to design tools: Adobe XD, Sketch, Figma

Soft Skill: Communication Skills Soft Skill: Communication skills

Day 05
Project: Setting Up First Development Project
 Week 2: Basics of Android Development

Day 06 Day 07

 Introduction to Android Studio  User Interface Design in Android

 Overview of Android Studio IDE  Building layouts using XML
 Creating project in Android Studio  Working with different UI elements

Soft Skill: Motivation skills Soft Skill: Motivation skills

Day 08 Day 09

 activities and fragments lifecycle  Handling User Input and Events

 State transitions & lifecycle events  Implementing event listeners
 Activity and Fragment Lifecycle  Processing user input from UI

Soft Skill: Teamwork Soft Skill: Teamwork

Day 10
Project: Building a Basic Android App
 Week 3: Basics of Android Development

Day 11 Day 12

 Recycler View and Adapter  Networking and Data Persistence

 Implementing dynamic lists  Network requests using Retrofit
 Custom adapters for Recycler View  Storing data using Shared Preferences and SQLite
Soft Skill: Stress management Soft Skill: Stress management

Day 13 Day 14

 Working with APIs  Material Design Principles

 Consuming RESTful APIs in Android applications  Introduction to Material Design guidelines
 Parsing JSON responses using Gson library  Implementing Material Design components in Android apps
Soft Skill: Job placement Soft Skill: Job placement CV writing

Day 15

Developing Feature rich android app

 Week 4: Basics of IOS Development

Day 16 Day 17

 Introduction to Xcode  User Interface Design in iOS

 Overview of Xcode IDE  Interface Builder
 Creating a new project in Xcode  Auto Layout & constraints

Soft Skill: Stress management Soft Skill: Job placement (interview Skill)

Day 18 Day 19

 View Controllers and Navigation  Handling User Input and Events

 Working with View Controllers and segues  Responding to user interactions using gesture recognizers
 Implementing navigation between screens  Implementing action methods for UI controls

Soft Skill: Work Ethics Soft Skill: Work Ethics

Day 20

Building basic IOS App

 Week 5: Advance IOS Development

Day 21 Day 22
 Networking and Data Persistence
 Working with TableView and Collection View  Making network requests using URLSession
 Implementing dynamic lists and grids in iOS  Implementing local data storage using UserDefaults and Core
 Creating custom table view and collection view cells
Data
Soft Skill: Attention to Detail
Soft Skill: Attention to Detail

Day 23 Day 24

 Implementing RESTful APIs  Implementing User Authentication

 Making API calls and handling responses in iOS apps  Integrating authentication services like Firebase Authentication
 Parsing JSON data using Codable  Implementing secure user authentication flows

Soft Skill: Attention to Detail Soft Skill: Attention to Detail

Day 25
Developing Feature Rich IOS App
 Week 6: Introduction to Flutter Development
Day 26 Day 27

 Overview of Flutter Framework  Building User Interfaces with Flutter

 Introduction to Flutter architecture and concepts  Creating layouts using Flutter's widget system
 Installing Flutter SDK and setting up a development  Styling UI elements using Flutter's styling options
environment
Soft Skill: Occupational Health &Safety
Soft Skill: Occupational Health &Safety

Day 28 Day 29

 State Management in Flutter  Handling User Input and Navigation

 Managing application state using setState and InheritedWidget  Responding to user input events in Flutter
 Implementing stateful and stateless widgets  Implementing navigation between screens in Flutter apps

Soft Skill: Occupational Health &Safety Soft Skill: Occupational Health &Safety

Day 30
Building Basic Flutter App
 Week 7: Advance IOS Development
Day 31 Day 32

 Networking and Data Handling

 Working with Flutter Packages  HTTP requests using http package
 Exploring and integrating third-party packages from pub.dev  Implementing local data storage using SQLite and Shared
 Adding functionality using Flutter plugins
Preferences
Soft Skill: Basics of Entrepreneurship
Soft Skill: Entrepreneurship Types

Day 33 Day 34

 Implementing Animations in Flutter

 Testing and Debugging Flutter Apps
 Creating animations using Flutter's animation controllers
 Writing unit tests and widget tests for Flutter apps
 Implementing complex animations with Flutter's animation
 Debugging common issues in Flutter development
framework
Soft Skill: Entrepreneurship (categories)
Soft Skill: Entrepreneurship (Cycle)

Day 35
Developing Features Rich Flutter App
 Week 8: Basics of Web Development
Day 36 Day 37

 Introduction to Web Development Technologies

 Building Web Layouts with HTML and CSS
 Overview of HTML, CSS, and JavaScript
 Creating HTML structures for web pages
 Understanding the role of frontend and backend in web
 Styling web pages using CSS stylesheet
development
Soft Skill: Entrepreneurship (6 Ps)
Soft Skill: Entrepreneurship (competencies)

Day 38 Day 39

 Introduction to Java Script

 Basics of JavaScript language  Frontend Frameworks
 Frameworks like React and Angular
 Handling events and interactions
 Choosing the right framework Soft Skill Review:
Soft Skill Review:
Day 40
Building Basic Web Application
 Week 9: Advance Web Development

Day 41 Day 42
 Handling Data in Web Applications
 Working with JavaScript Libraries and Frameworks  Making AJAX requests for dynamic data loading
 Exploring and integrating third-party JavaScript libraries  Implementing client-side data storage using Local Storage and
 Using frontend frameworks to build complex web applications
Session Storage
Soft Skill Review:
Soft Skill Review:
Day 43 Day 44

 Introduction to Backend Development  Full Stack Development Basics

 Overview of server-side programming languages like Node.js, 
Integrating frontend and backend components in web
PHP, Python
applications
 Understanding backend frameworks like Express, Django,
 Understanding the concept of full stack development
Laravel
Soft Skill Review:
Soft Skill Review:
Day 45
Developing Features rich Web Application
Day - 01 Overview of Mobile and web
Development
Day 01 - Overview of Mobile and web Development

Objective:
Introduction to the fundamentals of mobile
and web development, including the key
concepts, technologies, and platforms
involved.
Mobile App Development Native Development
Progressive Web Development
Phases of App Development
1. Planning
• Analyze Competitors:
• Know Your Target Audience:
• Understanding the Target Audience:
• Technical Considerations:
• Resources Estimation:
• Monetization Strategy
• Subscription Model
• In-App Purchases
• Advertisements
• Affiliate Marketing
• Premium Content or Services
• Sponsorships and Partnerships
2. Design Native Development
3. Development
4. Testing Hybrid Development
5. Deployment
Day - 02 Environment Configuration
Objective:

Understand the components of a  Web Development

development environment and set up a basic
environment for a specific project, including  Android Development
the installation of an IDE, necessary libraries,
and version control configuration.
 Android Studio
 Android SDK
 Java
 JVM (Java Virtual Machine)
 JDK (Java Development Kit)
iOS Development: Cross-platform Development (Flutter):
 Swift  Flutter SDK
 Apple Developer account  IDE
 IOS SDK
Android iOS Flutter Web
 Xcode
IDE Theme
JDK Path Developer Account Flutter SDK Path
Extensions and

Android flutter Linters

Simulator Settings doctor
Location SDK command Formatters and

IDE Extension (Flutter

Emulator Settings Build Targets Browser Extensions
and Dart)
Plugins Code Signing Emulator/Simulator

Platform Installation Device Setup

React Native
Day - 03 Basic Concept of programming
Programming Languages Java and Kotlin (Android Development):
 Pros:
 Cons:
Dart and Flutter (Cross-platform Development
 Pros:
 Cons:
 Tech stacks
 Native App Development
 Hybrid App Development
What are variables, data Loops
types, control
statements, and loops?
For loops: iterate a specific number of times, often used
with arrays. For loops are a fundamental control structure
 Naming Conventions in programming, used to iterate through a sequence of
 Scope elements a specified number of times. They are commonly
 employed in conjunction with arrays, which are data
Typing
structures that store a collection of values. For loops
 Data Types enable us to access and manipulate each element in the
 More Complex Types array systematically.
 Conditionals
Day - 04 Foundation of User Interface
Introduction to Design
Tools: Adobe XD, Sketch,
and Figma
Day - 05 Setting up Your First
Development Project
Setting up your first development project

 Class Practicals
 Assignment
Day - 06 Overview of Android
Studio IDE
Objective:

Android studio, IDE, gradle, project

structure, creating a new project from
scratch.

 Introduction to Android Studio

 Overview of Android Studio IDE
 Project Structure
 Code Editor
 Layout Editor
 Gradle Build System
 AVD Manager
 Debugger
Creating a New Project in Android Studio

 Open Android Studio:

 Start a New Project:

 Configure Your Project:

 Choose a Template:

 Customize Activity Settings:

 Finish and Create Your Project:

Day - 07 User Interface and Design
Objective:

User Interface Designs, layouts, text fields, buttons, XML

 User Interface Design in Android

 Building Layouts Using XML
 Resource
Day - 08 Life Cycle of Android
Activities
Objective:

Activities life cycle, android activities,

fragments, transitions, events

 Understanding the Lifecycle of

Android Activities and Fragments
 Managing State Transitions and
Lifecycle Events
 Activity and Fragment Lifecycle
 Handling and Implementing
Day - 09
Event Listeners
Objective:

Event Listeners, handling inputs fields, input texts, on click listener, on

change listener etc

 Handling User Input and Events

 Implementing Event Listeners
 Processing User Input from UI Elements
Day - 10 Building First Android App
 Class Practicals
 Assignment
 Recycler View and Creating
Day - 11
Adopters
Objective:

Recycler view in android, adopters,

creating adopters for recycler view.

 Working with RecyclerView and

Adapter
 Implementing Dynamic Lists
Using RecyclerView
 Networking and Storage
Day - 12
of Data
Objective:

Networking, storage of data, storing

data locally, retrofit library

 Networking and Data Persistence

 Making Network Requests Using
Retrofit Library
 Storing Data Locally Using
SharedPreferences
 Working with APIs
Day - 13
(RESTful API)
Objective:

Working with RESTful API, requesting and getting

response, JSON response.

 Working with APIs

 Consuming RESTful APIs in Android Applications
 Parsing JSON Responses Using Gson Library
 To parse JSON responses using Gson, follow these
stepsTo parse JSON responses using Gson, follow
these steps
 Access Data in Java Object
Day - 14 Materials and its
Components
Objective:

Material designs, its components, implementing

material design

 Material Design Principles

 Introduction to Material Design Guidelines
 Implementing Material Design Components in
Android Apps
 Developing Feature Rich
Day - 15
Android App
 Class Practicals
 Assignment
 Introduction to IOS
Day - 16
Development
Objective:
The objective is to provide an introduction to
React Native for mobile app development.

 Overview of Xcode IDE

 Simulator
 Version Control Integration
 Creating a New Project in Xcode
 Building UI using Interface
Day - 17
Builder
Objective:

Builder interface, user interface, user experience

in IOSs

 User Interface Design in Ios

 Building Interfaces Using Interface Builder
 Understanding Auto Layout and Constraints
 Key concepts related to Auto Layout and
constraints include
 Content Compression Resistance and Content
Hugging
 Controlling Navigations
Day - 18
between Screens
Objective:

How to navigate between screens, view

controllers and segues, trigger, handling
navigation screens

 View Controllers and Navigation

 Working with View Controllers and Segues
 Implementing Navigation Between Screens
 Handling User Input and
Day - 19
Events
Objective:
How to handle user input and respond to
there actions, event handling.

 Handling User Input and Events

 Responding to User Interactions Using
Gesture Recognizers
 Implementing Action Methods for UI
Controls
Day - 20 Building Basic IOS App
 Class Practicals
 Assignment
 Implementing Dynamic Lists
Day - 21
and Grids
Objective:

Implementing dynamic lists and gids, collication

view, table view, custom table view.

 Working with TableView and CollectionView

 Implementing Dynamic Lists and Grids in Ios
 Populate Cells with Data
 Design Custom Cell Interface
Day - 22 Network and Data Persistence
Objective:
Network and data persistence,
making a request, URLSession,
implementing local data storage

 Networking and Data

Persistence in Ios
 Making Network
Requests using
URLSession
 Implementing Local
Data Storage using
UserDefaults
 Data Types
Day - 23 Implementing RESTful APIs
Objective:

Implementing RESTful APIs, URLSession, making Api call, encoding and decoding JSON data.

 Implementing RESTful APIs

 Parsing JSON Data Using Codable
Day - 24 Integration of Authentication
Objective:

Implementing authentication logic, integrating

authentication services like google etc.

 Implementing User Authentication

 Here's how to integrate Firebase Authentication
into your iOS app
 Implementing Secure User Authentication
Flows
Day - 25 Building Features rich IOS App
 Class Practicals
 Assignment
Day - 26 Introduction to Flutter
Objective:

Overview of flutter, flutter installation, and setting up

development environment.

 Introduction to Flutter Framework

 Installing Flutter SDK and Setting up Environment
 Verify Flutter Installation
 Creating Flutter Project
 Explore Project Structure
 Design UI
 Implement Logic (Flutter)
 Testing and Debugging
 Build & release
 Building User Interfaces
Day - 27
with Flutter
Objective:

User interfaces, widgets, layouts,

custom themes, text styling

 Building User Interfaces with Flutter

 Creating Layouts using Flutter's
Widget System
 Styling UI Elements using Flutter's
Styling Options
Day - 28 States Management in Flutter
Objective:
States, local states, global states, streams, states libraries,
state restoration and persistence

1. Introduction to State Management

2. Local State Management
3. Global State Management
4. State Management Libraries
5. Stream-based State Management
6. Persistence and State Restoration
7. Testing and Debugging State
 Concurrency and Isolates
 Navigation between Screens
Day - 29
in Flutter
Objective:

The objective is to cover Flutter widgets and navigation

techniques for building mobile applications.

 Introduction to Widgets
 Stateless Widgets
 Stateful Widgets
 Widget Composition and Nesting
 Flutter Navigation
 Nested Navigation
Day - 30 Currency Converter APP
 Class Practicals
 Assignment
 Flutter Packages and their
Day - 31
Functionalities
Objective:

Integration of third party packages, dependencies in pub.dev file, flutter plugins

 Working with Flutter Packages

 Exploring Packages on pub.dev
 Integrating Packages into Flutter Projects
 Browsing Available Plugins
 Integrating Plugins into Flutter Projects
 Using Plugin Features
 Platform-Specific Considerations
 Networking and Data Handling
Day - 32
in Flutter
Objective:

Networking in flutter, how to handle data in flutter.

 Networking and Data Handling in Flutter

Day - 33 Flutter Animation
Objective:
Implementing complex animation
in flutter.

 Implementing animations
 Animation controllers
 Complex Animation
 Testing and Debugging
Day - 34
Flutter App
Objective:

Testing and debugging flutter apps

 Testing and Debugging Flutter Apps

 Writing Unit Tests and Widget Tests
for Flutter Apps
 Debugging Common Issues in Flutter
Development
Day - 35 Development Weather App
 Class Practicals
 Assignment
 Introduction to Web
Day - 36
Technologies
Objective:

HTML, CSS, Java Script, ES6, MERN stack basics

 HTML: The Structural Foundation
 Structural Elements
 Content Elements
 Other Essential Elements
 CSS: Styling for Visual Presentation
 The CSS Rule: The Core Building Block
 Hybrid App Development
 How HTML, CSS & JavaScript Fit In?
 Frameworks: The Power Tools
 Core ES6 Features
 Why ES6 Matters
 ES6 Modules
Day - 37 Building Web Layouts
Objective:

html layouts, CSS styling, html structure

etc.

 Building Web Layouts with HTML and

CSS
 Here's an example of a simple
HTML structure with corresponding
CSS styling
Day - 38 Advanced Flutter Features
Objective:

Master core JavaScript and ES6 features including block-level scoping, arrow functions, template literals,
default parameters, rest/spread operators, destructuring, classes, modules, and promises to build modern,
efficient, and maintainable web applications.

 JavaScript
 Pros in both Web & Mobile Development
 Core Java Script Fundamentals
 Component Creation
 Data Fetching and Manipulation
 Benefits of Reusability
 Variables (var, let, const)
 Data Types
 Operators
 App Store Optimization for
Day - 39
Mobile Apps
Objective:

The objective is to learn about App Store

Optimization (ASO) strategies and techniques
for mobile apps, including optimizing app titles,
descriptions, keywords, and visual assets to
improve visibility and increase downloads on
app stores.

 Introduction to Frontend Frameworks

 Overview of Frontend Frameworks like
React and Angular
 Choosing the Right Framework for Web
Development Projects
Day - 40 Building Portfolio Web App
 Class Practicals
 Assignment
 Working with Java Script
Day - 41
Libraries
Objective:

The objective is to understand how to utilize cloud databases like MongoDB Atlas and Firestore
for storing and managing data in web and mobile applications.

 Working with JavaScript Libraries and Frameworks

 Exploring and Integrating Third-party JavaScript Libraries
 Using Frontend Frameworks to Build Complex Web Applications (with ReactJS)
 Testing and Debugging:
 Development
 AJAX Request for Dynamic
Day - 42
Data Loading
Objective:

AJAX Requests, XMLHTTPREQEUST, handling

response, error handling, fetch Api, implementing
client side data storage.

 AJAX Requests for Dynamic Data Loading

 XMLHttp Request (XHR) Object
 Fetch API for AJAX Requests
 Handling Responses and Error Handling
 Introduction to Backend
Day - 43
Development
Objective:
The objective is to understand and implement CI/CD
pipelines to automate the integration, testing, and
deployment processes, enabling faster and more
reliable software delivery.

 Server-Side Programming Languages

 Backend Frameworks
1. Setting Up Your Development Environment
2. Create a New Express.js Project
3. Define Your API Endpoints
4. Handle Incoming Requests and Responses
5. Integrate Mongoose for Database Interaction
6. Test Your API Endpoints
7. Connect Your React Frontend
Day - 44 Full Stack Development
Objective:

Full stack development

1. M – MongoDB
2. 2. E - Express.js
3. R - React.js
4. N - Node.js
 Building Upwork Clone
Day - 45
(Web App)
 Class Practicals
 Assignment
Thank You…