0% found this document useful (0 votes)
67 views7 pages

Mariya

The document is Mariya Maroof sayed's weekly diary from her industrial training in web page development at iBase Electrosoft LLP. Over the course of three weeks, she learned about frontend development including HTML, CSS, and JavaScript. She also learned about backend development using Node.js, JSP, Servlets, and setting up development environments. Her activities included studying basic and advanced concepts, setting up servers, and learning about version control with Git.

Uploaded by

Kunal Mhatre
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
67 views7 pages

Mariya

The document is Mariya Maroof sayed's weekly diary from her industrial training in web page development at iBase Electrosoft LLP. Over the course of three weeks, she learned about frontend development including HTML, CSS, and JavaScript. She also learned about backend development using Node.js, JSP, Servlets, and setting up development environments. Her activities included studying basic and advanced concepts, setting up servers, and learning about version control with Git.

Uploaded by

Kunal Mhatre
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Industrial Training Weekly Diary

Weekly Diary

For

Industrial Training

On

WEB PAGE DEVELOPMENT

From- iBase Electrosoft LLP Eto- G. V Acharya

Polytechnic College, Shelu Mumbai

Name of Supervisor: Mr. Nakul Deshmukh

Designation of Supervisor: CEO

Name of the Student: Mrs. Mariya Maroof sayed

Branch of Engineering: Computer Branch

Name of Polytechnic: G. V. Acharya Polytechnic College Shelu Mumbai

Name of the Mentor: Mrs. Madhura Mahindrakar

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 1: From - iBase Electrosoft LLP To - G. V Acharya

Polytechnic College, Shelu Mumbai

Expected Work:
i. Study of organization chart of industry/plant with responsibilities of the different posts
ii. General Study of industry, its location, its history and its product range, its size, number of
employees, its turnover etc.

Day Activities carried out

1 Introduction to Web Development


Web development is the process of creating websites and web applications. It encompasses
various technologies, such as HTML, CSS, JavaScript, server-side programming, and
databases, to build functional and interactive online platforms. Developers work on both
the frontend, responsible for the visual elements and user interactions, and the backend,
managing data storage and application logic. This multidisciplinary field enables the
creation of dynamic and engaging online experiences.
2 Overview of Web Development (Frontend vs. Backend)
Web development involves building and maintaining websites and web applications. It
includes frontend development using HTML, CSS, and JavaScript for user interfaces, and
backend development with server-side programming, databases, and APIs to handle data
and application logic. Developers focus on creating responsive, interactive, and secure
online experiences.

3 HTML Basics (Document structure, Elements, Semantic tags)


HTML (Hypertext Markup Language) is the backbone of web development. It structures
content with tags like <html>, <head>, and <body>. Elements like <p> for paragraphs and
<img> for images display information, while semantic tags like <header>, <footer>, and
<article> give context and meaning to content.

4 CSS Basics (Styling, Selectors, Layouts)


Web development involves building and maintaining websites and web applications. It
includes frontend development using HTML, CSS, and JavaScript for user interfaces, and
backend development with server-side programming, databases, and APIs to handle data
and application logic. Developers focus on creating responsive, interactive, and secure
online experiences.
5 Introduction to Git and Version Control
Git is a distributed version control system that tracks changes to files in software
development. It allows collaboration, managing code history, creating branches, and
merging changes, ensuring efficient team workflows and easy rollbacks

6 Setting up a Development Environment


. To set up a development environment, install code editors (e.g., Visual Studio Code),
language-specific tools (e.g., Node.js), and version control (e.g., Git). Configure
dependencies, databases, and API endpoints. Test the setup and start coding, ensuring a
seamless workflow for software development

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 2: From- iBase Electrosoft LLP To - G. V Acharya

Polytechnic College, Shelu Mumbai

Expected Work: Study of layout and specifications of major machines, equipment and raw
materials/components used.

List the Sections of Industry visited and list the major machines, equipment and raw materials etc.
studied:

Day Activities carried out

1 Frontend Development
Frontend development involves creating the visual and interactive aspects of websites and
web applications. It uses HTML, CSS, and JavaScript to design user interfaces, ensuring
responsiveness and a smooth user experience.

2 Advanced HTML (Forms, Media, Tables)


Advanced HTML forms allow complex input handling, validation, and submission. Media
elements, like <audio> and <video>, enable seamless integration of multimedia content.
Tables (<table>) organize data in rows and columns, while CSS styling enhances their
appearance and responsiveness, facilitating data presentation and layout control.

3 Advanced CSS (Flexbox, Grid, Responsive Design)


Advanced CSS Flexbox and Grid offer versatile layout options, allowing developers to
create complex and flexible designs. These tools facilitate responsive design, ensuring
seamless adaptability across various devices and screen sizes, enhancing user experience
and enabling modern and visually appealing web layouts.

4 Introduction to JavaScript (Data types, Variables, Functions)


JavaScript is a versatile programming language used for web development. It supports
various data types, including strings, numbers, booleans, arrays, and objects. Functions
enable code reuse and logic organization, while variables store and manipulate data during
program execution

5 DOM Manipulation (Selecting elements, Events, Basic Interactivity)


DOM manipulation in JavaScript involves selecting HTML elements and modifying their
content, styles, or structure dynamically. This enables basic interactivity by responding to
user events like clicks or input changes. Event handling allows developers to execute
specific actions, providing an interactive and engaging user experience on web pages.

6 JSP Servlet
JSP (JavaServer Pages) and Servlets are Java technologies for web development. JSP
enables embedding Java code in HTML for dynamic content generation, while Servlets
handle server-side logic and data processing, facilitating interactive and data-driven web
applications.

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 3: : From- iBase Electrosoft LLP To - G. V Acharya

Polytechnic College, Shelu Mumbai

Expected Work: Study of production processes along with production planning and control procedures.

List the Sections of Industry visited and list the major production process, and products for which
planning and control procedures etc. are studied:

Day Activities carried out

1 Backend Development
It looks like there might be a typo in your message. Did you mean "Backend
development"? If so, please let me know if you have any specific questions or if there's
anything specific you'd like to learn or discuss about backend development. I'm here to
help!

2 Introduction to Backend (Server, Client-Server architecture)


The backend is the server-side of web development, consisting of servers, databases, and
application logic. In the client-server architecture, client devices (e.g., browsers) send
requests to the server, which processes and manages data, then responds with the
appropriate information, enabling dynamic and interactive web applications. The backend
handles data processing, user authentication, business logic, and integration with external
services, supporting the overall functionality of web and mobile applications.
3 Node.js Basics (Setting up a server, NPM, Express.js)
Node.js is a server-side JavaScript runtime that allows you to build scalable and efficient
applications. To set up a server, use the 'http' module to create and handle HTTP requests.
NPM (Node Package Manager) manages dependencies and facilitates project setup.
Express.js is a popular Node.js framework that simplifies server development with features
like routing, middleware, and handling HTTP requests and responses. Together, they
empower developers to create robust and performant web applications.
4 RESTful APIs (CRUD operations, API design principles)
RESTful APIs follow principles for designing web services. CRUD operations (Create,
Read, Update, Delete) allow data manipulation. APIs use standard HTTP methods (GET,
POST, PUT, DELETE) and use clear, consistent endpoints, promoting simplicity and
scalability in web application development.

5 CSS Flexbox and Grid Layouts


CSS Flexbox and Grid are layout systems that offer powerful and flexible design options
for web pages. Flexbox is ideal for arranging elements in a single direction, either
horizontally or vertically, creating responsive and dynamic layouts. Grid allows creating
complex, multi-dimensional layouts, making it suitable for organizing content in rows and
columns with precise control. Together, they empower developers to build modern and
responsive web designs with ease.
6 Responsive Web Design
Responsive web design is an approach to designing and building websites that adapt to
various screen sizes and devices. It ensures optimal user experience by automatically
adjusting the layout, font sizes, images, and other elements, making the site easy to
navigate and read on desktops, tablets, and smartphones.

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 4: From - From- iBase Electrosoft LLP To - G. V

Acharya Polytechnic College, Shelu Mumbai

Expected Work: Study of testing and quality assurance processes.

List the Sections of Industry visited and list the major testing and quality assurance processes
studied there.

Day Activities carried out

1 Databases and Authentication


Databases store and manage structured data for applications. Common types include SQL
and NoSQL databases. Authentication is the process of verifying users' identities, usually
through usernames and passwords, granting access to specific resources or functionalities
in a system. Together, they form a crucial foundation for secure and data-driven web
applications.
2 Introduction to Databases (Relational vs. NoSQL)
Databases are structured collections of data used for storing and managing information.
Relational databases (SQL) use tables with predefined relationships between data, ensuring
data integrity and consistency. NoSQL databases, on the other hand, store data in flexible
formats, making them suitable for handling large volumes of unstructured or semi-
structured data, offering scalability and high performance for certain use cases. The choice
between them depends on the application's specific requirements and data characteristics.
3 Database Design and Querying (using MySQL or MongoDB)
Database design involves creating a well-organized schema to represent data efficiently. In
MySQL (a relational database), you design tables with predefined relationships between
data. To query, use SQL commands to retrieve, insert, update, or delete data. In MongoDB
(a NoSQL database), you design collections to store flexible JSON-like documents. To
query, use MongoDB's query language for flexible and schema-less data retrieval. The
choice depends on your project's data structure and scalability needs.
4 User Authentication and Authorization (Session, Cookies, JWT)
User authentication verifies user identities. It involves various methods like sessions,
cookies, and JSON Web Tokens (JWT). Sessions store user data on the server, and cookies
hold session IDs on the client-side for user identification. JWTs are self-contained tokens
that carry user information and are signed for authentication. Authorization determines
user access to specific resources or functionalities based on their authenticated identity or
role.
5 HTML
HTML (Hypertext Markup Language) is the foundation of web development. It structures
content using tags, such as <html>, <head>, and <body>. Elements like <p> (paragraphs)
and <img> (images) display information, while semantic tags like <header>, <footer>, and
<article> provide context and meaning to content.

6 JavaScript
JavaScript is a versatile programming language used for web development. It adds
interactivity, manipulates web page elements, and handles user interactions. It can be used
on both frontend and backend, making it crucial for creating dynamic and responsive web
applications.

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 5 From- From- iBase Electrosoft LLP To - G. V

Acharya Polytechnic College, Shelu Mumbai

Expected Work: Study of preventive and breakdown maintenance & safety Practice adopted in
industry.
List the Sections of Industry visited and list
(i) the major machines/plants whose preventive and breakdown maintenance procedures studied.
(ii) The major safety practices adopted in the industry
(iii) Organization chart of the industry with responsibilities of different departments/ posts

Day Activities carried out


Introduction to Databases (Relational vs. NoSQL
1
Databases are structured collections of data used for storing and managing information.
Relational databases (SQL) use tables with predefined relationships, ensuring data
integrity. NoSQL databases store data in flexible formats, making them suitable for
handling unstructured or semi-structured data, offering scalability and high performance
for certain use cases
Database Design and Querying (using MySQL or MongoDB
2
. Database design in MySQL (a relational database) involves creating a schema with tables
and predefined relationships. SQL queries are used to retrieve, insert, update, or delete
data. In MongoDB (a NoSQL database), design involves creating collections for flexible
JSON-like documents. MongoDB queries use a query language for flexible and schema-
less data retrieval. The choice depends on your data structure and scalability needs.
3 User Authentication and Authorization (Session, Cookies, JWT)
User authentication verifies users' identities, typically using sessions, cookies, or JSON
Web Tokens (JWT). Sessions and cookies store user data for identification during a
session. JWTs are self-contained tokens carrying user information, signed for
authentication. Authorization determines user access to resources, enhancing application
security and privacy.
4 Node.js Basics (Setting up a server, Express.js)
Node.js is a server-side JavaScript runtime that enables building scalable applications. To
set up a server, use the 'http' module. Express.js is a popular Node.js framework
simplifying server development with features like routing, middleware, and handling
HTTP requests and responses, streamlining web application creation.

5 Middleware and Error Handlin


Middleware acts as an intermediary in software, managing data flow between different
components. In web development, it handles tasks like authentication and request
processing. Error handling, on the other hand, manages and responds to errors that occur
during program execution, ensuring robustness and user-friendly feedback. In web
applications, middleware can also be utilized for centralizing error handling.
6 File Upload and Download
File upload and download are essential features in web applications that allow users to
transfer files between their local devices and the server. Users can upload files from their
computers or mobile devices to the server, and the server stores them for processing or
retrieval. Conversely, users can download files from the server to their devices by clicking
links or using APIs.

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................


Industrial Training Weekly Diary

Week 6 : From- iBase Electrosoft LLP To - G. V Acharya

Polytechnic College, Shelu Mumbai

Expected Work: Report writing

List the Sections of Industry visited and list the major manuals/broachers such as operational manual,
safety manual, maintenance manual, quality manuals referred/ studied there for preparation of reports.

Day Activities carried out

1 Full Stack Development and Final Project


Full-stack development refers to the process of creating web applications that encompasses
both front-end (client-side) and back-end (server-side) development. For the final project
of a college website, a full-stack developer would design the user interface, handle data
storage and retrieval, implement user authentication, and deploy the application on a server
to make the website functional and accessible to users.

2 Connecting Frontend to Backend (API calls)


Connecting frontend to backend involves making API calls from client-side code (Usually
JavaScript) to interact with the server-side functionalities. These API calls use HTTP
methods (Like GET, POST, PUT, DELETE) to send data, receive responses, and update
the user interface dynamically, enabling seamless communication between the frontend
and backend of a web application.
3 Implementing User Authentication in the project
To implement the user authentication in a project, developers can use techniques like
password hashing, session management and JWTs (JSON Web Tokens) to securely verify
user identities and control access to different parts of the application based on user roles
and permissions.

4 Project Work and Guidance


Project work involves planning, designing, and implementing a software or application to
solve a specific problem or meet a particular need. Guidance during the project may
involve defining objectives, creating a project plan, providing technical assistance,
reviewing progress, and offering feedback to ensure successful project completion.

5 Project Presentations and Feedback


Project presentations involve showcasing the completed work, explaining the project's
goals, methodology, and outcomes to stakeholders or an audience. Feedback from the
presentation is essential for evaluating the project's success, identifying areas of
improvement, and incorporating suggestions to enhance the project's quality and address
any shortcomings.
6 Project Work and Guidance
The college website serves as a comprehensive online platform that otters crucial
information about the institution, its programs, facilities, and resources, fostering effective
communication between the collage and its students, staff, and stakeholders.

Signature of Student: ………Signature of Industrial Supervisor....................Signature of Mentor.....................

You might also like