Industrial Training Weekly Diary

Weekly Diary
For
Industrial Training
At
V2V EDTECH LLP

From: 3rd June 2024 TO 13th July 2024

Name of Supervisor: Mr. Rajan Shukla

Designation of Supervisor: Project Lead

Name of the Student: Priyanka Ashok Shirsath

Branch: Computer Engineering

Name of Polytechnic: Government Polytechnic Thane

Special instructions for students:

1) Write down the daily activity on the same day.
2) Make note of the important actual activity Performed.
3) Summarize at the week-end.
4) Add extra sheets if needed for daily or weekly activity report.

Signature of Student: Signature of Industrial Supervisor:

_________________ ____________________________

Maharashtra State Board of Technical 1

Education
 Industrial Training Weekly Diary

Week-1: From: 3rd June 2024 TO 8th June 2024

Expected Work:
i. Started the Web Development Introduction like Frontend, Database, & Backend
ii. Studied about the basic concepts of Frontend i.e. HTML, CSS, & JS.
iii. Studied HTML in Detail.
Day Activities carried out
Introdution to web application development
o Installation of HTML Software
1.
o Introduction of HTML, CSS & JS.
o Shortcut keys.

What is Website
o Frontend
2. o Backend
o What are Database languages
o Types of database languages

Types of Elements
3. o Block level elements
o Inline elements

Paragraph Tag
4. o bold tag, Italic tag, &
Underline tag
o Homework:
i. Create a web page with an about me and write about your hobbies
Types of Lists: (List tags)
o Ordered lists (ol) unordered lists (ul) &
Definition List (dl & dd)
o Table tags ( t r , t h , & t d )
5. o Homework:
i. Create a web page and write your hobbies in an unordered list,
education inordered list and family details in a table

Text Formatting Tags

6. o Strong tag, Emphasized tag, Mark tag, Small tag.
o Big tag, Delete tag, Instruction tag.
o Subscript tag, Superscript tag.

Weekly Summarization of activities:

The first week focused on understanding the basics of web development including HTML, CSS, and JS, and creating
simple web pages with various HTML elements.

Signature of Student: Signature of Industrial Supervisor:

__________________ ___________________________

Maharashtra State Board of Technical 2

Education
 Industrial Training Weekly Diary

Week-2: From: 10th June 2024 TO 15th June 2024

Expected Work:
i. Studied about the CSS i.e. Beautification part of website.
ii. Learnt about the Bootstrap and its classes.
Day Activities carried out
Introduction to CSS
1. o Introduction to Bootstrap
o Basic Structure of Bootstrap

Types Of CSS
o Inline CSS
2. o Internal CSS
o External CSS
o Homework:
i. WAP to use internal & external CSS to create a resume try implementing
bootstrap with any 5 classes
Introduction To Bootstrap
o Containers in Bootstrap
3. o The Grid System
o Use topography classes create one row and three columns and optimize it for
different devices and also write 3 paragraphs in the columns
Bootstrap classes
4. o Cards in Bootstrap
o Navbar and Carousel in Bootstrap
o Alerts and Buttons
Bootstrap (Designing)
o Carousel
o Navbar
5. o Alerts
o Homework:
o create a page with navbar with about, Instagram, Facebook, also
implement carousel with 3 images and create 3 cards with any 3 of your
hobbies and below that implement 3 alerts.
Bootstrap: (Image)
o How to add images using Bootstrap
o Using href
6.
o Using <img> tag & (SRC)
o Homework:
1. Create a page in which add your images using img & src tag.

Weekly Summarization of Activities:

The second week was dedicated to learning CSS and Bootstrap, creating responsive web pages, and understanding various
Bootstrap components and forms.

Signature of Student: Signature of Industrial Supervisor:

__________________ ______________________________

Maharashtra State Board of Technical 3

Education
 Industrial Training Weekly Diary
th nd
Week-3: From 17 June 2024 TO 22 June 2024
Expected Work:
i. Studied about the Bootstrap classes in detail that gives beauty to our website.
ii. Introduction to JS i.e. Java Script is done.
iii. Studied about the Logics and Functions of JS.
Day Activities carried out
1. Bootstrap
o Badges & Breadcrumbs in Bootstrap
o Forms in Bootstrap
o Homework:
i. create a sign-up form with name, phone number, email address last year’s
percentage, city (dropdown list), gender (radio button), upload marksheet,
progress bar, etc.
Introduction to Java script
o getElementById() function.
2. o Date() function.
o onclick event
Functions
o innerHTML property.
3. o Java Script Functions, Arithmetic function
o DOM(Document Object Model)
o Homework:
i. Write a java script program area of circle, rectangle, square, calculate simple
interest
Logics
o java script table for star pattern printing
4. o var = Global variable, let = Local variable, const = Constant variable
o Homework:
i. write a program to check if the number is prime or
not
ii. Check whether the year is Leap year or not
iii. Convert Celsius to Fahrenheit.
Variable naming convention rule
o Names can contain letters, digits, underscores, and dollar signs.
o Names must begin with a letter.
5. o Names are case sensitive (y and Y are different variables).
o Names are also begin with $ and _ (but we will not use it in this tutorial).
o Reserved words (like JavaScript keywords) cannot be used as names.
Loops
o If-else Loop
6. o Do & While Loop
o Do while Loop

Weekly summarization of the above activities:

The third week was focused on JavaScript fundamentals, including DOM manipulation, functions, loops, and an
introduction to jQuery for dynamic web development.

Signature of Student: Signature of Industrial Supervisor:

__________________ _____________________________
Maharashtra State Board of Technical 4
Education
 Industrial Training Weekly Diary

Week-4: From 24th June 2024 TO 29th June 2024

Expected Work:
i. Started using jQuery by copying its CDN link.
ii. Learnt about different functions of jQuery.
iii. Studied about SQL commands for table creation.

Day Activities carried out

jQuery
o Introduction
1. o Homework:
i. Write a jQuery to hide and show paragraph using buttons
ii. Write a program to demonstrate While & Do-While Loop

jQuery Effects: Fade in and fade out

o Effects fade-In : Shows/make the div
2. o Visible fade-Out : hides/makes the div invisible
o Fade-Toggle : combination of fade-in and fade-out , creates a toggle button

jQuery Sliding Effects

o Margin: Outer Border
3. o padding : space between inner html
o Homework :
i. Use jQuery effects fade in , fade out , fade toggle , start sliding ,
stop sliding, fade to

SQL Commands
o DDL , DML & DQL commands
4.
o DCL & TCL commands in an RDBMS
Database: (Table)
5. o Created a Table Using SQL commands
o Used Commands like insert, update, delete, drop, etc.
Table Creation
o Created a table of student and stored data using insert and update.
6.
o Homework:
i. Create a table of employee details using SQL commands

Weekly summarization of the above activities:

The fourth week was dedicated to learning jQuery effects, understanding basic RDBMS commands, customizing web
templates, and an introduction to PHP for server-side programming.

Signature of Student: Signature of Industrial Supervisor:

_________________ ___________________________

Maharashtra State Board of Technical 5

Education
Industrial Training Weekly Diary

Maharashtra State Board of Technical 6

Education
Industrial Training Weekly Diary

Week-5: From 1st July 2024 TO 6th July 2024

Expected Work:
(i) Got knowledge about the Templates which is available free online.
(ii) Also studied about editing of template which is very helpful for making of website if you
are not making it from scratch.
(iii) Started using PHP for Data Connectivity.

Day Activities carried out

Bootstrap Template
o Downloaded online free templates in Bootstrap
o Homework:
1. i. Build a resume website using a template

Template
2 o Downloaded the Coffee shop template
o Edited that template as per our instructor said.
o Made multiple sections by adding info.

Edited Template
3 o Added some images too.
o Made a contact form to store data
PHP
4 o Introduction To PHP
o Basic PHP codes
o Homework:
i. WAP to find area of square.
Data Connectivity
5 o Created a sign-up and registration form
o Created a database and table in localhost to store data
o Connected that form to database using xampp

Forms
6 o Created two sign up forms and connected it to database to store there
details
i) Student Details
ii) Employee Details

Weekly Summarization of activities:

The fifth week focused on PHP programming, setting up XAMPP, connecting databases, handling forms, and performing
CRUD operations.

Signature of Student: Signature of Industrial Supervisor:

________________ __________________________

Maharashtra State Board of Technical 7

Education
 Industrial Training Weekly Diary

Week-6: From 8th July 2024 TO 13th July 2024

Expected Work:
i) Topics for making projects have been assigned.
ii) Downloaded the template related to our topic from Theme Forest.
iii) Made changes accordingly.

Day Activities carried out

HTML Template
o Searched for our topic Template on Theme Forest
1. o Downloaded the HTML Template of our choice
o Used HT-Track For extraction of our template code

Template (Editing)
o Started Editing the template as said.
2 o Made five sections Home, Pages (About, Team, & Review), Services,
Shop (Products, Cart, & Check-Out).
o Edited Home section by adding the basic details of our shop and also
added some products.
Project
o Edited Pages section by adding Team info., Reviews, About Shop, etc.
3 o Edited Services sections by adding the types to services we provide.
o Edited the Shop section by adding Products, cart (Billing details), &
Checkout.
Project (Data Storing)
o Edited the Contact section by giving a form so that customer’s can
4 contact us.
o Made Database and Table in Local host my admin.
o Connected our form to that Database.
Power-Point Presentation
o Made a Power-Point Presentation by taking too much of efforts.
5 o Added Multiple images, font styles, information, etc. of our projects.
o Also added a quality animation’s in it.

Presentation
o Presented our website in front of all students, sir, madams, etc.
6. o Also presented and explained about our project like how we made,
what all changes we did, and also how we made our ppt.

Weekly summarization of the above activities:

The final week involved completing the website development, implementing CRUD functionalities, testing, debugging, and
preparing a presentation.

Signature of Student: Signature of Industrial Supervisor:

________________ __________________________
Maharashtra State Board of Technical 8
Education
Industrial Training Weekly Diary

Maharashtra State Board of Technical 9

Education
Industrial Training

Maharashtra State Board of Technical 10

Education
Industrial Training Weekly Diary

Maharashtra State Board of Technical 11

Education