,mkl

1. GOVERNMENT FIRST GRADE COLLEGE
VIJAYNAGAR
INTERNSHIP
ON
WEB AND MOBILE APPLICATION DEVELOPER
SUBMITTED TO: SUBMITTED BY:
AKSHITHA R GOWDA HARINI M
(U03DQ22S0220)

2. TABLE OF CONTENTS
SL NO CONTENTS
1 INTRODUCTION
2 LANGUAGES
3 FRONT END
4 BACK END
5 SCREENSHORTS
6 TOOLS
7 CONCLUSION

3. INTRODUCTION
A Web and Mobile Application Developer is a software professional who designs, builds, and maintains applications
for web browsers and mobile devices. They use various programming languages, frameworks, and tools to create
user-friendly and efficient digital experiences. While web developers focus on applications accessed through the
internet, mobile developers build apps specifically for platforms like Android and iOS. Some developers specialize in
both areas, making them versatile and in high demand across many industries.
Key Features
1. Cross-Platform Development
Ability to build applications for multiple platforms (web, iOS, Android) using tools like React Native, Flutter, or
responsive web design.
2. Front-End & Back-End Expertise
Knowledge of both user interface design (front-end) and server-side logic (back-end) for building complete
applications.
3. API Integration
Proficient in integrating third-party services and APIs (e.g., payment gateways, maps, social logins).
4. UI/UX Design Awareness
Understanding of user experience and interface principles to create intuitive and visually appealing apps.
5. Database Management
Ability to work with databases like Firebase, MongoDB, or MySQL for storing and retrieving data.

4. languages
Web Development Languages
Web development is the process of creating websites and web applications that run in a browser. It
involves designing, building, and maintaining websites to ensure they are functional, user-friendly, and
visually appealing.
 HTML (HyperText Markup Language)
• The standard language used to create and structure content on the web.
• CSS (Cascading Style Sheets)
• Used to style and layout HTML elements, including colors, fonts, and responsiveness.
• JavaScript
• A scripting language that adds interactivity and dynamic behavior to websites.
• TypeScript
• A superset of JavaScript that adds static typing, making code more reliable and scalable.
• Java (for Web)
• Used for large-scale web applications, especially with frameworks like Spring.

6. Mobile Development Languages
Mobile development is the process of creating applications for mobile devices like smartphones and tablets. These
apps can run on operating systems like Android and iOS and are designed to deliver a smooth user experience on
smaller screens.
• Java
• Traditionally used for building Android apps; known for stability and wide support.
• Kotlin
• A modern, concise language recommended by Google for Android development.
Cross-Platform Development Languages
•JavaScript/TypeScript
• Used with React Native to create mobile apps using familiar web technologies.

8. FRONT END
A front-end web developer focuses on creating the user interface and experience of websites or web applications. They use
various tools and technologies to ensure that users interact with the application in an intuitive and efficient way.
Key Skills and Technologies for Front-End Web Development:
1. HTML (HyperText Markup Language)
•The foundation of any web page.
•Defines the structure of the content (headings, paragraphs, links, etc.).
2. CSS (Cascading Style Sheets)
•Responsible for the look and feel of the website.
•Controls layout, colors, fonts, and positioning of elements on the page.
•Modern tools like Flexbox and Grid help with advanced layouts.
JavaScript
•A programming language that brings interactivity to web pages.
•Essential for dynamic features like form validation, animations, and handling events.
4. Responsive Design
•Ensures that a website works well on different devices (mobile, tablet, desktop).
•Tools like Media Queries help create responsive layouts.
•Mobile-first design is often used, designing for mobile devices first and then scaling up for larger screens.

9. 5. Version Control/Git
•Git helps developers keep track of changes made to code over time.
•GitHub or GitLab are commonly used to store code and collaborate with others.
Tools for Front-End Development:
•Code Editors: VSCode, Sublime Text, Atom.
•Browser Developer Tools: Chrome DevTools, Firefox Developer Tools for inspecting and debugging code.
•Design Collaboration Tools: Figma, Sketch, Adobe XD.
•Front-End Frameworks: Bootstrap, Tailwind CSS for responsive design.
Workflow:
1.Design: Start with wireframes or mockups, typically in tools like Figma.
2.Code: Write HTML, CSS, and JavaScript to bring the design to life.
3.Test: Check responsiveness, cross-browser compatibility, and performance.
4.Deploy: Use hosting platforms like Netlify, Vercel, or GitHub Pages to deploy the site.

11. BACK END
Back-end development is the server-side of a web application. It focuses on databases, server logic, application architecture,
and APIs — basically, how everything works behind the scenes to serve the front-end and deliver data.
Core Components of Back-End Development
1. Server
•A server listens for incoming requests from the client (browser/app) and returns responses.
•Common server environments:
• Node.js (JavaScript)
• Apache / Nginx
• Express.js (framework on Node)
• Spring Boot (Java)
• Flask/Django (Python)
2. Databases
Databases store and manage application data (users, orders, products, etc.).
•SQL (Relational) Databases:
• MySQL
• PostgreSQL
• SQLite
• Microsoft SQL Server
•NoSQL (Non-relational) Databases:
• MongoDB
• Firebase Realtime DB
• Cassandra

13. SCREENSHORTS
EX:WEBSITE SCREENSHORT

14. EX:MOBILE APP SCREENSHORT

15. TOOLS
VS Code (short for Visual Studio Code) is a free, open-source code editor developed by Microsoft. It’s designed for
building and debugging modern web and cloud applications.
Why Developers useVS Code:
✅ Free & Cross-Platform
•Available for Windows, macOS, and Linux
•Lightweight but powerful enough to handle full-stack projects
✅ IntelliSense (Smart Autocomplete)
•VS Code offers context-aware suggestions for variables, functions, modules, etc.
•Works out-of-the-box with JavaScript, Python, HTML, CSS, and more
✅ Built-in Git Integration
•Stage, commit, and push/pull to GitHub without leaving the editor
•Visual diffs and branch management included
✅ Extensions Marketplace
•Over 30,000 extensions to add support for languages, themes, tools, etc.
•Popular extensions:
• Prettier (code formatting)
• ESLint (JS linting)
• Live Server (for real-time page reload)
• Debugger for Chrome
• Python, React, Tailwind CSS IntelliSense, etc.

16. conclusion
Web and mobile application development are essential areas in the modern tech world, powering everything
from websites to smartphone apps. Web development focuses on creating applications that run in browsers,
accessible across all devices. It is divided into front-end development, which deals with the visual and
interactive parts of a website, and back-end development, which handles data, server logic, and database
interactions. Mobile application development, on the other hand, is centered around building apps
specifically for mobile devices, either using native languages like Swift and Kotlin or cross-platform
frameworks like Flutter and React Native. While web apps offer wide accessibility and easy updates, mobile
apps often provide better performance, access to device features, and offline support. Both fields require
strong problem-solving skills, knowledge of programming languages, and familiarity with tools like VS Code,
Git, and APIs. Understanding both web and mobile development opens doors to full-stack development and
more career opportunities. Choosing one to master first, based on your interests and goals, is a smart way
to begin your journey as a developer.