Industrial Training Weekly Diary

Weekly Diary for Industrial Training

Name of Industry : Artifiality Technology Pvt . Ltd

From 07/06/2024 To 13/07/2024

Name of Supervisor : Sumit N

Designation of Supervisor : Team Leader

Name of the student : Prasad Rajendra Pilke Enrollment No : 2200560289

Branch of Engineering : Information Technology

Name of Polytechnic : Pimpri Chinchwad Polytechnic

( Special instructions to students :

1) Write down the daily activity on the same day.

2) Make note of the important actual activities only.

3) Summarize at the week – end.

4) Add extra sheets if needed for daily or weekly activity report.

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 1 : From 03/06/2024 To 08/06/2024

Expected Work :
i. General study of industry , Analyzed the number of employees and turnover of industry

ii. Requirements of web developing and HTML basics

DAY Activities carried out

1 • Conducted a general study of Artifiality Technology,including history, product,range,

to grasp its business scope and evolution.
• Analyzed the size of Artifiality Technology, considering factors such as the number
of employees and turnover.

2 • Understood the requirement of web developing .

• Types of web development and importance of HTML, CSS and JAVA SCRIPT in web
developing.
• Understood working of realtime website by visiting my company website

3 • Introduction to HTML.
• HTML History, Structure and It’s element.

4 • Installed VS code IDE

• Installed required extension for HTML CSS code
• Created my first website

5 • Introduced some simple and common HTML attributes

• Studied Paragraph, Heading and text formatting Tags
• Explored link , anchor, line break & horizontal ruler tags in HTML

6 • Understood superscript and subscript tags in HTML

• Explored images and multimedia tags in HTML
• Solving practice questions, simple projects and doubt solving.

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Weekly summarization of the above activities :

Certainly! This week's focus was on foundational learning in web development, starting with a study of
Artificial Intelligence technology and its business scope. We then delved into understanding web
development requirements, exploring different types of websites and emphasizing the importance of
HTML, CSS, and JavaScript. Practical learning began with an exploration of real-time websites, followed by
an introduction to HTML, covering its history, structure, and initial coding using VS Code IDE. Throughout
the week, we studied various HTML elements and attributes for text formatting, links, multimedia
integration, and special formatting like superscript and subscript. The week concluded with hands-on
practice through coding exercises, simple projects, and thorough doubt-solving sessions, ensuring a solid
grasp of HTML basics and readiness for advancing into CSS and JavaScript.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 2 : From 10/06/2024 To 15/06/2024

Expected Work :

Advancing HTML skills and CSS basics

DAY Activities carried out

1 • SEO and Core Web Vitals in HTML

• To generate Lighthouse Report
• Meta Description and Keywords

2 • Forms and input tags

• Input Tag
• Get and Post
• Text area Tag

3 • Inline & Block Elements

• Id & Classes in HTML

4 • Video, Audio & Media Tags and their attributes in HTML

• Semantic Tags
• Entities, Code tag
• HTML Conclusion and Upcoming CSS Intro

5 • Introduction to CSS & Syntax

• First CSS website
• CSS comments
• Inline, Internal & External CSS

6 • CSS Selectors and their types

• CSS Box Model - Margin, Padding & Borders
• Margin Collapse
• Exercise and doubt solving

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Weekly summarization of the above activities :

This second week's learning journey is dedicated to mastering essential HTML and CSS concepts. The focus
starts with HTML, covering SEO strategies and Core Web Vitals, along with generating Lighthouse Reports
for web optimization. Key HTML elements such as forms, input tags (including text area), and semantic tags
are explored, alongside understanding IDs, classes, and media tags like video and audio with their
attributes. The week concludes the HTML section with insights into entities and code tags. Transitioning to
CSS, the focus shifts to understanding its syntax and structure, building a foundational CSS website, and
utilizing comments effectively. The exploration continues with different CSS application methods (inline,
internal, external), detailed discussions on selectors, and mastering the CSS Box Model including margin,
padding, and borders, with special attention to margin collapse behavior.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 3 : From 17/06/2024 To 22/06/2024

Expected Work :

Advancing CSS skills

DAY Activities carried out

1 • CSS font, text and color properties

• CSS styling unit
• Display property in CSS

2 • CSS shadow and outlines

• Overflow property
• Exercise to design a card

3 • CSS position property

• Variables in CSS
• CSS media queries
• Git hub intro and use of GitHub in larger projects

4 • Exercise to design a multicolor website

• CSS float and clear property
• Discord server & its use

5 • CSS flexbox its axis ,flex wrap, flex flow and item property
• CSS grid with their special unit and gap property
• Exercise to design a navigation bar of website
• Exercise to design a small website using grid

6 • CSS Transforms property with all its methods and transform origin
• CSS Transition property ,timing function and short hand property
• Short exercise and doubt solving

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Weekly summarization of the above activities :

Week 3 was focused on advancing CSS skills with a comprehensive exploration of fundamental
and advanced properties. From typography and color styling to layout techniques using Flexbox
and Grid, each day offered practical exercises to apply newly acquired knowledge. GitHub was
introduced as a crucial tool for version control, essential in collaborative web development. The
week concluded with a strong foundation in responsive design and layout strategies, preparing
for more complex projects ahead.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 4 : From 24/06/2024 To 29/06/2024

Expected Work :

Expanding skills in frontend development and design

DAY Activities carried out

1 • Introduction to CSS Animations

• Created CSS animation and used its various properties
• Exercise to create a bouncing ball animation using CSS animation transition and
transform property

2 • CSS Object-fit and Object-position

• CSS background property
• CSS Filters and its types(brightness, greyscale, contrast, invert, opacity)

3 • Figma website basic and its used in real-world projects

• Explored community UI toolkits in Figma
• Revision of all topics of HTML and CSS in short

4 • Understood the teamwork in projects

• Basic Activities to develop project
• Introduced & Started a creation of cloning Netflix website
• Downloaded assets used in the website
• Designed the basic structure of Netflix website using HTML and CSS

5 • Designed buttons, navigation bar, logo of website

• Cloned Header, Main, footer, sections of Netflix website
• Used media queries to make my website responsive
• At last finishing touches are given to website using different concepts
• Generated Lighthouse report to see the performance of my website
• Hosted this website on a free server

6 • Introduction to JavaScript
• Installing & integrating NodeJS
• Explored printing statement like Console.log and some basic in JS
• Simple examples for JS and doubt solving

Maharashtra State Board of Technical Education

 Industrial Training Weekly Diary

Weekly summarization of the above activities :

Throughout Week 4, activities focused on expanding skills in frontend development and design. The
week began with an introduction to CSS animations, where a bouncing ball animation was successfully
created using various CSS properties. Following this, emphasis shifted to CSS techniques such as Object-
fit, Object-position, backgrounds, and filters like brightness and grayscale adjustments. Midweek,
attention turned to UI/UX design using Figma, exploring community UI toolkits and revisiting essential
HTML and CSS concepts. Practical application took center stage as the week progressed, with team-
oriented project work involving cloning the Netflix website using HTML and CSS. This included
designing components like buttons and navigation bars, ensuring responsiveness through media
queries, and deploying the site on a free server, evaluated for performance using tools like Lighthouse.
The week concluded with an introduction to JavaScript, covering foundational concepts and initial
practice with NodeJS integration and basic scripting using console.log. Overall, Week 4 showcased
significant progress in frontend development skills, project management, and the initial steps into
backend scripting, laying a robust foundation for future learning and application.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 5 : From 1/07/2024 To 06/07/2024

Expected Work :

Mastering fundamental JavaScript concepts and their practical application

DAY Activities carried out

1 • JavaScript Conditionals: if, else if, else ladder

• Operators in JavaScript: Comparison operator Ternary operator
• Comments in JavaScript
• Loops in JavaScript
• For loop, for in loop , for of loop , while loop , do-while loop

2 • Function in JavaScript
• Creating a function, optional parameters
• Arrow function in JavaScript
• Strings in JavaScript
• String functions: (uppercase, lowercase, length, replace characters)
• Faulty calculator exercise

3 • Arrays in JavaScript
• Creating a array
• Array push, pop, slice, splice methods
• Factorial calculator exercise

4 • Document Object model in JavaScript

• Children ,Parent and sibling nodes in DOM
• Targeting elements by ID and classes
• Random color generator exercise

5 • Inserting and removing elements using JavaScript

• InnerHTML and OuterHTML
• JavaScript Event, Event handling , Event bubbling
• Set Interval and Set Timeout methods

6 • JavaScript Callback functions

• Promises in javascript
• Async/Await and fetch API in JavaScript with example
• Dynamic website builder Exercise and doubt solving

Maharashtra State Board of Technical Education

 Industrial Training Weekly Diary

Weekly summarization of the above activities :

Throughout the week, the focus was on mastering fundamental JavaScript concepts and their practical
application. The week started with an exploration of JavaScript conditionals (if, else if, else ladder),
operators (comparison and ternary), comments, and various loops (for, for in, for of, while, do-while).
The second day continued with functions, including creating functions with optional parameters and
using arrow functions, alongside string manipulation and a hands-on exercise with the faulty calculator.
Day three delved into arrays, covering creation, and essential methods like push, pop, slice, and splice,
followed by a factorial calculator exercise. Document Object Model (DOM) manipulation was the
highlight of day four, understanding DOM structure, targeting elements by ID and class, and creating a
random color generator. Day five explored inserting and removing elements using InnerHTML and
OuterHTML, JavaScript events and event handling, and using Set Interval and Set Timeout for timing
events. The week concluded with advanced topics like callback functions, promises, async/await, and
the fetch API, culminating in a dynamic website builder exercise and addressing any lingering doubts.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Week 6 : 8/07/2024 To 13/07/2024

Expected Work :

i. Advancing JavaScript skills and practical application through a project

ii. Types of Major Equipment/Instruments/ Machines Used in Industry
iii. Safety Procedures Followed and Safety Gear Used

DAY Activities carried out

1 • JavaScript try catch & Error Handling

• Classes & Objects - Object Oriented Programming in JavaScript
• Hacker's Terminal exercise

2 • Date functions in JavaScript

• Math functions in JavaScript
• JavaScript Interview Questions
• Revising HTML, CSS, JavaScript in short

3 • Project to clone a Spotify website using HTML,CSS and JS

• Introduction of the project
• Planning to create Spotify website
• Setting up Layout
• Creating Utility Classes
• Making the Sidebar and Header

4 • Making the Playlists

• Writing some JavaScript
• Responsiveness of website
• Previous & Next Button
• Volume Button
• Dynamic Albums
• More Improvement for Mobile Devices

5 • Short overview of Backend, Node.js & npm

• CommonJs Vs EcmaScript Modules

6 • Types of Major Equipment/Instruments/ Machines Used in Industry

• Safety Procedures Followed and Safety Gear Used
• Ending up with feedback of training

Maharashtra State Board of Technical Education

 Industrial Training Weekly Diary

Weekly summarization of the above activities :

Over the last week, I focused on enhancing my JavaScript skills, particularly in error handling with try-
catch blocks and mastering object-oriented programming through classes and objects. I engaged in a
hands-on Hacker's Terminal exercise to sharpen my command-line proficiency and delved into
JavaScript's date and math functions for practical application. Additionally, I prepared for JavaScript
interviews by revisiting core concepts in HTML, CSS, and JavaScript, and embarked on a challenging
project: cloning a Spotify website using these technologies. I successfully set up the layout, created
utility classes, and developed the sidebar, header, and playlists, integrating JavaScript for dynamic
functionality like previous and next buttons, volume control, and dynamic album displays. I ensured
the website's responsiveness for mobile devices and gained insights into backend development with
Node.js and npm, while exploring CommonJS versus EcmaScript modules for module management.
Furthermore, I deepened my understanding of industrial equipment, safety procedures, and received
valuable feedback on training.

Signature of Student : Signature of Industry Person:

Maharashtra State Board of Technical Education

Industrial Training Weekly Diary

Maharashtra State Board of Technical Education