VISVESVARAYA TECHNOLOGICAL UNIVERSITY
BELAGAVI, KARNATAKA – 590018
Internship
Presentation on
“Full Stack Java Development”
By:
YASHWANTH GOWDA H P 4HG21EC050
Under the guidance of:
Prof. Krishnananda L
Associate Professor
Department of Electronics and Communication Engineering
Dept. of E&CE
Government Engineering College
Mosalehosahalli - 573212
GECMH 1
CONTENTS
FULLSTACK WEB DEVELOPMENT
CORE JAVA
SQL
HTMAL-CSS
JAVASCRIPT
PROJECT
CONCLUSION
FULL STACK WEB DEVEOLPMENT
Full Stack Web Development involves building both front-end and back-end of
web applications.
Front-end: Technologies like HTML, CSS, JavaScript, and frameworks such as
React or Angular.
Back-end: Languages like Java, using frameworks like Spring Boot for server
logic and APIs.
Includes working with databases (e.g., MySQL, MongoDB) for data storage and
management.
Full stack developers manage the entire development process, from UI to server
and database.
CORE JAVA
Core Java refers to the fundamental part of the Java programming
language used for developing general-purpose applications.
It includes basic programming concepts and object-oriented
principles.
It forms the foundation for all advanced Java technologies (like Java
EE, Spring, Android).
Concepts
OOPS Concepts:
• Class & Object
• Encapsulation
• Inheritance
• Polymorphism
• Abstraction
Exception Handling: Try-catch blocks, throws, and custom exceptions.
Collections Framework: List, Set, Map, and their implementations
(e.g., ArrayList, HashMap).
Multithreading: Thread class, Runnable interface, synchronization.
Input/Output (I/O): File handling using java.io and java.nio.
Java APIs and Libraries: String handling, Math, Wrapper classes, etc.
JVM Architecture: Class Loader, Bytecode, Execution Engine, and
Memory Areas (Heap, Stack).
Java Keywords: final, static, this, super, synchronized, etc.
Access Modifiers: private, public, protected, and default.
SQL
SQL stands for Structured Query Language.
It is used to store, retrieve, manipulate, and manage data in relational
databases.
SQL is supported by most database systems like MySQL, Oracle, SQL
Server, PostgreSQL, etc.
MySQL is an open-source relational database management system
(RDBMS) that is used to store, manage, and retrieve data using
Structured Query Language (SQL). It is one of the most widely used
database systems, especially for web applications.
Features of SQL
• Declarative Language: Specify what data you want, not how to get it.
• Relational Model: Works with tables (relations), rows (records), and
columns (fields).
• Standardized: Adopted by ANSI and ISO with support across many
database systems.
• Powerful: Supports querying, inserting, updating, deleting, and
managing data and structure.
HTML-CSS
HTML (HyperText Markup Language) is the standard markup
language used to create the structure of web pages.
It consists of elements or "tags" that define the content and layout
(e.g., headings, paragraphs, images, links).
CSS (Cascading Style Sheets) is used to style and layout HTML
content.
It controls visual aspects like colors, fonts, spacing, alignment, and
responsiveness.
JAVASCRIPT
JavaScript (JS) is a high-level, interpreted programming language.
It is mainly used to make web pages interactive and dynamic.
JavaScript runs directly in the browser, alongside HTML and CSS.
Initially developed for the web, now also used for server-side
development (e.g., Node.js).
PROJECT
TITLE-Professional Portfolio
The Professional Portfolio Website is a fully responsive, modern
web application designed to showcase personal information, projects,
skills, contact details, and more. It's aimed at helping developers and
professionals build an online presence to attract opportunities.
Tech Stack
• HTML5 – Markup language for structure
• CSS3 / Bootstrap – Styling (custom or framework based)
• JavaScript – Front-end logic
• Git & GitHub – Version control
• GitHub Pages – Hosting
Features
•Responsive design for mobile, tablet, and desktop
•Hero section with introduction and CTA
•About Me section with photo and biography
•Projects showcase with live demo and source code links
•Skills section with proficiency levels
•Contact form with email functionality
•Social media integration
•Light/Dark mode (optional)
Future Scope
• Blog integration
• Admin dashboard to manage content
• Backend for dynamic projects/skills
• Theme customizer (light/dark/custom)
CONCLUSION
Full Stack Web Development involves building both the front end (what
users see) and the back end (how things work behind the scenes) of
websites or web applications. It allows developers to create complete
and functional websites by using tools like HTML, CSS, JavaScript, and
backend technologies like Node.js, databases, and APIs. Learning full
stack development helps build problem-solving skills and makes it
easier to understand how the entire web system works. It’s a valuable
skill for creating modern, user-friendly websites and applications.
THANK YOU
