0% found this document useful (0 votes)
21 views10 pages

Internship Daily Diary

The document outlines the first three weeks of an internship focused on web development, covering HTML, CSS, and an introduction to JavaScript. The intern learned key concepts and skills, including HTML structure, CSS styling, and the creation of a responsive Pricing Landing Page. By the end of week three, the intern had developed a solid foundation in frontend development and gained hands-on experience in building functional web pages.
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)
21 views10 pages

Internship Daily Diary

The document outlines the first three weeks of an internship focused on web development, covering HTML, CSS, and an introduction to JavaScript. The intern learned key concepts and skills, including HTML structure, CSS styling, and the creation of a responsive Pricing Landing Page. By the end of week three, the intern had developed a solid foundation in frontend development and gained hands-on experience in building functional web pages.
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/ 10

INTERNSHIP ACTIVITY LOG FOR 1st WEEK

Person In-
BRIEF DESCRIPTION OF THE
DAY & DATE LEARNING OUTCOME charge
DAILY ACTIVITY
Signature

On day one, explored the process of installing Visual


Studio Code (VSCode), a popular code editor that 1. HTML Definition
Day–1 provides a range of features for web development, 2. HTML Structure
gained an understanding of Hypertext Markup 3. HTML5 Uses
Language (HTML), a fundamental language used to 4. HTML Elements
create the structure and content of webpages, explored 5. HTML Attributes
the various applications of HTML5, the latest version
of HTML, and learned about HTML attributes, which
provide additional information or functionality to
HTML elements.

On day two, I learned about different heading levels


(h1 to h6) and their semantic meaning. I learned how to 1. HTML Headings
Day -2 create paragraphs using the <p> element, which is used 2. HTML Paragraphs
to enclose blocks of text. I explored basic CSS syntax 3. HTML Styles
and learned how to link CSS stylesheets to HTML 4. HTML Formatting
documents. I explored various formatting options in
HTML, and I learned how to use these tags to
emphasize or highlight specific content.
On day three, I focused on HTML Comments, Links,
Day–3 Images, Tables, and Lists. I explored the use of HTML 1. HTML Comments
comments to add explanatory notes within the code, 2. HTML Links
learned how to create hyperlinks using the <a> 3. HTML Images
element, explored the <img> element to add images to 4. HTML Tables
webpages., discovered how to create tables in HTML 5. HTML Lists
using the <table>, <tr>, <td>, and <th> elements, and
learned about the different types of lists in HTML.
On day four, I covered HTML Blocks & Inline, HTML
Day–4 Classes, HTML ID, HTML Forms, and HTML Frames. 1. HTML Blocks & Inline
Explored the concept of HTML block-level elements 2. HTML Classes
and inline elements. Learned about HTML classes, 3. HTML ID
which allow you to apply styles or group elements 4. HTML Forms
together. Explored HTML IDs, which are unique 5. HTML Frames
identifiers assigned to individual elements on a
webpage. Introduced HTML forms, which provide a
way to gather user input on a webpage. Covered the
basics of HTML frames.
On day five, I delved into the topics of CSS. I explored
Day–5 the concept of CSS as a stylesheet language used to 1. What is CSS
define the visual presentation of HTML documents, 2. Syntax Of CSS
learned the syntax of CSS, which involves selecting 3. CSS Selectors
HTML elements, explored different types of CSS 4. CSS Colors
selectors that allow for targeted styling, discovered 5. CSS Containers
various ways to specify colors in CSS, and Learned
about CSS containers, which are used to group and
structure HTML elements.
On day six, I focused on CSS Borders, CSS Fonts, CSS
Day–6 Text, CSS Google, CSS Padding, CSS Background. I 1. CSS Borders
explored how to add borders to HTML elements using 2. CSS Fonts
CSS, learned about CSS font properties, explored 3. CSS Text
various CSS properties related to text, studied the 4. CSS Google
concept of using CSS to style and customize Google 5. CSS Padding
Maps, gained an understanding of CSS padding, 6. CSS Background
explored CSS background properties to customize the
background of elements.
INTERNSHIP WEEKLY REPORT
WEEK – 1 ( 06/05/24 to 11/05/24 )

Objective of the Activity Done: Complete HTML and Basics of CSS.

Detailed Report: In the first week of my web development learning journey I covered various fundamentals of html and gained

a solid foundation in web development. I started by understanding the basics of HTML, its purpose as a markup language, and

its role in creating and structuring web pages. Throughout the week, I explored the HTML structure, including the

<!DOCTYPE> declaration, the <html> element as the root container, and the <head> and <body> elements for metadata and

content. I learned about a wide range of HTML elements, such as headings, paragraphs, links, images, tables, lists, and

forms. These elements are essential for organizing and presenting content on web pages. Additionally, I studied HTML

attributes, attributes, which provide additional information and functionality to elements. I discovered how to use attributes like

src, href, class, and id to customize and enhance HTML elements. I also delved into styling and formatting techniques using

HTML, including inline styles, CSS classes, and the use of external stylesheets. Overall, week 1 provided a solid introduction

to HTML, its structure, elements, attributes, and basic styling. I am now equipped with the knowledge and skills to create well-

structured web pages using HTML. By the end of week1 I, acquired knowledge about Basics of CSS and its purpose and role

in web styling. You explored CSS structure, including selectors, rules, and Declarations. Additionally, I learned about CSS

colors, containers, borders, fonts, text styling, Google Fonts integration, padding, and background properties.

In conclusion, the first week of my web development course internship at Motioncut has been insightful and engaging. I have

gained a solid foundation in HTML, CSS, and essential web development concepts. The hands-on practice and exposure to

various topics such as responsive design and CSS styling have equipped me with valuable skills for building modern and user-

friendly websites.
INTERNSHIP ACTIVITY LOG FOR 2nd WEEK

Person In-
BRIEF DESCRIPTION OF THE
DAY & DATE LEARNING OUTCOME charge
DAILY ACTIVITY
Signature

On Day-1 I learned how to integrate popular icon


libraries, such as Font Awesome or Material Icons, into 1. CSS Icons
Day–1 our web pages using CSS classes. I focused on the CSS 2. CSS Max-Width
Max-Width property, learned about different types of 3. CSS Lists
lists, such as unordered lists and ordered lists. I learnt 4. CSS Tables
how CSS offers extensive options for styling tables, 5. CSS Position
We learned about the four main position values: static,
relative, absolute, and fixed.
On Day-2, I learned how to control the stacking order
of elements using the z-index property, explored how 1. CSS Z-index
Day -2 to handle content overflow within an element using 2. CSS Overflow
CSS overflow property, discovered different CSS 3. CSS Align
alignment properties to position and align elements. I 4. CSS Combinators
dive into CSS combinators to select and style specific
elements based on their relationship with other
elements.
On Day-3, I learned how to apply special styles to
Day–3 elements based on their state or interaction, discovered 1. CSS Pseudo-class
how to create virtual elements to style specific parts of 2. CSS Pseudo-element
an element's content, explored techniques to create 3. CSS Navigation Bar
stylish and responsive navigation menus using CSS, 4. CSS Dropdowns
dived into creating interactive dropdown menus with 5. CSS Forms
CSS to enhance user experience, mastered the art of
styling and customizing HTML forms using CSS for a
polished user interface.
On Day-4, I learned how to use CSS counters to
Day–4 automatically number or label elements in your web 1. CSS Counters
page, dived into building a complete website using 2. CSS Website
CSS, incorporating layout, styling, and responsiveness, 3. CSS Units
explored different CSS units, such as pixels, 4. CSS Math Functions
percentages, and ems, to specify sizes and distances in
your designs, discovered CSS math functions like
calc(), min(), max(), and clamp() to perform
calculations and create dynamic styles.
On Day-5, I learned CSS Rounded Corners is a
Day–5 technique that allows you to create visually appealing 1. CSS Rounded Corners
rounded corners for elements on a webpage, CSS 2. CSS Border Images
Border Images provides a way to enhance the 3. CSS Backgrounds
appearance of borders around elements on a webpage, 4. CSS Colors
CSS Colors enable us to define and apply colors to 5. CSS Web Fonts
various elements on a webpage, CSS Web Fonts allow
us to go beyond the limited set of standard fonts.
On Day-6, I covered, CSS 2D Transforms allow you to
Day–6 manipulate elements on a two-dimensional plane, 1. CSS 2D Transforms
altering their position, rotation, scale, and skew, CSS 2. CSS 3D Transforms
3D Transforms take the concept of CSS 2D Transforms 3. CSS Style Images
further by enabling you to manipulate elements in 4. CSS Object-fit
three-dimensional space, CSS Style Images provide 5. CSS Object-position
various techniques to modify the appearance of images 6. CSS User Interface
on a webpage, CSS Object-fit is a property that
determines how an image or video fills its container
element, CSS User Interface refers to the styling and
customization of the user interface elements, such as
buttons, forms, checkboxes, and radio buttons.
INTERNSHIP WEEKLY REPORT
WEEK – 2 ( 13/05/24 to 18/05/24 )

Objective of the Activity Done: Complete CSS.

Detailed Report: In the second week of my web development learning journey I covered all about CSS. I learned how to

integrate popular icon libraries, such as Font Awesome or Material Icons, into our web pages using CSS classes. I focused on

the CSS Max-Width property, learned about different types of lists, such as unordered lists and ordered lists. I learnt how CSS

offers extensive options for styling tables, We learned about the four main position values: static, relative, absolute, and fixed. I

learned how to control the stacking order of elements using the z-index property, explored how to handle content overflow

within an element using CSS overflow property, discovered different CSS alignment properties to position and align elements. I

dive into CSS combinators to select and style specific elements based on their relationship with other elements. I learned how to

apply special styles to elements based on their state or interaction, discovered how to create virtual elements to style specific

parts of an element's content, explored techniques to create stylish and responsive navigation menus using CSS, dived into

creating interactive dropdown menus with CSS to enhance user experience, mastered the art of styling and customizing HTML

forms using CSS for a polished user interface. I learned how to use CSS counters to automatically number or label elements in

your web page, dived into building a complete website using CSS, incorporating layout, styling, and responsiveness, explored

different CSS units, such as pixels, percentages, and ems, to specify sizes and distances in your designs, discovered CSS math

functions like calc(), min(), max(), and clamp() to perform calculations and create dynamic styles. I learned CSS Rounded

Corners is a technique that allows you to create visually appealing rounded corners for elements on a webpage, CSS Border

Images provides a way to enhance the appearance of borders around elements on a webpage, CSS Colors enable us to define

and apply colors to various elements on a webpage, CSS Web Fonts allow us to go beyond the limited set of standard fonts.

Furthermore, I honed my skills in responsive navigation menus, interactive dropdown menus, and customized HTML forms

using CSS.
INTERNSHIP ACTIVITY LOG FOR 3rd WEEK

Person In-
BRIEF DESCRIPTION OF THE
DAY & DATE LEARNING OUTCOME charge
DAILY ACTIVITY
Signature

Day–1 On day 1, Began developing a Pricing Landing Page


using HTML. Structured the basic layout, including Creating a Pricing Landing Page
header, main content, and footer sections. Learned using HTML
HTML fundamentals, including document structure
and semantic tags for web development.

Day -2 On day 2, Completed HTML structure for the Pricing


Landing Page. Added detailed content such as pricing Completed Creating a Pricing
tables and buttons. Enhanced HTML skills, focusing on Landing Page using HTML
creating forms and tables effectively.

Day–3
On day 3, Styled the Pricing Landing Page using CSS.
Applied basic styling and worked on layout design. This Pricing Landing Page has been
Gained proficiency in CSS, understanding selectors, styled using CSS
properties, and layout techniques.

Day–4
On day 4, Finalized CSS styling for the Pricing
Landing Page. Ensured responsiveness and visually Completed the Project using HTML
appealing design. Improved skills in responsive web and CSS
design and advanced CSS styling.

Day–5 On day 5, I embarked on their journey to learn 1. JS Introduction


JavaScript (JS) and covered several fundamental 2. JS Statements
topics. They began with an introduction to JS, 3. JS Comments
understanding its role as a programming language for 4. JS variables
web development and its capabilities in adding
interactivity to web pages.

Day–6 On day 6, I continued my JavaScript (JS) learning 1. JS Let


journey, focusing on important concepts and 2. JS Variables
functionalities. I delved into the concept of functions in 3. JS Operators
JavaScript, which allow for reusable blocks of code. I 4. JS Arithmetic
learned about objects in JavaScript, which are used to 5. JS Data Types
store and organize data in key-value pairs.
INTERNSHIP WEEKLY REPORT
WEEK – 3 ( 20/05/24 to 25/05/24 )

Objective of the Activity Done: Developed foundational skills in frontend development with HTML, CSS, and JavaScript.

Detailed Report: During the third week of the internship, significant progress was made in web development, focusing on

creating and styling a a Pricing Landing Page using HTML and CSS, followed by an introduction to JavaScript. The week

began with the initiation of the Pricing Landing Page using HTML. The primary goal was to understand and implement the

fundamental structure of a web page. This included creating a header, main content area, and footer, which laid a solid

foundation for the webpage layout. The HTML structure was further developed and completed. Detailed elements such as

pricing tables, buttons, and forms were added to enhance the page's functionality and content depth. This step reinforced the

intern’s understanding of HTML tags and elements, crucial for building structured web content. Styling the Pricing Landing

improving the page's visual presentation through typography, color schemes, and layout adjustments. This introduced the intern

was finalized, ensuring the page was responsive and visually appealing across different devices. Emphasis was placed on

responsive design techniques, including the use of media queries to adapt the layout to various screen sizes, which is vital for

modern web development. The focus shifted to JavaScript, starting with basic concepts such as statements, comments, and

variables. Simple scripts were created to practice and understand the syntax and functionality of JavaScript. This introduction

laid the groundwork for adding interactivity to web pages. JavaScript learning continued with an emphasis on the 'let' keyword,

operators, arithmetic operations, and data types. Practical exercises included writing scripts to perform basic operations and

manipulate data effectively, deepening the intern's understanding of JavaScript's role in web development.

By the end of the week, the intern developed a solid foundation in web development. Hands-on experience with HTML and

CSS allowed them to create and style a functional, responsive Pricing Landing Page. The introduction to JavaScript provided

basic understanding of scripting, essential for adding interactivity to web pages. This comprehensive approach ensured a well-

rounded skill set in the early stages of web development.


INTERNSHIP ACTIVITY LOG FOR 4thWEEK

Person In-
BRIEF DESCRIPTION OF THE
DAY & DATE LEARNING OUTCOME charge
DAILY ACTIVITY
Signature

Explored JavaScript functions, objects, events, and 1. JS Functions


Day–1 strings. Implemented and practiced using various 2. JS Objects
functions and event handling in small projects. Gained 3. JS Events
a deeper understanding of how to use functions for 4. JS Strings
code reusability, objects for structured data, events for
interactivity, and string manipulations.

Learned about JavaScript numbers, arrays, booleans, 1. JS Numbers


Day -2 loops, and the Math object. Applied these concepts in 2. JS Arrays
practical exercises to manipulate and process data. 3. JS Booleans
Enhanced ability to work with different data types, 4. JS Loops
control structures, and mathematical operations in 5. JS Math
JavaScript, improving overall coding efficiency.

Day–3 Covered JavaScript type checking and conversion, the 1. JS typeof , type conversion
'this' keyword, maps, and operator precedence. 2. JS this keyword
Completed tasks to practice these advanced topics. 3. JS Maps
Improved understanding of dynamic typing, context in 4. JS Precedence
functions, advanced data structures, and operator logic,
crucial for complex programming scenarios.

Day–4 Studied JavaScript classes, modules, and the Document 1. JS Classes


Object Model (DOM). Started integrating these 2. JS MODULES
concepts to manipulate web page content dynamically. 3. JS DOM
Learned modern JavaScript features for object-oriented
programming, modular code organization, and DOM
manipulation to create interactive web applications.

Day–5 Began developing an E-Commerce Product Page,


starting with the HTML structure and initial CSS
styling. Planned the layout and design elements. Started creating an E-Commerce
Applied HTML and CSS skills in a real-world project Product Page
setting, focusing on creating a visually appealing and
user-friendly interface.

Day–6 Completed the E-Commerce Product Page project,


integrating HTML, CSS, and JavaScript to add Completed a project on an
functionality and interactivity. Finalized the design and E-Commerce Product Page using
tested the page. Successfully combined all learned HTML, CSS, and JavaScript.
skills to create a functional and interactive web page,
demonstrating proficiency in full-stack web
development.
INTERNSHIP WEEKLY REPORT
WEEK – 4 ( 27/05/24 to 01/06/24 )

Objective of the Activity Done: JavaScript concepts applied in creating a functional E-Commerce Product Page.

Detailed Report: During the fourth week of the internship, the focus was on mastering advanced JavaScript concepts and

applying these skills to develop an E-Commerce Product Page, culminating in a comprehensive project that integrated HTML,

CSS, and JavaScript. The week began with an in-depth exploration of JavaScript functions, objects, events, and strings. The

intern practiced creating and using functions for modular code, managing data with objects, handling user interactions through

events, and manipulating text with string methods. This day established a strong foundation in essential JavaScript

functionalities that are crucial for dynamic web development. The intern delved into JavaScript numbers, arrays, booleans,

loops, and the Math object. Through various exercises, they learned to perform calculations, iterate over data structures, and

utilize logical values and control structures. This knowledge is vital for processing and managing data efficiently in web

applications. The focus shifted to more advanced JavaScript topics such as type checking and conversion using typeof,

understanding and applying the this keyword, using maps for better data management, and understanding operator precedence.

Practical tasks helped solidify these concepts, which are critical for writing clear and effective code in complex scenarios.

The intern studied modern JavaScript features including classes for object-oriented programming, modules for code modularity,

and the Document Object Model (DOM) for manipulating web page content dynamically. They began to integrate these

concepts to create interactive and modular web applications, enhancing their ability to build complex projects. The week

concluded with the completion of the E-Commerce Product Page. The intern integrated HTML, CSS, and JavaScript to add

functionality and interactivity, such as dynamic product listings and responsive design. They finalized the design and conducted

thorough testing to ensure the page was functional and user-friendly. This project demonstrated their ability to combine different

web technologies to create a complete, interactive web application.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy