Python Full Stack Development
Python Full Stack Development
(On-Site/Virtual)
ANDHRA PRADESH
STATE COUNCIL OF HIGHER EDUCATION
(A STATUTORY BODY)
CHAPTER 1: EXECUTIVE SUMMARY
The internship report shall have only a one-page executive summary. It shall include five
or more Learning Objectives and Outcomes achieved, a brief description of the sector of
business and intern organization and summary of all the activities done by the intern
during the period.
Learning objectives:
Understanding Website and Web Application Ecosystem
UI/UX Development
Website and Web Application Development
Cross-Platform (Device Based) Development i.e Responsive Websites
Dynamic Data Loading
Admin Panel Access
Industry Best Practices
Testing and Debugging
Outcomes Achieved:
I grasped the fundamental concepts of Website and Web Application development, including
elements, divisions, sections, and navigation.
I gained a comprehensive understanding of the Website and Web Application ecosystem,
including the different platforms (i.e compatibility with different devices), and the overall
Website and Web Application development process.
I explored cross-platform Website development tool and frameworks, enabling them to build
Website that work on multiple devices.
I understand best practices in Website and Web Application development, including coding
standards, performance optimization, and accessibility considerations.
Description of the sector of business:
Innovation Tech Tree llp is a leading IT firm based in Tirupati, Andhra Pradesh, India. The
company was established with the aim of providing high-quality and innovative IT solutions
to businesses of all sizes, across various industries. It provides services like Website
Designing, Web Application Development, Graphic Designing, Mobile App Development,
Digital Marketing and Internship Programme to students.
website url: [Link]
Email Address: Info@[Link]
Activities done during the Internship:
I created a sample Website i.e SuperMarket Management system. In this application I
created the Registration, Login and Application Dashboard and Logout Pages. In the
Application Dashboard page having Various Categories of Items were displayed. The
customer can choose the item and buy the item using this dashboard page.
CHAPTER 2: OVERVIEW OF THE ORGANIZATION
Suggestive contents
A. Introduction of the Organization
During the internship at Innovation Tech Tree llp, the intern worked in a collaborative
office environment with flexible working hours. The weekly schedule involved a mix of
individual tasks and team meetings to discuss progress and plan strategies. The intern utilized
computers, software tools, and communication platforms for media outreach, content
creation, and event coordination.
ACTIVITY LOG FOR THE FIRST WEEK
Detailed Report:
Introduction to HTML:
HTML stands for Hyper Text Markup Language.
HTML is the standard markup language for creating Web pages. HTML
describes the structure of a Web page.
HTML consists of a series of elements.
HTML elements tell the browser how to display the content.
Structure of HTML:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Explanation:
The <!DOCTYPE html> declaration defines that this document is an HTML5 document.
The <html> element is the root element of an HTML page.
The <head> element contains meta information about the HTML page.
The <title> element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab).
The <body> element defines the document's body, and is a container for all the visible
contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading. The
<p> element defines a paragraph.
Text Formatting Tags:
<!--...--> - Defines a comment
<a> - Defines a hyperlink
<b>- Defines bold text
<br> - Defines a single line break
<h1> to <h6> - Defines HTML headings
<hr> - Defines the Horizontal Line
<ol> - Defines an ordered list
<ul> - Defines an ordered list
<li> - Defines Ilist Item
<P> - Defines a paragraph
<pre> - Defines preformatted text
<sub> - Defines subscripted text
<sup> - Defines superscripted text
Form Elements:
<form>:
The <form> tag specifies an form data.
<input>
The <input> tag specifies an input field where the user can enter data. The
<input> element is the most important form element.
The <input> elem ent can be displayed in several ways, depending on the type
attribute.
The different input types are as follows:
<input type="button">
<input type="checkbox">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="text"> (default value)
<input type="url">
<select>
The <select> element is used to create a drop-down list.
The <select> element is most often used in a form, to collect user input.
<option>
The <option> tag defines an option in a select list.
<option> elements go inside a <select> element.
<textarea>
The <textarea> tag defines a multi-line text input control.
The <textarea> element is often used in a form, to collect user inputs like comments or
reviews.
The size of a text area is specified by the cols and rows attributes
<button>
The <button> tag defines a clickable button. It submits the form data.
ACTIVITY LOG FOR THE SECOND WEEK
The HTML video tag is used for streaming video files such as a movie clip, song clip on the web
page.
<video controls>
<source src="movie.mp4" type="video/mp4"> Your
browser does not support the html video tag.
</video>
Image Tag:
HTML img tag is an empty tag that contains attributes only, closing tags are not used in
HTML image element.
<img src="good_morning.jpg" alt="Good Morning Friends"/>
Anchor Tag:
The HTML anchor tag defines a hyperlink that links one page to another page. It can create
hyperlink to other web page as well as files, location, or any URL. The "href" attribute is the
most important attribute of the HTML a tag. and which links to destination page or URL.
<a href="[Link]">Click for Second Page</a>
Tables:
HTML table tag is used to display data in tabular form (row * column). There can be many
columns in a row.
We can create a table to display data in tabular form, using <table> element, with the help of
<tr> , <td>, and <th> elements.
In Each table, table row is defined by <tr> tag, table header is defined by <th>, and
table data is defined by <td> tags.
ACTIVITY LOG FOR THE THIRD WEEK
selectors
CSS selectors are used to select the content you want to style. Selectors are the part of CSS
rule set. CSS selectors select HTML elements according to its id, class, type, attribute etc.
There are several different types of selectors in CSS.
CSS Element Selector
CSS Id Selector
CSS Class Selector
CSS Universal Selector
CSS Group Selector
Background
CSS background property is used to define the background effects on element. There are 5
CSS background properties that affects the HTML elements:
background-color
background-image
background-repeat
background-attachment
background-position
Border:
The CSS border properties are use to specify the style, color and size of the border of an
element. The CSS border properties are given below
border-style
border-color
border-width
border-radius
Display
Display is the most important property of CSS which is used to control the layout of the
element. It specifies how the element is displayed.
Font
CSS Font property is used to control the look of texts. By the use of CSS font property you
can change the text size, color, style and more. You have already studied how to make text
bold or underlined. Here, you will also know how to resize your font using percentage.
Font-family
Font-size
Font-style
Height
This CSS property sets the height of an element. It is used to set the height of content area of
an element.
Width
The CSS width property is used to set the width of the content area of an element.
Margin
CSS Margin property is used to define the space around elements. It is completely
transparent and doesn't have any background color. It clears an area around the element.
Padding
CSS Padding property is used to define the space between the element content and the
element border.
It is different from CSS margin in the way that CSS margin defines the space around
elements. CSS padding is affected by the background colors. It clears an area around the
content.
ACTIVITY LOG FOR THE FORTH WEEK
Attribute Description
function validateForm() {
let x = [Link]["myForm"]["fname"].value; if
(x == "") {
alert("Name must be filled out");
return false;
}
Example:
<script>
function validateform(){
var name=[Link];
var password=[Link];
if (name==null || name==""){
alert("Name can't be blank"); return
false;
}else if([Link]<6){
</script>
<body>
<form name="myform" method="post" action="[Link]" onsubmit="return validatefor m()"
>
Name: <input type="text" name="name"><br/>
Password: <input type="password" name="password"><br/>
<input type="submit" value="register">
</form>
ACTIVITY LOG FOR THE SEVENTH WEEK
Detailed Report:
<script>
var a = [Link]('div1'); var b =
[Link]('div2'); var c =
[Link]('div3'); var password =
[Link]('password');
var icon = [Link]('icon'); function viewData(){
[Link] = 'hello world';
}
function display(){ if([Link] == 'none'){
[Link] = 'block';
}else{
[Link] = 'none';
}
}
function display1(){ [Link] = 'block';
[Link] = 'none';
}
function display2(){ [Link] = 'none';
[Link] = 'block';
}
</script>
ACTIVITY LOG FOR THE EIGHTH WEEK
Data Types – (Number Data types, Text I learn Number data type,
Day – 3 text data type, Boolean
Data Type, Boolean and None Data
data type and None data
Type)
type.
Data Types – (Tuple and Set Data Type I practiced Tuple and Set
Day – 5
and its functions) Data type and its functions
I practiced Dictionary
Data Types – (Dictionary Data Type Data type and its functions
Day –6
and its functions)
WEEKLY REPORT
WEEK – 8 (From Dt………..….. to Dt............. )
Objective of the Activity Done:
Introduction to Python, Python variables and Data types.
Detailed Report:
Introduction to Python:
Python is a popular programming language. It was created by Guido van Rossum, and
released in 1991.
It is used for:
web development (server-side),
software development,
mathematics,
system scripting.
Machine Learning.
Artificial Intelligence and etc.,
Installation of Python and Visual Studio Code:
Open a browser to the Python website([Link]) and download the Windows
installer.
1. Double click on the downloaded file and install Python for all users, and ensure that
Python is added to your path. Click on Install now to begin.
2. Click Close to end the installation.
3. Python is Installed
4. Open browser and search for visual studio code and click on first link and download
visual studio for windows or MacOS or Linux
5. Double click on the downloaded file and install Visual studio code.
Variable Creation
1. Python has no command for declaring a variable and Variable name are case-
sensitive
2. A variable is created the moment you first assign a value to it.
3. Variables do not need to be declared with any particular type, and can even
change type after they have been set.
4. If you want to specify the data type of a variable, this can be done with casting.
5. You can get the data type of a variable with the type() function.
6. String variables can be declared either by using single or double quotes
Variable names are case-sensitive.
Data Types
1. Text Type: str
2. Numeric Types: int, float, complex
3. Sequence Types: list, tuple
4. Mapping Type: dict
5. Set Types: set
6. Boolean Type: Bool (True, False)
7. None Type: NoneType
Example Data Type
1. x = "Hello World" str
2. x = 20 int
3. x = 20.5 float
4. x = 1j+4 complex
5. x = ["apple", "banana", "cherry"] list
6. x = ("apple", "banana", "cherry") tuple
7. x = {"name" : "John", "age" : 36} dict
8. x = {"apple", "banana", "cherry"} set
9. x = True bool
10. x = None NoneType
ACTIVITY LOG FOR THE NINETH WEEK
Nested for loop with break and I learned the Nested for
Day - 2 continue keywords. loop with break and
continue keywords.
my_function()
2. def my_function(fname):
print(fname + " Refsnes")
my_function("Emil")
my_function("Tobias")
my_function("Linus")
3. def my_function(*kids):
5. def my_function(**kid):
I understand the
Day –6
Introduction to Class and Object importance of Class and
Objects
WEEKLY REPORT
WEEK – 11 (From Dt………..….. to Dt ........... )
Tuple: A tuple is a collection of items that is ordered but not changeable (immutable).
Allows duplicates
Cannot modify after creation
Defined using parentheses ( )
my_tuple = (10, 20, 30, "Python")
Sets: A set is a collection of items that is unordered and does not allow duplicates.
No duplicate values
No indexing (unordered)
Defined using curly braces { }
my_set = {10, 20, 30, 30}
print(my_set) # Output: {10, 20, 30}
my_dict = {
"name": "Elisha",
"age": 22,
"course": "BCA"
}
Import Module:
1. import math
pie = [Link]
print("The value of pi is : ",pie)
1. class Person:
Detailed Report:
class Student:
def get_name_course(self):
print([Link],[Link])
def student_details(self):
print([Link],[Link],[Link])
@classmethod
def change_college(clc,cname):
[Link] = cname
@staticmethod def
add(a,b):
print(a+b)
:
class A:
def init (self,a,b): self.a
=a
self.b = b
def get_b_values(self):
print(self.c,self.d)
def get_all_values(self):
print(self.a,self.b,self.c,self.d)
class D(A):
def init (self, a, b, new, old): A. init
(self,a,b)
[Link] = new
[Link] = old
def get_new_values(self):
print(self.e)
obj1.get_b_values()
obj1.get_all_values()
obj1.get_values() [Link]()
class A(ABC):
@abstractmethod
def new_method(self):
print('abstract method')
class B(A):
def init (self,a):
self.a=a
def new_method(self):
print('New method in Class B')
class C(A):
def init (self):
pass
def new_method(self):
print('New method in Class C') obj1 =
B(10)
obj2 = C() obj1.new_method()
obj2.new_method()
ACTIVITY LOG FOR THE THIRTEENTH WEEK
#method overloading
def myFunction(a,b,c=0,d=0,e=0): print(a+b+c+d+e)
def newFunction(a=1,b=1,c=1,d=1,e=1,f=1,g=1):
print(a*b*c*d*e)
myFunction(10,20)
myFunction(10,20,30)
newFunction()
def get_values(self):
print(self.a) print(self.b)
class B(A):
def init (self, a, b, c, d): A. init
(self, a, b) self.c = c
self.d = d
def get_b_values(self):
print(self.c,self.d)
Encapsulation :
Encapsulation is divided into two parts
1. Protected
2. Private
#protected
class A:
def init (self,a,b): self. a = a
self. b = b
class B(A):
def init (self, a, b): A. init
(self,a, b)
obj1 = A(10,20)
obj1.new_values()
#private class
A:
def init (self,a,b): self._a
= a self._b = b
def show_values(self):
print(self._a,self._b)
class B(A):
def init (self, a, b):
A. init (self,a, b)
def new_values(self):
print(self._a)
print(self._b)
obj1 = A(10,20)
print(obj1._a) obj1.show_values()
Exception Handling :
After Virtualenv is activated you will get the virtual environment name at the beginning
of command line.
Now, we need to install django and create the project and run in server.
Use these commands to install django, create django project and runserver. You will get an
server is like [Link] and then use this to run in any browser.
Now, create Django app to create [Link] , use this command to create demoapp.
Now, we can open our project in Visual Studio code and need to add functions in
demoapp/[Link]
templates/[Link]
After writing [Link] and [Link] for every table, we need to run this commands
To send Data:
We write html form in html page and we only write in [Link] deomapp/[Link]
CHAPTER 5: OUTCOMES DESCRIPTION
Describe the work environment you have experienced (in terms of people interactions, facilities
available and maintenance, clarity of job roles, protocols, procedures, processes, discipline, time
management, harmonious relationships, socialization, mutual support and teamwork, motivation,
space and ventilation, etc.)
During my internship at Innovation Tech Tree llp, I experienced a dynamic and collaborative
work environment. The team members were approachable, fostering open communication and
mutual support. Facilities were well-maintained, with adequate space and ventilation. Job roles
were clearly defined, and protocols and procedures were in place for smooth workflow. Time
management was emphasized, promoting efficiency. Harmonious relationships and teamwork
were evident, contributing to a motivated atmosphere. Socialization was encouraged, enhancing
camaraderie. Overall, the work environment at Innovation Tech Tree llp facilitated
productivity and personal growth.
Describe the real time technical skills you have acquired (in terms of the job-related skills and
hands on experience)
During my internship at Innovation Tech Tree llp, I acquired a range of real-time technical
skills crucial for Python Full-stack development. I gained hands-on experience in building
dynamic web applications using Python frameworks like Django and Flask. I developed
proficiency in frontend technologies such as HTML, CSS, and JavaScript, enabling me to
create responsive and visually appealing user interfaces. Additionally, I learned to work with
databases efficiently, employing MySQL and MongoDB for data storage and retrieval.
Version control systems like Git were integral to our workflow, honing my collaboration and
code management skills. Through practical projects and tasks, I gained insight into deploying
and maintaining web applications in live environments, understanding the importance of
robust testing and debugging practices. Overall, my time at Innovation Tech Tree llp provided
me with practical expertise and confidence in navigating the complexities of fullstack
development projects.
Describe the managerial skills you have acquired (in terms of planning, leadership, team work,
behaviour, workmanship, productive use of time, weekly improvement in competencies, goal
setting, decision making, performance analysis, etc.
During my internship at Innovation Tech Tree llp, I developed valuable managerial skills
essential for effective project execution. I learned the importance of meticulous planning,
breaking down tasks into achievable goals and setting realistic deadlines. As part of the team,
I embraced leadership opportunities by coordinating tasks, delegating responsibilities, and
fostering a collaborative environment. Teamwork was emphasized, and I honed my ability to
communicate effectively and resolve conflicts constructively. I demonstrated a strong work
ethic and attention to detail, striving for excellence in every task undertaken. Productive use
of time was prioritized, with a focus on continuous improvement through weekly assessments
and skill enhancement activities. Goal setting and decision-making were integral to our
workflow, with regular performance analyses to identify areas for growth and optimization.
Overall, my internship experience equipped me with the managerial acumen necessary for
successful project management in the field of Python Fullstack development.
Describe how you could improve your communication skills (in terms of improvement in oral
communication, written communication, conversational abilities, confidence levels while
communicating, anxiety management, understanding others, getting understood by others,
extempore speech, ability to articulate the key points, closing the conversation, maintaining
niceties and protocols, greeting, thanking and appreciating others, etc.,)
Enhancing abilities in group discussions, team participation, and leadership involves the
following steps:
1. Active Listening: Cultivate the habit of listening attentively to others'
perspectives without interrupting, demonstrating respect for their contributions.
2. Effective Communication: Improve articulation skills to express ideas clearly and
concisely, fostering better understanding and engagement within the group.
3. Constructive Participation: Engage actively in group discussions by offering
relevant insights, asking questions, and building upon others' ideas to contribute
meaningfully.
4. Collaboration Skills: Develop the ability to work collaboratively with team
members, valuing diversity of thought and leveraging collective strengths to
achieve common goals. 5. Conflict Resolution: Learn techniques for resolving
conflicts amicably within the team, promoting a harmonious and productive
working environment.
5. Empathy and Understanding: Cultivate empathy towards team members,
understanding their perspectives, needs, and motivations to foster mutual trust and
respect.
6. Leadership Development: Seek opportunities to take on leadership roles within
the team or in specific activities, demonstrating initiative, accountability, and the
ability to motivate and inspire others towards shared objectives.
7. Feedback and Reflection: Solicit feedback from peers and mentors to identify
areas for improvement, and reflect on past experiences to continuously refine and
enhance group participation and leadership skills.
8. By actively engaging in group discussions, embracing teamwork, and
continuously developing leadership abilities, one can enhance their effectiveness
as a team member and leader.
Describe the technological developments you have observed and relevant to the
subject area of training (focus on digital technologies relevant to your job role)
In the realm of Python Full-stack development, several technological
developments have emerged, shaping the landscape of digital technologies:
Adoption of Progressive Web Apps (PWAs): Integrating features of
traditional web applications with mobile app functionalities, enhancing
user experience and engagement.
Evolution of Python Frameworks: Continuous updates and improvements
in frameworks like Django and Flask, offering enhanced security,
performance, and developerfriendly features.
Rise of Serverless Architecture: Utilizing platforms like AWS Lambda
and Google Cloud Functions to deploy backend services without
managing server infrastructure, optimizing scalability and cost-
effectiveness.
Increased Emphasis on DevOps Practices: Integration of development
and operations teams, automation of deployment pipelines, and
implementation of containerization technologies like Docker and
Kubernetes for streamlined application delivery.
Growth of API-driven Development: Leveraging RESTful APIs and
GraphQL for efficient data exchange between frontend and backend
systems, facilitating modular and scalable application architectures.
Accelerated Adoption of Microservices: Decomposing monolithic
applications into smaller, independent services, enabling flexibility,
scalability, and rapid development cycles.
Advancements in Frontend Technologies: Integration of modern
JavaScript frameworks like React, [Link], and Angular with Python
backend, enhancing frontend interactivity and performance.
Emergence of AI and Machine Learning: Integration of AI-powered features like
natural language processing (NLP) and recommendation systems into web
applications, enhancing personalization and user engagement.
PHOTOS & VIDEO LINKS